PIVOT Recruit_WebGL Part
Design:
none
Coding:
JavaScript/Three.js
2021
三角関数とオフスクリーンレンダリングを利用した3D表現
現在在籍中のWeb制作会社にて、リクルートサイトのWebGL表現をする部分を担当した。
デザインは別の先輩社員のデザイナーの方が担当されている。
モデルデータを使ってモーフィングさせる技術もあるが、ロードの軽量化を図るため、頂点シェーダを使用して画像の集まりが螺旋状に変形する動きを持たせた。
画像が自動でスクロールする機構はオフスクリーンレンダリングを利用し、Canvas2Dで描画したものを3D空間内の平面に焼き込んでいる。
この業務で、Webpackやgulpなどの描画に関わらない部分の理解が深まった。
VISIT