使用three.js创建3D机房模型-分享一
序：前段时间公司一次研讨会上，一市场部同事展现了同行业其他公司的3D机房，我司领导觉得这个可以研究研究，为了节约成本，我们在网上大量检索，派本人研究一下web3D的技术，于是乎便有了下面的技术分享。 其它相关文章： 使用webgl(three.js)创建3D机房，3D机房微模块详细介绍(升级版 ...
原文：1000粉！使用Three.js制作一个专属3D奖牌🥇
背景 破防了 突然发现 SegmentFault 平台的粉丝数量已经突破 了，它是我的三个博客平台掘金 博客园 SegmentFault中首个粉丝突破 的，于是设计开发这个页面，特此纪念一下。非常感谢大家的关注 ，后续我会更加专注前端知识的整理分享，写出更多高质量的文章。 希望其他平台也早日破千 本文使用 React Three.js 技术栈，实现粉丝突破 的 D 纪念页面，包含的主要知识点包括 ...
2022-01-20 08:27 6 4000 推荐指数：
相关推荐
使用webgl(three.js)搭建一个3D建筑，3D消防模拟——第三课
选型：使用webGL技术，无插件无安装方案。创建三维建筑消防模拟 在模型的建模方案选择上有两种方式： ...
使用 three.js 来做球的 3d 特效
ui 在设计图中给了一张小球, 要求球做成旋转的效果 我一看这个不是有点 3 d 的效果吗. 并且这球之间的关系一点都不好构建啊. 于是我在脑内构建了非常炫酷的效果. 但是苦于没有思路 后来在群里问群友, 群友给了一个思路, 于是我在网上找到了一篇关于腾讯前端设计高的粒子特效. 文章放在 ...
使用three.js开发3d地图初探
three是图形引擎，而web二维三维地图都是基于图形引擎的，所以拿three来开发需求简单的三维地图应用是没什么问题的。 1.坐标转换 实际地理坐标为经度、纬度、高度，而three.js使用的是右手坐标系x、y、z，本来考虑的是将经纬度坐标转换成墨卡托，再去和three的坐标系 ...
three.js 绘制3d地图
通过地图数据配合three可以做出非常酷炫的地图，在大数据展示中十分常见。 这篇郭先生就来说说使用three.js几何体制作3D地图。在线案例点击原文地址。 地图的数据是各个地图块的点数组，通过THREE.ExtrudeGeometry方法挤压出地图的版块，然后通过THREE.Line方法画出 ...
three.js 3d 智慧园区
一、页面效果 使用three.js实现智慧城市 智慧园区 二、技术选择 中间的建筑相关的显示和效果都是threejs实现的 左右两侧用的是echarts 三、代码结构 1. 画布 用js自己创建一个放置画布的div 2. 场景的创建 之后的比如几何体 摄像机 ...
three.js添加3d模型
three官方的几何体也就那么几个，想要生成各种各样的模型，其难度十分之大，这时引入外部模型也不失为一种选择。具体引入办法如下。 导入依赖 点击查看代码 虽然名字为GLTFLoader,但实际上glb文件也是能加载的。 初始化场景 点击查看代码 其中需要 ...
three.js 运行3D模型
HTML View Code model.js 实例指向的原型方法 View Code contorler.js 初始化函数 View Code 如果错误，请指出 ...