01
3D・WebGL寄り
R3F Canvas Background Basic
React Three FiberのCanvasをDOMコンテンツの背面に置くための、最小限のレイヤー構造を作ります。
2026年6月5日読了 5分
WebGLや3Dを活用したリッチな表現カテゴリ。
5件の記事 / 4件のサブカテゴリ
React Three FiberのCanvasをDOMコンテンツの背面に置くための、最小限のレイヤー構造を作ります。
React Three FiberのCanvasをDOMコンテンツの背面に置くための、最小限のレイヤー構造を作ります。
OGLのFlowmapで歪ませたWebGL背景を、JUNKBRANDINGの白マスクで抜いて見せるReact実装です。
淡いボケ、円形アクセント、ゆるいライン模様で、導入セクションに奥行きを足すWebGL背景表現です。
3D チルトの動きにシェーダー風の発光レイヤーを重ねて、WebGL ライクなカード表現を作る実験です。