腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
腾讯云架构师技术同盟
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
腾讯云架构师技术同盟
返回腾讯云官网
郭先生的博客
专栏成员
举报
36
文章
135111
阅读量
24
订阅数
订阅专栏
申请加入专栏
全部文章（36）
编程算法（16）
javascript（12）
图像处理（4）
数据结构（4）
geometry（3）
渲染（2）
游戏（2）
gui（2）
png（2）
render（2）
对象存储（1）
bash（1）
scala（1）
node.js（1）
json（1）
webgl（1）
canvas（1）
bezier（1）
mesh（1）
position（1）
rotation（1）
self（1）
time（1）
动画（1）
搜索文章
搜索
搜索
关闭
three.js 制作逻辑转体游戏（下）
渲染
编程算法
游戏
上一篇已经对绕非定轴转动有所了解，这篇郭先生继续说一说逻辑转体游戏的制作，这部分我们同样会遇到一些小问题，首先是根据数据渲染陷阱和目标区域，然后是对可以转动的判定，最后是获胜的判定。
郭先生的博客
2020-09-06
3K
0
three.js 着色器材质之初识着色器
javascript
编程算法
说起three.js，着色器材质总是绕不过的话题，今天郭先生就说一说什么是着色器材质。着色器材质是很需要灵感和数学知识的，可以用简短的代码和绘制出十分丰富的图像，可以说着色器材质是脱离three.js的另一块知识，因此它十分难讲，我们只能在一个一个案例中逐渐掌握着色器语言的使用技巧。
郭先生的博客
2020-08-31
3.2K
0
three.js 自制骨骼动画（二）
javascript
上一篇说了一下自制骨骼动画，这一篇郭先生使用帧动画让骨骼动画动起来。帧动画是一套比较完善的动画剪辑方法，详细我的api我们就不多说了，网上有很多例子，自行查找学习。在线案例请点击three.js自制骨骼动画。话不多说先上图
郭先生的博客
2020-08-31
3.3K
1
three.js 自制骨骼动画（一）
gui
上一篇郭先生解析了一下官方的骨骼动画案例，这篇郭先生就要做一个稍微复杂一点的骨骼动画了，就拿一个小人下手吧。在线案例请点击three.js自制骨骼动画。话不多说先上图
郭先生的博客
2020-08-31
3.6K
0
three.js之初探骨骼动画
javascript
今后的几篇郭先生主要说说three.js骨骼动画。three.js骨骼动画十分有意思，但是对于初学者来说，学起来要稍微困难一些，官方文档比较少，网上除了用圆柱体的例子就是引用外部模型的，想要熟练使用骨骼动画就需要不断地探索和练习。这篇是初探three.js骨骼动画，也不深入讲解，先说说它的实现和原理，然后一点一点解读官网案例，骨骼动画官网案例
郭先生的博客
2020-08-31
2.6K
0
three.js 制作一个三维的推箱子游戏
编程算法
javascript
游戏
今天郭先生发现大家更喜欢看我发的three.js小作品，今天我就发一个3d版本推箱子的游戏，其实webGL有很多框架，three.js并不合适做游戏引擎，但是可以尝试一些小游戏。在线案例请点击three.js推箱子
郭先生的博客
2020-08-31
3.3K
0
three.js 郭先生制作太阳系
mesh
position
render
rotation
self
今天郭先生收到评论，想要之前制作太阳系的案例，因为找不到了，于是在vue版本又制作一版太阳系，在线案例请点击three.js制作太阳系（加载时间比较长，请稍等一下）。话不多说先看效果图
郭先生的博客
2020-08-31
1.4K
6
three.js 制作逻辑转体游戏（上）
编程算法
图像处理
今天郭先生又出来制作游戏了，最近有小伙伴要做一个逻辑转体小游戏，我怎么能不先来试试呢。玩法可以看上面的连接，下面附几张图。线案例请点击逻辑转体。
郭先生的博客
2020-08-31
2.2K
0
three.js 制作魔方
javascript
编程算法
因为之前的几节讲了一些数学方法，例如Vector3、Matrix4、Euler还有Quaternion的知识。所以这篇郭先生就来说说用three.js怎么制作一个魔方。在线案例请点击three.js制作魔方。
郭先生的博客
2020-08-31
9.2K
0
three.js 欧拉角和四元数
编程算法
这篇郭先生就来说说欧拉角和四元数，欧拉角和四元数的优缺点是老生常谈的话题了，使用条件我就不多说了，我只说一下使用方法。
郭先生的博客
2020-08-31
1.9K
0
three.js 利用uv和ThreeBSP制作一个快递柜
json
编程算法
最近有three网友，问我要不要学习blender，其实我感觉学习一下也无妨，不过花大量时间精通，尚可不必，术业有专攻给别人留一条路吧，哈哈。那我我们就是用ThreeBSP和uv贴图的知识来制作一个定制化的快递柜，先上图，在线案例请点击你的专属快递柜。
郭先生的博客
2020-08-31
1.4K
1
three.js 数学方法之Matrix4
图像处理
今天郭先生说一说three.js中的Matrix4，相较于Matrix3来说，Matrix4和three.js联系的更紧密，因为在4x4矩阵最常用的用法是作为一个变换矩阵。这使得表示三维空间中的一个点的向量Vector3通过乘以矩阵来进行转换，如平移、旋转、剪切、缩放、反射、正交或透视投影等。这就是把矩阵应用到向量上。
郭先生的博客
2020-08-31
2.4K
0
three.js UV映射简述
编程算法
今天郭先生来说一说uv映射，什么是uv映射？uv映射就是将二维的贴图映射到对象的一个面（或者多个面）上。说到这个问题，我们就不得不了解一下Geometry的点、面和uv的结构。我们以BoxGeometry为例。
郭先生的博客
2020-08-31
5.6K
0
three.js 对象绕任意轴旋转--模拟门转动
geometry
动画
今天郭先生说说对象如何绕任意轴旋转。说一说其中一种方法，也是比较容易理解的一种，它的原理就是将子对象放到一个盒子中，然后改变子对象相对于父对象的位置（因为子对象的原点默认还是在盒子的中心），最后转动盒子，这样子对象的旋转就不是绕盒子的中心了。如图所示。在线案例点击模拟门旋转。
郭先生的博客
2020-08-31
4.5K
0
three.js 数学方法之Matrix3
javascript
编程算法
数据结构
今天郭先生来说一说three.js的三维矩阵，这块知识需要结合线性代数的一些知识，毕业时间有点长，线性代数的知识大部分都还给了老师。于是一起简单的复习了一下。
郭先生的博客
2020-08-31
1.4K
0
three.js 数学方法之Vector3
scala
node.js
今天郭先生来说一说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.4K
0
three.js 着色器材质内置变量
编程算法
渲染
canvas
javascript
他们或者单个出现在着色器中，或者组团出现在着色器中，是着色器的灵魂。下面来分别说一说他们的意义和用法。
郭先生的博客
2020-08-31
3.3K
0
three.js 制作机房（下）
编程算法
机箱存储占用比其实很简单，就是在机箱上新加一个组即可，然后根据比率值来设置颜色，这个颜色我们去HSL(0.4,0.8,0.5) ~ HSL(0,0.8,0.5)就是从绿色到红色。我们就不多废话了。
郭先生的博客
2020-08-31
5.9K
1
three.js 数学方法之Plane
数据结构
今天郭先生就来继续说一说three.js数学方法中的plane（平面）。在三维空间中无限延伸的二维平面，平面方程用单位长度的法向量和常数表示。构造器为Plane( normal : Vector3, constant : Float )。第一个参数为平面的法向量，既然是法向量也就预示着这个平面是有方向之分的，第二个参数是平面到法向量的距离，因为法向量相同到原点距离相同的平面也是有两个，所以这个constant也是有正负号的之分的。接下来我先说下它的属性和方法，最后给一个plane相关的小案例。
郭先生的博客
2020-08-31
2.8K
0
three.js 数学方法之Box3
图像处理
郭先生今天说一说three.js的Box3方法（Box2是Box3的二维版本，可以参考Box3）。在线案例点击three.js Box3。
郭先生的博客
2020-08-31
1.8K
0
点击加载更多
社区活动
Python精品学习库
代码在线跑，知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客，速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档
