falling cherry blossom
桜を降らせる練習。Three.js, GLSL使用。 花びらはgeometry instancingを持ちいて生成しています。また移動や回転の計算は全てGPUで行うことでパフォーマンスを維持させています。 また花びらが表示領域内に入った際に突然表示され不自然な見え方をしないように、流入する際と流出する際には徐々に透明度を変化させることで背景と自然に同化させています。
Discover companies you will love
Konel / テクニカルディレクター
Available to logged-in users only
2019年12月に弊社オフィスでプロトタイプの祭典「FESTA」が開催されました。 私は当日はFESTA運営としてメインステージの音響を担当しつつ、準備期間中は社内有志メンバーの一員として「みんなのいいねが集まるツリー」の制作に携わりました。 QRを読み取り、ハートを送信するフロントエンドの一部を実装しています。
会社の中には会議室とは別に予約の必要がないフリースペースが存在し、社内外様々な人が打ち合わせに使用しています。 「フリースペースの空き状況がネットからわかれば、何度も様子を見に行く必要がないのにな」から始まったプロジェクトです。 Vue.jsを使用してフロントエンド部分の実装やセンサー等の設置を担当しました。
メインテーマ:流体音を音源に持つエアリード楽器の発音メカニズムの解析
View Rei Matsuda's
Full Profile
This information is visible only to Wantedly users or the user’s connections
View past posts
View mutual connections
View Rei Matsuda's full profile
写真を撮り、トリミングしてスタンプを貼り画像を生成できるサイトです。 (source: https://github.com/ray-zero2/photoFrame) Canvasの学習を始めて最初に作った作品です。(canvas 2D) (canvasの学習にフォーカスしたため、デザインは行っていません。) JSの仕様やオブジェクト指向もよくわからず制作したためコードは綺麗ではありませんが、 ロジックについてしっかり悩んで実現することができました。 スタンプを描画する際はオフスクリーンのcanvasを2枚使用し、 一番上に描画されているスタンプ以外の全てを事前に描画しておくことで 余計なレンダリングを防ぐ工夫を行いました。
桜を降らせる練習。Three.js, GLSL使用。 花びらはgeometry instancingを持ちいて生成しています。また移動や回転の計算は全てGPUで行うことでパフォーマンスを維持させています。 また花びらが表示領域内に入った際に突然表示され不自然な見え方をしないように、流入する際と流出する際には徐々に透明度を変化させることで背景と自然に同化させています。