three.js

three.js

文章 149 浏览 2140

制造 100,000 颗星星

你好! 我叫 Michael Chang,在 Google 的数据艺术团队工作。 最近,我们完成 100,000 Stars ,这是一个 Chrome 实验 可视化附近…

虐人心 2022-04-09 18:24:03 1036 0 0

使用 Three.js 制作一百万个字母的动画

我在本文中的目标是以平滑的帧速率在屏幕上绘制一百万个动画字母。 使用现代 GPU 应该可以完成这项任务。 每个字母由两个带纹理…

梦中楼上月下 2022-01-06 13:25:50 996 0 0

Three.js 加载三维模型

直接使用three.js编程建模比较麻烦,实际开发的时候往往会借助一些可视化的3D建模工具,比如SolidWorks、Blender、C4D、3Dmax。…

灵芸 2021-12-20 23:32:13 1850 0 0

Three.js WebGLRenderTarget 对象

WebGL 渲染目标对象 WebGLRenderTarget 实现了 WebGL 的离屏渲染功能,如果你有一定的 WebGL 或 OpenGL 基础,对帧缓冲区、离线…

晚风撩人 2021-12-20 12:55:13 1063 0 0

Three.js 着色器 纹理贴图映射和彩色图转灰度图

Three.js 网格材质都有一个 map 属性,该属性用来设置网格模型的颜色贴图,渲染器系统会调用网格材质对应的着色器代码解析 map 属…

归属感 2021-12-18 23:34:59 1020 0 0

Three.js 正投影和透视投影

针对不同应用的三维场景需要使用不同的投影方式,比如机械、工业设计领域常常采用正投影(平行投影),游戏场景往往采用透视…

灵芸 2021-12-18 19:32:49 1175 0 0

Three.js 光照模型

教程第一节课就提到了光照模型,只是没有展开讲解,下面的内容先总结一下不同光照模型的构造函数、方法、属性和基类。 光照…

想挽留 2021-12-16 13:10:08 1222 0 0

Three.js 选择三维模型对象(射线拾取)

在canvas画布上使用鼠标单击选中一个三维模型对象,三维模型然后做出反应,比如弹出一个窗口、颜色发生变化。要实现这一点首先把…

夜无邪 2021-12-15 20:50:32 1169 0 0

Three.js 实现虫洞特效

虫洞效果在线预览,在学习之前可以先看一遍具体的视觉效果,有一个感性的认识。 基本思路 创建一个管道几何体,然后相机沿着…

偏爱自由 2021-12-10 13:03:01 936 0 0

Three.js 纹理贴图

把下面一张纹理贴图映射到平面、立方体、球体等几何体上。 先利用 three.js 的平面几何体构造函数创建一个矩形网格模型,…

想挽留 2021-12-08 13:00:17 1893 0 0

Three.js 着色器 shader_ShaderMaterial 介绍

学习 Three.js 的着色器的内容之前,最好有一些 WebGL 的基础,可以不深入了解,但是要对 WebGL 渲染流程和着色器语言 GLSL 有一…

偏爱自由 2021-12-07 13:00:39 1438 0 0

Three.js 世界坐标转化为屏幕坐标

方法 .project 通过 Vector3 对象的方法 project,方法的参数是相机对象,语句 worldVector.project(camera) 返回的结果是世…

虐人心 2021-12-07 12:57:30 1167 0 0

Three.js 三维模型阵列

three.js 并没有提供几何体或网格模型阵列的 API,不过可以通过 for 循环结构自定义。 直线阵列 沿着 x 轴方向绘制 10 个立方…

偏爱自由 2021-11-30 13:17:33 1153 0 0

Three.js 三维模型 复制、克隆

复制一个三维模型有两种方式,一种方式是复制几何体对象,另一种方式是复制网格模型(点、线模型对象)。复制几何体对象本质…

夜无邪 2021-11-25 12:48:34 1587 0 0

Three.js 几何变换 旋转、缩放、平移

创建场景中的三维模型往往需要设置显示大小、位置、角度,three.js 提供了一系列网格模型对象的几何变换方法,从 WebGL 的角度看…

灵芸 2021-11-25 12:45:25 1358 0 0
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。