前言 现在很多可视化项目大屏都涉及到了三维， 所以近期学习了一些关于three.js的内容，发现three.js对于小白入门来说还是比较友好的，暂时还没有涉及到webgl相关的。下面的案例用到的都是一

此项目以`vitejs`作为基础框架，以`typescript`为编程语言，结合`threejs`3D渲染库和`ammojs`物理引擎工具开发，实现一个可以使用键盘操作汽车行驶，并可以跨越障碍物

在小米出mi 11的时候，就注意到小米商城app下有360全景体验手机的功能，第一次打开的时候给我的感觉是很震撼，震撼的不是模型，而是看到它的炫彩后盖能够渲染的那么真，感觉和真机是一模一样的，然后我就自己下载了手机模型，自己去做材质，发现怎么都实现不了这种炫彩材质，兴趣一下就没…

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

从初学者到专家：Three.js 学习之路的 6 个免费资源！！！一定要收藏起来学习，错过后悔系列！！！

最近一位叫 @GameMCU的大佬用 Webgl、Three.js 等技术实现了一个 小米 SU7 在线体验网站：https://gamemcu.com/su7/被广大网友疯传，效果相当炸裂！

我们团队接到了食品频道的一个互动项目的开发需求，希望通过 3D 场景的展示和互动方式，作为对未来购物的一种尝试与探索，满足用户对未来美好新奇的一个需求。将购物场景化、娱乐化，给用户带来美好的购物感受

运营活动新玩法层出不穷，web 3D炙手可热，本文将一步步带大家了解如何利用Three.js和Blender来打造一个沉浸式web 3D展览馆。

今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始。 项目搭建 本案例还是借助框架书写three项目，借用vi