想学 Three.js 却没灵感？这个网站帮你打开脑洞！

学习 Three.js 的过程中，最大的痛点往往不是不会写代码，而是——不知道能做什么、有多炫、怎么玩得好看。

今天推荐一个高质量的开源项目----Sketch Three.js。

这个项目由日本创意开发者 Yokobayashi Keita 维护，收录了大量基于 Three.js 的视觉实验，每一个案例都具有极高的美学水准和工程价值，非常适合作为学习、演示、或灵感启发的素材库。

地址：https://ykob.github.io/sketch-threejs/ (opens in a new tab)

案例演示

酷炫太阳

利用噪声控制动态扰动，细节和运动感极强：

环绕

轨道动态生成的空间感。

斑点

流动的像素点，给人一种“视觉失焦”的幻觉。

光标秀

跟随鼠标的高互动粒子线条，有种赛博界面的既视感。

项目启动

1. 安装依赖

npm i

2. 启动本地开发服务器

npm run start

3. 打包构建

npm run build

总结

很多时候我们卡住不是不会写代码，而是不知道可以做成什么样子。
Sketch Three.js 正好补上这块短板：它像一个灵感发生器，不仅展示 Three.js 的各种炫技用法，还保留了良好的项目结构和注释，很适合拆解学习、复制练习、或者直接魔改。