腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

郭先生的博客

专栏作者

36

文章

128888

阅读量

23

订阅数

three.js 制作逻辑转体游戏（下）

渲染编程算法游戏

上一篇已经对绕非定轴转动有所了解，这篇郭先生继续说一说逻辑转体游戏的制作，这部分我们同样会遇到一些小问题，首先是根据数据渲染陷阱和目标区域，然后是对可以转动的判定，最后是获胜的判定。

郭先生的博客

2020-09-06

3K0

three.js 着色器材质之初识着色器

javascript 编程算法

说起three.js，着色器材质总是绕不过的话题，今天郭先生就说一说什么是着色器材质。着色器材质是很需要灵感和数学知识的，可以用简短的代码和绘制出十分丰富的图像，可以说着色器材质是脱离three.js的另一块知识，因此它十分难讲，我们只能在一个一个案例中逐渐掌握着色器语言的使用技巧。

郭先生的博客

2020-08-31

3K0

three.js 自制骨骼动画（二）

上一篇说了一下自制骨骼动画，这一篇郭先生使用帧动画让骨骼动画动起来。帧动画是一套比较完善的动画剪辑方法，详细我的api我们就不多说了，网上有很多例子，自行查找学习。在线案例请点击three.js自制骨骼动画。话不多说先上图

郭先生的博客

2020-08-31

3.2K1

three.js 自制骨骼动画（一）

上一篇郭先生解析了一下官方的骨骼动画案例，这篇郭先生就要做一个稍微复杂一点的骨骼动画了，就拿一个小人下手吧。在线案例请点击three.js自制骨骼动画。话不多说先上图

郭先生的博客

2020-08-31

3.4K0

three.js之初探骨骼动画

今后的几篇郭先生主要说说three.js骨骼动画。three.js骨骼动画十分有意思，但是对于初学者来说，学起来要稍微困难一些，官方文档比较少，网上除了用圆柱体的例子就是引用外部模型的，想要熟练使用骨骼动画就需要不断地探索和练习。这篇是初探three.js骨骼动画，也不深入讲解，先说说它的实现和原理，然后一点一点解读官网案例，骨骼动画官网案例

郭先生的博客

2020-08-31

2.4K0

three.js 制作一个三维的推箱子游戏

编程算法 javascript 游戏

今天郭先生发现大家更喜欢看我发的three.js小作品，今天我就发一个3d版本推箱子的游戏，其实webGL有很多框架，three.js并不合适做游戏引擎，但是可以尝试一些小游戏。在线案例请点击three.js推箱子

郭先生的博客

2020-08-31

3.3K0

three.js 郭先生制作太阳系

mesh position render rotation self

今天郭先生收到评论，想要之前制作太阳系的案例，因为找不到了，于是在vue版本又制作一版太阳系，在线案例请点击three.js制作太阳系（加载时间比较长，请稍等一下）。话不多说先看效果图

郭先生的博客

2020-08-31

1.3K6

three.js 制作逻辑转体游戏（上）

编程算法图像处理

今天郭先生又出来制作游戏了，最近有小伙伴要做一个逻辑转体小游戏，我怎么能不先来试试呢。玩法可以看上面的连接，下面附几张图。线案例请点击逻辑转体。

郭先生的博客

2020-08-31

2.1K0

three.js 制作魔方

javascript 编程算法

因为之前的几节讲了一些数学方法，例如Vector3、Matrix4、Euler还有Quaternion的知识。所以这篇郭先生就来说说用three.js怎么制作一个魔方。在线案例请点击three.js制作魔方。

郭先生的博客

2020-08-31

9K0

three.js 欧拉角和四元数

这篇郭先生就来说说欧拉角和四元数，欧拉角和四元数的优缺点是老生常谈的话题了，使用条件我就不多说了，我只说一下使用方法。

郭先生的博客

2020-08-31

1.8K0

three.js 利用uv和ThreeBSP制作一个快递柜

json 编程算法

