原文:three.js 制作机房(上)

three.js使用的人太少了,一个博文就几百个人看,之前发js基础哪怕是d 都会有几千的阅读量,看看以后考虑说一说d 了,哈哈。吐槽完毕回归正题。前几天郭先生看到网上有人开发了 D机房,正愁博客没什么写的,于是昨天熬夜也做了一个,今天就把大体的流程告诉萌新们,先说说主要功能模块。 墙体 地面 窗户以及门的实现 双击门禁门可开关 。 机柜实现 机柜门的开关 机箱的推拉以及开关推拉的条件 。 机箱存 ...

2020-08-11 13:27 7 2132 推荐指数:

查看详情

three.js 制作机房(下)

这一篇书接上文,说一说剩下的一些模块。 1. 机箱存储占用比率 机箱存储占用比其实很简单,就是在机箱上新加一个组即可,然后根据比率值来设置颜色,这个颜色我们去HSL(0.4,0.8,0.5) ~ ...

Wed Aug 12 17:38:00 CST 2020 4 1126
Three.js 开发机房(三)

之前三节都没涉及到机房,只是一些零零散散的知识点,这一节我们就开始正式画外墙。 首先我了明显理解以下啥是墙?其实说白了就是一个长方体,长不确定,宽一般也就是40cm,高也就是两米,这就是一个简单的墙,当然很多墙上都有窗户、门啥的,其实也就是在长方体的固定的位置掏个洞,然后放上我们需要方的东西 ...

Sun Sep 08 05:45:00 CST 2019 5 1290
Three.js 开发机房(一)

说两句题外话,这两天之前的项目终于有阶段性的胜利了,终于能有点时间总结与下这个项目中用到的东西了,之前四月就准备将Three.js开发机房的案例记录一下,怎奈天不随人愿,刚准备开始写这块东西项目据开始了,然后就开始了昏天黑地的开发,一天天累的狗一样,废话少说,开工 ------------------------------------------------------------------ ...

Fri Sep 06 00:56:00 CST 2019 0 863
Three.js 开发机房(二)

这一节先不进行后续,我们需要对Three.js的一些属性进行了解。 1、相机   常用相机除了前一篇博客用到的PerspectiveCamera相机(透视相机), 还有一款名叫正交相机;   【a】透视相机:     类名:THREE.PerspectiveCamera ,重要参数:fov ...

Fri Sep 06 22:00:00 CST 2019 0 485
Three.js 开发机房(四)

这一节我们讲讲怎么画机柜,其实机柜如果作的复杂一点、逼真一点可以用3D建模工具,不过一般的项目中也不用做的那么麻烦,那我们就可以将机柜抽象以下,首先它是一块具有长宽高的立方体铁块,然后我们从中间在掏掉 ...

Mon Sep 09 08:43:00 CST 2019 2 958
three.js 制作魔方

因为之前的几节讲了一些数学方法,例如Vector3、Matrix4、Euler还有Quaternion的知识。所以这篇郭先生就来说说用three.js怎么制作一个魔方。在线案例请点击博客原文 制作魔方主要运用坐标变换的知识,制作魔方的方法有很多,建议你先在大脑中构思,然后试着做一做,下面 ...

Mon Jul 27 17:33:00 CST 2020 1 1082
使用three.js创建3D机房模型-分享一

序:前段时间公司一次研讨会上,一市场部同事展现了同行业其他公司的3D机房,我司领导觉得这个可以研究研究,为了节约成本,我们在网上大量检索,派本人研究一下web3D的技术,于是乎便有了下面的技术分享。 其它相关文章: 使用webgl(three.js)创建3D机房,3D机房微模块详细介绍(升级版 ...

Sat Dec 17 22:36:00 CST 2016 19 12998
three.js 制作太阳系统

最近学了three.js,想拿来练练手,喜欢宇宙,于是亲手撸代码来完成这个,为了更真实,于是查了一些相关资料。1. 距离太阳由近及远分别是【水星,金星,地球,火星,木星,土星,天王星,海王星】2. 他们分别到太阳的距离为5791, 10820, 14960, 22794, 77833 ...

Sun Dec 22 01:08:00 CST 2019 6 1227
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM