ビジュアルコーディング「circles」
p5.jsを使ったヴィジュアルコーディング。
サークルがいくつも現れ、幾何学模様のようなビジュアルが生成されるプログラムを、
勉強&遊びも兼ねて色々と参考にしながら作ってみました。
詳細
・WebブラウザFireFoxでご覧いただくと音楽に合わせて幾何学模様が描画されます。
使用言語
・HTML
・JavaScript
フレームワーク・ライブラリ
・p5.js
p5.jsを使ったヴィジュアルコーディング。
サークルがいくつも現れ、幾何学模様のようなビジュアルが生成されるプログラムを、
勉強&遊びも兼ねて色々と参考にしながら作ってみました。
・WebブラウザFireFoxでご覧いただくと音楽に合わせて幾何学模様が描画されます。
・HTML
・JavaScript
・p5.js
→ デモページはコチラ(※音楽が流れます。) p5.jsを使ったヴィジュアルコーディング。 カラフルなドットが出てくるプログラムを勉強&遊びも兼ねて、 いろいろ参考にしながら作ってみました。 […]
もっと読む→ デモページはコチラ(※音楽が流れます。) p5.jsを使ったヴィジュアルコーディング。 画面がカラフルにペイントされるプログラムを勉強&遊びも兼ねて、 いろいろ参考にしながら作ってみました。   […]
もっと読む→ デモページはコチラ(※音楽が流れます) 目に見えて動くので楽しい。 雪が降っている様なビジュアルのプログラムを勉強&遊びも兼ねて、 いろいろ参考にしながら作ってみました。 詳細 ・Webブ […]
もっと読むウェブデザイン 今ご覧いただいているWebサイト(https://stsymkw.com)になりますが、 こちらもポートフォリオの一つとしてご紹介いたします。 レスポンシブデザインのサンプル パソコンでの表 […]
もっと読むロゴマークデザイン 自身の名字をコンセプトにしたロゴデザインです。 ロゴマークの使用サンプル ロゴマークを使用した名刺などのステーショナリーへの使用サンプルです。 掲載するメディアに合わせて、横長デザインと […]
もっと読むバナーデザイン / グラフィックデザイン 解説 設定 仮想コーヒーショップしたバナーデザインです。 新商品発売のブレンドコーヒー豆の宣伝用バナーをイメージして制作しました。 ターゲット メイン […]
もっと読む