three.js 制作机房（上）
three.js使用的人太少了，一个博文就几百个人看，之前发js基础哪怕是d3都会有几千的阅读量，看看以后考虑说一说d3了，哈哈。吐槽完毕回归正题。前几天郭先生看到网上有人开发了3D机房，正愁博客没什么写的，于是昨天熬夜也做了一个，今天就把大体的流程告诉萌新们，先说说主要功能模块。 墙体 ...
原文：three.js 制作机房（下）
这一篇书接上文，说一说剩下的一些模块。 . 机箱存储占用比率 机箱存储占用比其实很简单，就是在机箱上新加一个组即可，然后根据比率值来设置颜色，这个颜色我们去HSL . , . , . HSL , . , . 就是从绿色到红色。我们就不多废话了。 . 监控摄像视角 监控摄像相机我在强的四个角都放了一个，这里面我们引入了OBJ模型，模型是不带贴图的，因此需要自己慢慢设置，幸好这个模型不是很难，只有 个 ...
2020-08-12 09:38 4 1126 推荐指数：
相关推荐
Three.js 开发机房（三）
之前三节都没涉及到机房，只是一些零零散散的知识点，这一节我们就开始正式画外墙。 首先我了明显理解以下啥是墙？其实说白了就是一个长方体，长不确定，宽一般也就是40cm，高也就是两米，这就是一个简单的墙，当然很多墙上都有窗户、门啥的，其实也就是在长方体的固定的位置掏个洞，然后放上我们需要方的东西 ...
Three.js 开发机房（一）
说两句题外话，这两天之前的项目终于有阶段性的胜利了，终于能有点时间总结与下这个项目中用到的东西了，之前四月就准备将Three.js开发机房的案例记录一下，怎奈天不随人愿，刚准备开始写这块东西项目据开始了，然后就开始了昏天黑地的开发，一天天累的狗一样，废话少说，开工 ------------------------------------------------------------------ ...
Three.js 开发机房（二）
这一节先不进行后续，我们需要对Three.js的一些属性进行了解。 1、相机 常用相机除了前一篇博客用到的PerspectiveCamera相机（透视相机）， 还有一款名叫正交相机； 【a】透视相机： 类名：THREE.PerspectiveCamera ，重要参数：fov ...
Three.js 开发机房（四）
这一节我们讲讲怎么画机柜，其实机柜如果作的复杂一点、逼真一点可以用3D建模工具，不过一般的项目中也不用做的那么麻烦，那我们就可以将机柜抽象以下，首先它是一块具有长宽高的立方体铁块，然后我们从中间在掏掉 ...
three.js 制作魔方
因为之前的几节讲了一些数学方法，例如Vector3、Matrix4、Euler还有Quaternion的知识。所以这篇郭先生就来说说用three.js怎么制作一个魔方。在线案例请点击博客原文 制作魔方主要运用坐标变换的知识，制作魔方的方法有很多，建议你先在大脑中构思，然后试着做一做，下面 ...
three.js 制作逻辑转体游戏（下）
上一篇已经对绕非定轴转动有所了解，这篇郭先生继续说一说逻辑转体游戏的制作，这部分我们同样会遇到一些小问题，首先是根据数据渲染陷阱和目标区域，然后是对可以转动的判定，最后是获胜的判定。 1. 根据数据渲染陷阱和目标区域 首先我们P一张底图和陷阱图，如下图 就像这样，然后就是根据数据渲染 ...
使用three.js创建3D机房模型-分享一
序：前段时间公司一次研讨会上，一市场部同事展现了同行业其他公司的3D机房，我司领导觉得这个可以研究研究，为了节约成本，我们在网上大量检索，派本人研究一下web3D的技术，于是乎便有了下面的技术分享。 其它相关文章： 使用webgl(three.js)创建3D机房，3D机房微模块详细介绍(升级版 ...