Three.js-Gallery
炫酷效果
前三
动画
行走的人：
https://sketchfab.com/3d-models/sci-fi-girl-v02-walkcycle-test-07ac452d75cc47969234b224422ea85d
这个人很犀利，也是边学边做，然后上传上来的，还是免费的；他在下面还写上了具体的制作工具。
I kinda bruteforced it. Simulated the cloth in marvelous designer for about 30~40 frames, exported each frame as models, imported and use each frame as blendshape/morph, and blendshape/morph the start and end into each other to loop it.
多个物体圆环环绕，效果也不错：
元宇宙(3D场景)
zepeto：
3D场景游览：
3D社交：
3D看车：
https://carvisualizer.plus360degrees.com/threejs/
Web版我的世界游戏引擎-voxel.js：
炫酷小游戏？
https://helloenjoy.itch.io/hellorun
无限城镇：利用过程式算法自动生成无限大小的城市(Made with: Three.js, Blender, Unity.)
空中的小岛：
https://www.mike-fernandez.dev/
游戏
国外网友WebGL/ThreeJS开发的网络3D射击游戏
https://shellshock.io/
(精)Third person character controller，可以作为第三人称游戏的Gameplay模板，而且是用TS写的：
https://discourse.threejs.org/t/third-person-character-controller/5306
https://github.com/swift502/Sketchbook
这个和那个FPS的，都很适合作为Three.js的课程的演示项目
(精)已经商业化的游戏：
https://discourse.threejs.org/t/might-is-right-the-game/6523
9款游戏：
https://freefrontend.com/three-js-games/
基于Three的游戏：
https://henryegloff.com/examples-of-browser-based-games-using-three-js-javascript-and-webgl/
(惊艳)PlayCanvas做的游戏-Robostorm(光影、粒子效果等等，很厉害)：
https://www.youtube.com/watch?v=ze4d_tOht50
(精)做个RPG游戏：
https://www.youtube.com/watch?v=SBfZAVzbhCg
(精)RPG源码：
https://github.com/simondevyoutube/Quick_3D_MMORPG
星战游戏：
https://www.youtube.com/watch?v=XkvH7z4GxHM
清理海洋垃圾：
JavaScript Ocean cleaning game with Three.JS - YouTube
各种Web游戏：
https://www.crazygames.com/game/metrage
写实渲染
PlayCanvas的宝马汽车：
小米汽车(碉堡了，长按有特效)：
Game AI的库
https://github.com/Mugen87/yuka
基于这个库开发的射击游戏Demo:
https://discourse.threejs.org/t/the-hacking-game-from-nier-automata/11059
Shader Graph
类似UE里面的着色器编辑器一样，这个是Web的：
一些想法
增加闪电、路灯、天上的飞机等效果：
Babylonjs implements a first person shooter online game - YouTube
其他
【精】Latent Box的Web 3D 案例精选：
【精】在线捏人，自定义程度非常高：
【精】巨牛逼的3D个人网站：
Youtube介绍：https://www.youtube.com/watch?v=Wq4UoJH1SBk
源码：https://github.com/smcaruso/smc22
【精】巨牛逼的3D个人官网：
https://juejin.cn/post/6985033373857579045
【精】一个艺术创作者写的很多效果，很牛逼，能激发我们的想法(性能有点差，但很适合用于学习和练手！)：
思考：这个人如何能做出这么多效果？肯定不是靠魔方，而是掌握技术的原理后，靠创新。技术人员距离高手，就是差这种创新+实现能力。
https://avin.github.io/generative/#/
github: https://github.com/avin/generative
比如这个DNA就可以用来隐喻发展和关联；这个长度变更的柱状图可以用来做市场监控；这个雪景用来做生日礼物很不错；这个粒子兔子看起来好牛逼
这些效果居然能让我的2050显卡都吃不消~~~
【精】各种牛逼效果：
https://uicookies.com/threejs-examples/
https://www.jotform.com/blog/20-exceptional-three-js-experiments-98740/
【精】海洋Shader，太真实了，太神奇了：
https://codepen.io/Khangeldy/pen/pgXNMZ
【精】融合，不正是我们并购重组需要的么：
https://codepen.io/vcomics/full/KBMyjE
时间轴：
3D小房屋个人主页导航(很有创意)：
3D螺旋效果(适合长历史流程的展示)：
https://spiral.rosslearningsystem.org/spiral/#/integration/i_3809
各种Three.js做的效果：
https://www.youtube.com/playlist?list=PLs72C8jxMdGZN6gjSYzSmNb9blxdlxVEa
数字展厅：
https://gl.web3di.com/meta/?web3digw#/
【NICE】3D可视化搭建水上房子(小鸟怎么做的)：
这里有这个城镇叠叠乐的技术说明：https://www.zhihu.com/question/404633621/answer/1626443914
【碉堡】3D小汽车游戏(基于MatCap材质，这是源码，可以基于这种材质，自己实现一个风格化的FPS游戏)：
迪拜2020世博会：
各种智慧城市的效果：
https://blog.csdn.net/weixin_40184249/article/details/107566560
NASA火星探测器(通过Verge3D制作)：
https://mars.nasa.gov/insight/spacecraft/about-the-lander/
视频：https://www.zhihu.com/zvideo/1277995319629037568
全球经济可视化：
http://globe.cid.harvard.edu/?mode=productsphere&id=SV
3D书房：
https://my-room-in-3d.vercel.app/
(值得琢磨)3D书房源码：
https://github.com/brunosimon/my-room-in-3d
中科院知识探索：
http://kgview.las.ac.cn/discover
书架：
http://bookcase.chromeexperiments.com/
地球低轨道可视化：
https://platform.leolabs.space/visualization
3D宇宙：
http://stars.chromeexperiments.com/
真·3D柱状图：
http://activity.10jqka.com.cn/acmake/cache/1179.html
阿里双11大屏设计理念：
https://www.ui.cn/detail/422830.html
水母：
https://akirodic.com/p/jellyfish/
游泳池：
https://github.com/evanw/webgl-water
地球：
http://earth.plus360degrees.com/
各种各样的球体：
https://threejs.org/examples/#webgl_sandbox
3D可视化编辑器(可以用来做舍内设计)：
https://threejs.org/examples/#webgl_geometry_spline_editor
旋转(可以做地球自转、卫星效果、彗星效果)：
https://threejs.org/examples/#webgl_lights_pointlights
太阳系(贴图实现)：
http://www.yanhuangxueyuan.com/3D/solarSystem/index.html?_blank
散开效果：
https://threejs.org/examples/#webgl_buffergeometry_instancing
元素周期表(排布类效果)：
https://threejs.org/examples/#css3d_periodictable
腾讯地球之声：
https://wa.qq.com/xplan/earth/index.html?_wv=5&_wwv=4&adtag=wx&from=groupmessage
GIO.js地理信息组件：
https://github.com/syt123450/giojs
全球网络威胁实时地图：
https://cybermap.kaspersky.com/cn/
一个商业地球可视化工具：
宇宙(可以学习下怎么弄的背景)：
http://stemkoski.github.io/Three.js/Atmosphere.html
使用Three.js的炫酷无限管道特效：
https://www.pianshen.com/article/79091226121/
(可参考)VR看房的技术架构：
https://solome.js.org/posts/gmtc-vr3d.html
国内网站cgsmall(有一些建模教程)：
形变动画：
https://www.pinterest.com/pin/274930752243130520/
geometry.morphTargets形变：
http://www.yanhuangxueyuan.com/doc/Three.js/geometryMorphTargets.html
(精)模型切换实现粒子效果(适合作为官网logo)：
https://www.bilibili.com/video/BV1Hg41137d2?p=1
https://github.com/ezewu/three-point
五福背后的 Web 3D 引擎 Oasis Engine 正式开源：
https://www.cnblogs.com/yunqishequ/p/14462273.html
(散点图应用)穿越时空的博物馆可视化探索-大英博物馆：
https://britishmuseum.withgoogle.com/
iview的官网大波浪效果：
https://zhuanlan.zhihu.com/p/440905932
【精】2D初音未来和3D场景和混合，太犀利了(我让柱子跟着音乐动起来，岂不是吊炸天)：
https://gam0022.net/webgl/#raymarching_hybrid
光线追踪：
https://gam0022.net/webgl/#raytracing_gem
音频可视化：
(精)Trois作者的作品集：
WebGL - a Collection by Kevin Levron on CodePen
(精)不可思议的盒子：
https://github.com/JamesHall38/Impossible-Box
(精)酒庄历史，3D视角+漫画风：
【精】实时路径跟踪
会随着时间的推移，逐渐渲染完成，到后面已经非常贴近真实世界的效果了，效果太犀利了！
1、細田翔的路径追踪（Path Tracing）渲染案例：
https://gam0022.net/webgl/#pathtracing_sandbox
这里还有raymarching的案例。
2、使用全局照明和渐进式渲染的实时路径跟踪，所有这些都建立在Three.js WebGL框架之上：
https://erichlof.github.io/THREE.js-PathTracing-Renderer/Geometry_Showcase.html
牛人
Bruno Simon
小汽车就是他做的：
bruno-simon
他的这个项目很有趣：
https://chartogne-taillet.com/
細田翔
专注于路径追踪、光线追踪等
Erich Loftis
路径追踪渲染：