このプロジェクトについて

visualization-collectionはフロントエンドの視覚効果に特化したコレクションアプリで、READMEによるとCSSアニメーション、Canvasアニメーション、Three.js 3D、AIアプリケーションなど100以上の事例を収録し、継続的に更新されている。 主なコンテンツと展示方向 - 視覚デザイン系エフェクト - インタラクションデザイン系エフェクト（READMEに複数枚のデモ画像あり） - Canvasエフェクト（複数グループのデモ画像あり） - 「ひみつキャラ」として設定された量子もつれエフェクト オンライン体験 - PC版体験アドレス：http://hepengwei.cn - Vue版リポジトリ：hepengwei/visualization-collection-vue - 関連プロジェクト「コンポジットコンポーネントサンプルライブラリ」：hepengwei/composite-component-library ローカル起動 READMEに記載の手順は、まずyarnで依存関係をインストールし、その後npm run devを実行する。 動作環境（README記載の最新環境） - node：v22.16.0 - npm：v10.9.0 - yarn：v1.22.22 - node-gyp：v10.1.0 対象者 フロントエンドのアニメーションや3Dビジュアルの実装を参考にしたいフロントエンド開発者、インタラクションや視覚デザインの事例を探しているデザイナーなどにとって、閲覧およびローカル実行に適したリソース。READMEにはオープンソースライセンス、テスト方法、パフォーマンス指標に関する記載はない。