DesignTips

Components

WebGL

★★☆☆☆

GPU描画でHero背景やスクロール演出に独自性を足す手法です。

概要

WebGL(Three.js 等)で GPU 描画を使い、Hero 背景やスクロール演出に独自性を足す手法です。

WebGL のサンプル LP プレビュー

評価

ページ構成やデザインガイドの作成には別途 MCP やスキルが必要でしたが、視覚的な独自性は高いです。

安全性

three 公式パッケージにマルウェア報告は見つかりませんでした。threejs 等の名前類似パッケージに注意。

項目結果
正しいパッケージthree(npm)

導入手順

bash
$ npm install three @gsap/react gsap