制造 100,000 颗星星
你好！ 我叫 Michael Chang，在 Google 的数据艺术团队工作。 最近，我们完成 100,000 Stars ，这是一个 Chrome 实验 可视化附近星星 该项目是用 THRE…
Three.js 加载三维模型
直接使用three.js编程建模比较麻烦，实际开发的时候往往会借助一些可视化的3D建模工具，比如SolidWorks、Blender、C4D、3Dmax。不同领域的三维软件支…
Three.js WebGLRenderTarget 对象
WebGL 渲染目标对象 WebGLRenderTarget 实现了 WebGL 的离屏渲染功能，如果你有一定的 WebGL 或 OpenGL 基础，对帧缓冲区、离线渲染、后处理等概念应…
Three.js 着色器 纹理贴图映射和彩色图转灰度图
Three.js 网格材质都有一个 map 属性，该属性用来设置网格模型的颜色贴图,渲染器系统会调用网格材质对应的着色器代码解析 map 属性的值进行渲染。本节…
Three.js 着色器 shader_ShaderMaterial 介绍
学习 Three.js 的着色器的内容之前，最好有一些 WebGL 的基础，可以不深入了解，但是要对 WebGL 渲染流程和着色器语言 GLSL 有一定的基本认知。如果你…
Three.js 世界坐标转化为屏幕坐标
方法 .project 通过 Vector3 对象的方法 project，方法的参数是相机对象，语句 worldVector.project(camera) 返回的结果是世界坐标 worldVector 在 c…
Three.js 几何变换 旋转、缩放、平移
创建场景中的三维模型往往需要设置显示大小、位置、角度，three.js 提供了一系列网格模型对象的几何变换方法，从 WebGL 的角度看，旋转、缩放、平移对…
