"ToneCraft by Dinahmoe" anyone can make sound with WebGL by clicking and overlapping blocks

Play a 16 x 16 square panel with lightTenorionJust setting a colorful block in 256 squares makes it possible for electronic sounds corresponding to installation locations to create melodies as "ToneCraft by Dinahmoe"is. Working with WebGL, anyone can compose instantly with the latest version of Google Chrome.

ToneCraft by Dinahmoe
http://labs.dinahmoe.com/ToneCraft/

When you access it starts reading for about 10 seconds.


The squares are floating in the gray space.


To start making sounds, click on the color you like from the palette on the left side of the screen.


Clicking on the squares will place a block of the choosen color. A gray line runs across the squares, but this line scans the field from the edge at the time of playback, and when there is a block in the part where the line exists, the sound flows. In music games such as beatmania, when the music falls down from the top and hits the key when it overlaps the line near the hand, if you think that the line will move in contrary to it.


Changing colors and the sounds ringing depending on the installation location.


It is also possible to overlap like a building block.


You can erase the block with "Alt + click" and the block superimposed on it is fixed, so it will not fall even if you cut it out.


You can move the angle of the grid by moving the mouse while pressing Shift, so you can also set the block on the back of the grid.


The music corresponds to play / stop of the space, and to reset it, just click "Reset" under the title.


You can check how the sounds sound when you install the block with "ToneCraft by Dinahmoe" from the following movie.

I installed a block with "ToneCraft by Dinahmoe" and tried putting out a sound - YouTube


Also, to share the created ToneCraft, click "share your tones" under the title. In addition to contributing to SNS such as Facebook, link URL is also displayed.


It is not made with emphasis on rhythm like musical instruments, but if you set up blocks as you can think of, you can create a clean melody.


Even if you make it while imagining the jungle like this, it will not be too discordant from completion to completion, so you can enjoy it from the beginning to the end.


"GIGAZINE" logo was also created.


You can check what kind of sounds the GIGAZINE logo sounds in the following movie.

The sound of the GIGAZINE logo made with "ToneCraft by Dinahmoe" looks something like this - YouTube


As the operation is simple, you will soon be able to install the block in a fancy place you are accustomed to. Once you try it you may not be able to get away for a while.