トライバルメディアハウス様のコーポレートサイトがリニューアルされました。
僕は背景のWebGLアニメーションを担当しております。
ぜひご覧ください。
サンプルファイルはこちら↓↓
github.com
マスク用のシーン↓
ベースとなるシーン↓
合体↓
マスク用シーンの赤い部分(アルファが0じゃない部分)だけ表示する↓
↑の処理で重要なのはここ↓
intr13/index.html at master · ikeryou/intr13 · GitHub
途中までは同じで重なった部分の処理だけ違う
マスク用シーンの赤い部分だけ色を反転させる↓
ソース的にはこちら↓
intr13/index.html at master · ikeryou/intr13 · GitHub
マスクとなる立方体を色違いで複数用意する
くり抜き方は同じで、くり抜く際にマスクの色で補正する
ソース的にはこちら↓
intr13/index.html at master · ikeryou/intr13 · GitHub
サンプルファイルはこちら↓↓
github.com
https://ikeryou.github.io/intr12/1/
https://ikeryou.github.io/intr12/2/
https://ikeryou.github.io/intr12/3/
サンプルファイルはこちら↓↓
github.com
FlicFit様が各店舗で展開されているプロダクトの、
専用iPadアプリのモーション部分の実装を担当しております。
描画、モーションの実装にはWebGLを使用して開発しました。
お立ち寄りの際はぜひご利用ください。