深入理解Three.js（WebGL）贴图（纹理映射）和UV映射
本文将详细描述如何使用Three.js给3D对象添加贴图（Texture Map，也译作纹理映射，“贴图”的翻译要更直观，而“纹理映射”更准确。）。为了能够查看在线演示效果，你需要有一个兼容WebGL的现代浏览器（最好是Chrome/FireFox/Safari/Edge/IE11+ ...
原文：three.js UV映射简述
今天郭先生来说一说uv映射，什么是uv映射 uv映射就是将二维的贴图映射到对象的一个面 或者多个面 上。说到这个问题，我们就不得不了解一下Geometry的点 面和uv的结构。我们以BoxGeometry为例。 我们可以发现一个长方体由八个点和 个三角面组成，就拿 这个面来看，两个面的face 分别是： 也就是faces 对应顶点 ，faces 对应顶点 ，这个顺序可以记一下。Face 里面有一个 ...
2020-08-17 13:59 0 2271 推荐指数：
相关推荐
three.js 利用uv和ThreeBSP制作一个快递柜
最近有three网友，问我要不要学习blender，其实我感觉学习一下也无妨，不过花大量时间精通，尚可不必，术业有专攻给别人留一条路吧，哈哈。那我我们就是用ThreeBSP和uv贴图的知识来制作一个定制化的快递柜，先上图，在线案例请点击博客原文。 下面我们来讲解一下这样一个柜子的制作 ...
three.js 材质
今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。 1. three.js材质基类 所有其他材质类型都继承了Material。 下面是一些属性： .alphaTest : Float设置 ...
three.js 曲线
上几篇说了three.js的曲线，这篇来郭先生来说说three.js曲线，在线案例点击郭先生的博客查看。 1. 了解three.js曲线 之前已经说了一些three.js的几何体，这篇说一说three.js曲线。曲线的种类主要分两种，二维曲线和三维曲线。下面整理了这些曲线 ...
Three.js入门
什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。 什么是threejs，很简单，你将它理解成three ...
three.js 之旅 （三）
创建模型： 1.长方体： THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments) width是x方向上的长度； height是y方向上的长度； depth是z方向 ...
Three.js与webVR
WebVR如此近 - three.js的WebVR示例程序解析 关于WebVR 最近VR的发展十分吸引人们的眼球，很多同学应该也心痒痒的想体验VR设备，然而现在的专业硬件价格还比较高，入手一个估计就要吃土了。但是，对于我们前端开发者来说，我们不仅可以简单地在手机上进行视觉上的VR体验 ...
three.js笔记
...