particles
シェーダーの学習用に製作。 Three.js + TypeScript + Webpack パーティクルを2万個生成し、様々な形に並べました。 パーティクルの移動はJSではなく、頂点シェーダーで実装しています。
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 + TypeScript + Webpack パーティクルを2万個生成し、様々な形に並べました。 パーティクルの移動はJSではなく、頂点シェーダーで実装しています。