最近有three网友，问我要不要学习blender，其实我感觉学习一下也无妨，不过花大量时间精通，尚可不必，术业有专攻给别人留一条路吧，哈哈。那我我们就是用ThreeBSP和uv贴图的知识来制作一个定制化的快递柜，先上图，在线案例请点击你的专属快递柜。

郭先生的博客

2020-08-31

1.3K0

three.js 数学方法之Matrix4

今天郭先生说一说three.js中的Matrix4，相较于Matrix3来说，Matrix4和three.js联系的更紧密，因为在4x4矩阵最常用的用法是作为一个变换矩阵。这使得表示三维空间中的一个点的向量Vector3通过乘以矩阵来进行转换，如平移、旋转、剪切、缩放、反射、正交或透视投影等。这就是把矩阵应用到向量上。

郭先生的博客

2020-08-31

2.3K0

three.js UV映射简述

今天郭先生来说一说uv映射，什么是uv映射？uv映射就是将二维的贴图映射到对象的一个面（或者多个面）上。说到这个问题，我们就不得不了解一下Geometry的点、面和uv的结构。我们以BoxGeometry为例。

郭先生的博客

2020-08-31

5.4K0

three.js 对象绕任意轴旋转--模拟门转动

geometry 动画

今天郭先生说说对象如何绕任意轴旋转。说一说其中一种方法，也是比较容易理解的一种，它的原理就是将子对象放到一个盒子中，然后改变子对象相对于父对象的位置（因为子对象的原点默认还是在盒子的中心），最后转动盒子，这样子对象的旋转就不是绕盒子的中心了。如图所示。在线案例点击模拟门旋转。

郭先生的博客

2020-08-31

4.3K0

three.js 数学方法之Matrix3

javascript 编程算法数据结构

今天郭先生来说一说three.js的三维矩阵，这块知识需要结合线性代数的一些知识，毕业时间有点长，线性代数的知识大部分都还给了老师。于是一起简单的复习了一下。

郭先生的博客

2020-08-31

1.2K0

three.js 数学方法之Vector3

今天郭先生来说一说three.js的Vector3，该类表示的是一个三维向量（3D vector）。一个三维向量表示的是一个有顺序的、三个为一组的数字组合（标记为x、y和z），可被用来表示很多事物，它的构造函数为Vector3( x : Float, y : Float, z : Float )x - 向量的x值，默认为0。y - 向量的y值，默认为0。z - 向量的z值，默认为0。创建一个新的Vector3。我仍然从它的属性，方法说起。

郭先生的博客

2020-08-31

3.3K0

three.js 着色器材质内置变量

编程算法渲染 canvas javascript

他们或者单个出现在着色器中，或者组团出现在着色器中，是着色器的灵魂。下面来分别说一说他们的意义和用法。

郭先生的博客

2020-08-31

2.9K0

three.js 制作机房（下）

机箱存储占用比其实很简单，就是在机箱上新加一个组即可，然后根据比率值来设置颜色，这个颜色我们去HSL(0.4,0.8,0.5) ~ HSL(0,0.8,0.5)就是从绿色到红色。我们就不多废话了。

郭先生的博客

2020-08-31

5.8K1

three.js 数学方法之Plane

今天郭先生就来继续说一说three.js数学方法中的plane（平面）。在三维空间中无限延伸的二维平面，平面方程用单位长度的法向量和常数表示。构造器为Plane( normal : Vector3, constant : Float )。第一个参数为平面的法向量，既然是法向量也就预示着这个平面是有方向之分的，第二个参数是平面到法向量的距离，因为法向量相同到原点距离相同的平面也是有两个，所以这个constant也是有正负号的之分的。接下来我先说下它的属性和方法，最后给一个plane相关的小案例。

郭先生的博客

2020-08-31

2.5K0

three.js 数学方法之Box3

郭先生今天说一说three.js的Box3方法（Box2是Box3的二维版本，可以参考Box3）。在线案例点击three.js Box3。

郭先生的博客

2020-08-31

1.6K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态