So-net無料ブログ作成

HTML5 Canvas Generative Art [HTML5 ジェネレーティヴ アート]




今回も遊びでジェネレーティヴ アートのプログラムを書いてみたので、 " Start / Stop " ボタンを押してみて下さい。
ランダムな動きによって謎な模様が描画されます。
CPU負荷が高いと思います。
JS_Generative Art_SS_(2017_11_21)_1_cropped_1 HTML5のCanvas要素で描画されたジェネレーティヴ アートの画像。 色とりどりのグラデーションが掛かった多重円が多数画面中をランダムに動いた軌跡が描かれている。
https://c1.staticflickr.com/5/4580/38547548431_1a012122cb_o.png
この画像のような模様が描画される筈です。

[このプログラムについて]
" HTML5 " の " Canvas " 要素を利用して画面に画像を表示しております。
このプログラムのコードは全てブログ記事のHTML文書内にJavaScriptで記述したものであり、作成するに当たってテキスト エディターとウェブ ブラウザー以外は何も使用しておりません。 追加のライブラリーなどは一切必要無く、純粋にHTML5対応ブラウザーだけで動作致します。
お遊びとしてHTML5のCanvasは簡単で楽しいです。

" Yahoo!ボックス " サーヴィスにソース コードのhtml ファイルをアップロードして公開させて頂きます。
次のリンク先のページにある " ダウンロード " ボタンを押すと当プログラムのhtml ファイルをダウンロード出来ます。
https://yahoo.jp/box/MH1rHK

私の他の作品: HTML5のCamvasと "JavaScript" で音声処理と画像描画。
http://crater.blog.so-net.ne.jp/2016-06-30

自作のウェブ音楽プレイヤー: "ウェブ音楽プレイヤー"
http://musicvisualizer.blog.so-net.ne.jp/2017-06-26


nice!(1)  コメント(0) 

nice! 1

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ブログオーナーが承認したコメントのみ表示されます。

Facebook コメント