使用 Three.js 实现雪糕地球，给地球母亲也来凉爽一番，不仅是整活，也是一种反思和警示。文章内详细的讲解了雪糕地球的实现步骤，可以作为Three学习的一个项目。

先上效果： 不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈 本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geoJson绘制3d地图

说明: 公司需要做此项目，之前都没接触过，所以个人集合了所有能找到的资料做出了一个demo项目出来，希望对需要的各位有帮助。 （2）所有的变量最好不要在data里面定义，因为模型大一点的话会卡顿等。目前我是在外部定义的。 模型需要放在根目录下，不然会读取不到。 2.使用thre…

各位大家好😊，最近一直在学习 threejs ，在学习过程中不断进步，在将来我会不断完善我的 threejs 案例库，希望能在学习路上帮到大家🌹 接下来为各位介绍的是一个全景看房的demo，我们先上地

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

大家好，这里是CSS魔法使——alphardex。 之前在appstore上有这样一个游戏，叫stack（中文译名为“反应堆”），游戏规则是这样的：在竖直方向上会不停地有方块出现并来回移动，点击屏幕能叠方块，而你的目的是尽量使它们保持重合，不重合就会被削掉，叠得越多分数越高。玩…

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

元宇宙设想了一个由虚拟世界和3D技术广泛应用重塑的未来。Three.js 是一个非常令人印象深刻的 JavaScript 3D 库，它也使用 WebGL（或 2d Canvas）进行渲染。

1. 基本概念 在THREEjs中，渲染一个3d世界的必要因素是场景（scene）、相机（camera）、渲染器（renderer）。渲染出一个3d世界后，可以往里面增加各种各样的物体、光源等，形成一个3d世界： 正交摄像机是一个矩形可视区域，物体只有在这个区域内才是可见的物体…