実験音楽工房2015
初版 2019/08/25 08:37
2015年にプログラムで生成した作品を展示する「音楽実験音楽工房2015展」というのをやってみました。
![](https://peatix.com/.v2.93/static/images/peatix-ogimage.png)
実験音楽工房2015 展 | Peatix
作曲の方法には時代や地域によって多様な手法があります。音楽に使われる音階やリズムあるいは様式や形式などをプログラムの仕様や要求定義だと考えれば、コンピュータで自動的に音楽を作曲する... powered by Peatix : More than a ticket.
https://peatix.com/event/111972?lang=ja
この個展のプレゼント品として制作したのが、2011年から2014年までに制作したアルバムの中からお気に入りの曲を選曲て作ったたコンピレーションアルバムです。
![](https://muuseo-jp.s3-ap-northeast-1.amazonaws.com/uploads/1566688677854-zscybz4bef-8085bb96e4aa1de11bc28180e40d5207/compilation+album.jpg)
![](https://muuseo-jp.s3-ap-northeast-1.amazonaws.com/uploads/1566688673995-24z9zko6bmj-8085bb96e4aa1de11bc28180e40d5207/songlist.jpg)
このアルバムに収録した曲を映像化してみたいと思い、ブラウザがあれば観れる作品を作ってみました。
HTML アート
![](https://d17x1wu3749i2y.cloudfront.net/2019/08/24/16/29/50/335d240a-26d4-4fa8-9e9d-fd1ea386aad8/file.png)
<13品展示中>HTML アートのアイテム | Muuseo(ミューゼオ)
https://muuseo.com/mugen/collection_rooms/18
![](https://d17x1wu3749i2y.cloudfront.net/2019/08/01/18/45/51/622a8b4a-d137-4bb7-8950-60973011026f/file.jpg)
当時、ちょとだけ勉強した様々なWEB制作技術のテストケースになっています。
HTML5
![](http://muuseo.com/diary_ogp_icon.jpg)
HTML5日本語訳
この文書は「HTML 5(W3C Superseded Recommendation 2018-03-27)」の日本語訳("developer-view styles"を適用した状態で表示される箇所のみの部分訳)です。日本語訳は参考情報であって、公式な文書ではありません。
https://momdo.github.io/html5/Overview.html
SVG
![](http://muuseo.com/diary_ogp_icon.jpg)
W3C SVG Working Group
SVG is a markup language for describing two-dimensional graphics applications and images, and a set of related graphics script interfaces. SVG 1.1 2nd edition is a W3C Recommendation and is the most recent version of the full specification.
https://www.w3.org/Graphics/SVG/
D3
![](https://d3js.org/preview.png)
D3.js - Data-Driven Documents
D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.
https://d3js.org/
GLSL
![](http://webglfundamentals.org/webgl/lessons/resources/webglfundamentals.jpg)
WebGLのシェーダーとGLSL
我々はこれまでシェーダーとGLSLについて話をしてきたわけであるが、 その仕様の詳細については踏み込んでこなかった。 これまでサンプルプログラムを示してきたことによって大まかな雰囲気は 掴めたものと期待しているが、ここで今一度、シェーダーとGLSLについて 整理して説明したい。
https://webglfundamentals.org/webgl/lessons/ja/webgl-shaders-and-glsl.html
WebAudio
![](https://developer.mozilla.org/static/img/opengraph-logo.72382e605ce3.png)
Web Audio API - Web API | MDN
Web Audio APIはWeb上で音声を扱うための強力で多機能なシステムを提供します。これにより開発者はオーディオソースを選択したり、エフェクトを加えたり、ビジュアライゼーションを加えたり、パンニングなどの特殊効果を適用したり、他にもたくさんのいろいろなことができるようになります。
https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API
#プログラミング
![File](https://d17x1wu3749i2y.cloudfront.net/2019/08/01/18/45/52/659413ae-4e5b-45a3-99ba-7831945efb12/file.jpg)
mugen
様々なプログラミング言語を使って、音楽を自動作曲しています。
使用している言語
・awk
・COBOL
・JavaScript
・R
・サクラ
・ドリトル
・なでしこ
https://yamazawa.bandcamp.com/
17人がフォロー中
-
Visits
101,008
-
Items
1,157
-
Lab Logs
100
-
Likes
776
Since August 2019
![Default](https://d3caz7hhiepl95.cloudfront.net/assets/user/default-6344dcd9594efe2c770024a51c383175.png)