本文开门见山，走马观花式的过一下three，尽量不讲api细节， threeJS就是对webgl的封装和扩展，其特点是面向对象的。 用threeJs渲染页面的基本要素有 相机、场景、 渲染器。

Threejs 实现地球动画与智慧园区,涉及threejs基础的场景构建,模型加载,帧动画与纹理绘制

使用现成的库来实现，Panolens已经帮我们把three中初始化场景、相机、控制器、鼠标事件等操作都封装好了，我们只需要关注图片即可

各位大佬们大家好😊，很久没更新文章了。因为前端时间挺忙的，各种项目、准备软考等等给耽搁了🙏。最近这段时间有点迷上threeJs，经过搜寻发现网络上关于threeJs的资源还是相对较少的，而且比较旧。

缘由 昨天晚上睡不着觉，突然从国外的视频网站VR视频里面得到灵感，花了40分钟写下了这个小小demo，和大家分享 效果图 原理 首先我们使用一个球体 将视频的每一帧生成一张纹理单元按照球体的uv在片元

废话开篇：对于three.js的了解处于入门还未见门阶段，光看three.js http://www.webgl3d.cn/threejs/examples/ 官网不如试着写下简单的demo。可以从官

背景 本文使用 Three.js SphereGeometry 创建 3D 全景图预览功能，并在全景图中添加二维 SpriteMaterial、Canvas、三维 GLTF 等交互点，实现具备场景切换

「这是我参与2022首次更文挑战的第19天，活动详情查看：2022首次更文挑战」 背景 谈起360度全景图，坚信对喜好拍摄的小伙伴们而言一定不生疏，360度全景图对比于一般的拍摄制作而言较大的差别便是

想象一下，在一个虚拟的3D世界中都需要什么？首先，要有一个立体的空间，其次是有光源，最重要的是要有一双眼睛。下面就让我们使用threejs+vue3创造一个炫酷的登录页吧！