Rand様のコーポレートサイトが公開されました。
僕は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