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