So-net無料ブログ作成
HTML5 ジェネレーティヴ アート ブログトップ

ランダムに沢山のカラフルな文字を描画するHTML5 Canvasプログラム。 [HTML5 ジェネレーティヴ アート]

Canvas Area.
Canvas_Character Generator_(2019_01_09)_1.png ランダム文字描画プログラムで生成した文字アート画像。

" Draw " ボタンを押すとランダムに沢山のカラフルな文字を生成、描画します。
" HTML5 " の " Canvas " 要素で描画しています。
Canvas内を色付きの文字で埋め尽くすだけの、とても単純なプログラムですが、中々にアートに見えます。

当該プログラムのソース コードは御自由に切り貼りして利用して下さって結構です。

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

[ソース コード]
Yahoo!ボックス: https://yahoo.jp/box/w6qS-t



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

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

自作のウェブ音楽プレイヤー: ウェブ音楽プレイヤー
https://applicationprogram.blog.so-net.ne.jp/2019-07-03-1


nice!(1)  コメント(0) 
HTML5 ジェネレーティヴ アート ブログトップ