town-page/_posts/sketches/2020-09-13-sequencer.markdown

34 lines
1.0 KiB
Markdown
Raw Normal View History

2019-05-13 02:52:27 +00:00
---
layout: post-plain
title: "Sequencer"
2020-02-09 11:03:50 +00:00
date: 2020-02-09 09:16 +0800
2019-05-13 02:52:27 +00:00
categories: toys
---
{% asset sequencer.css %}
2019-05-13 03:41:42 +00:00
{% asset sequencer.coffee %}
2020-02-09 11:00:28 +00:00
<audio>This browser does not support audio</audio>
<audio id="row1" src="{% asset CB.WAV @path %}" type="audio/wav" preload="auto"></audio>
<audio id="row2" src="{% asset CH.WAV @path %}" type="audio/wav" preload="auto"></audio>
<audio id="row3" src="{% asset CL.WAV @path %}" type="audio/wav" preload="auto"></audio>
<audio id="row4" src="{% asset CP.WAV @path %}" type="audio/wav" preload="auto"></audio>
2020-02-09 11:00:28 +00:00
2019-05-13 02:52:27 +00:00
<div class="sequencer-baseline" >
<div class="sequencer-wrapper" >
<div class="sequencer" >
{% for y in (1..4) %}
{% for x in (1..8) %}
2020-02-09 11:00:28 +00:00
<input class="sequencer-button" row="{{y}}" col="{{x}}" type="checkbox"/>
2019-05-13 02:52:27 +00:00
{% endfor %}
{% endfor %}
</div>
</div>
</div>
{% asset "Neon_Cube_01_190513_v01-01.jpg"
@optim
srcset:width=900
srcset:width=500
srcset:width=300
2020-02-09 11:00:28 +00:00
%}
<div style="display: none">{% asset "Neon_Cube_01_200209_v02-02.png" %}</div>