Skip to content
YukiYamamoto-source edited this page Aug 29, 2020 · 5 revisions

概要

WebGLの練習のために,製作したプログラムを公開しています.
下記のURLから製作したグラフィックを見れるので,ぜひ見ていってください!
https://yukiyamamoto-source.github.io/webgl/

コード1:cudes

大量の立方体がバネ・ダンパで釣り下がっている様子を描画しています.
画面をクリックすると,立方体の色と立方体を吊り下げているバネの剛性が変化します.
cubesのサンプル画像

コード2:grgr

パーティクル表現を練習したくて製作しました.
下記のサイトを参考にしています.
https://wgld.org/sitemap.html
パーティクルの初期位置を文字で設定できるようにしました. grgrのサンプル画像

コード3:message

友人の誕生日をお祝いするメッセージを製作しました.
紙テープが舞っている表現を頑張って製作しました.
messageのサンプル画像

コード4:simu_js

大学の研究で扱っている実時間シミュレータをJavaScriptで製作しました. 箱の角にかける力を矢印ボタンで変更・除去できます.
simu_jsのサンプル画像

コード5:simu_cat

コード4の実時間シミュレータをベースに,伸びる猫を作ってみました. 平面に猫の画像を貼り付けただけなので,少し違和感のある動きになっています. 今後,改良する予定です.
simu_catのサンプル画像