three.js UV映射简述
今天郭先生来说一说uv映射，什么是uv映射？uv映射就是将二维的贴图映射到对象的一个面（或者多个面）上。说到这个问题，我们就不得不了解一下Geometry的点、面和uv的结构。我们以BoxGeometry为例。 我们可以发现一个长方体由八个点和12个三角面组成，就拿 ...
原文：three.js 利用uv和ThreeBSP制作一个快递柜
最近有three网友，问我要不要学习blender，其实我感觉学习一下也无妨，不过花大量时间精通，尚可不必，术业有专攻给别人留一条路吧，哈哈。那我我们就是用ThreeBSP和uv贴图的知识来制作一个定制化的快递柜，先上图，在线案例请点击博客原文。 下面我们来讲解一下这样一个柜子的制作。 . 主角是一个JSON 这样一个快递柜的核心是JSON数据的创建，有了jSON数据，我们就可以通过循环遍历出柜子 ...
2020-08-18 11:41 5 1188 推荐指数：
相关推荐
three.js 制作魔方
因为之前的几节讲了一些数学方法，例如Vector3、Matrix4、Euler还有Quaternion的知识。所以这篇郭先生就来说说用three.js怎么制作一个魔方。在线案例请点击博客原文 制作魔方主要运用坐标变换的知识，制作魔方的方法有很多，建议你先在大脑中构思，然后试着做一做，下面 ...
three.js 制作机房（上）
three.js使用的人太少了，一个博文就几百个人看，之前发js基础哪怕是d3都会有几千的阅读量，看看以后考虑说一说d3了，哈哈。吐槽完毕回归正题。前几天郭先生看到网上有人开发了3D机房，正愁博客没什么写的，于是昨天熬夜也做了一个，今天就把大体的流程告诉萌新们，先说说主要功能模块。 墙体 ...
three.js 制作一个三维的推箱子游戏
今天郭先生发现大家更喜欢看我发的three.js小作品，今天我就发一个3d版本推箱子的游戏，其实webGL有很多框架，three.js并不合适做游戏引擎，但是可以尝试一些小游戏。在线案例请点击博客原文。 要制作一个推箱子游戏，正常要有以下4个步骤 定义一些数组，要有开始箱子数组、结束 ...
three.js 制作太阳系统
最近学了three.js，想拿来练练手，喜欢宇宙，于是亲手撸代码来完成这个，为了更真实，于是查了一些相关资料。1. 距离太阳由近及远分别是【水星，金星，地球，火星，木星，土星，天王星，海王星】2. 他们分别到太阳的距离为5791, 10820, 14960, 22794, 77833 ...
three.js 制作逻辑转体游戏（上）
今天郭先生又出来制作游戏了，最近有小伙伴要做一个逻辑转体小游戏，我怎么能不先来试试呢。玩法可以看上面的连接，下面附几张图。线案例请点击博客原文。 游戏规则不懂得可以看自行百度哈，其实玩起来还挺有难度的。关于这个问题，对于新手来说，主要需要克服两个困难。一是这个模型的旋转轴不是固定 ...
three.js 制作机房（下）
这一篇书接上文，说一说剩下的一些模块。 1. 机箱存储占用比率 机箱存储占用比其实很简单，就是在机箱上新加一个组即可，然后根据比率值来设置颜色，这个颜色我们去HSL(0.4,0.8,0.5) ~ HSL(0,0.8,0.5)就是从绿色到红色。我们就不多废话了。 2. 监控摄像视角 监控摄像 ...
three.js cannon.js物理引擎制作一个保龄球游戏
关于cannon.js我们已经学习了一些知识，今天郭先生就使用已学的cannon.js物理引擎的知识配合three基础知识来做一个保龄球小游戏，效果如下图，在线案例请点击博客原文。 我们需要掌握的技能点，就是已经学过的cannon.js物理引擎知识、three.js车削几何体 ...