BinParker
53° 40,6 N 008° 06,3 E
展开
-
ThreeJS进阶之动画系统(Animation system)
在three.js动画系统中,我们可以为模型的各种属性设置动画:(蒙皮和装配模型)的骨骼,(变形目标), 不同的材料属性(颜色,不透明度,布尔运算),可见性和变换。动画属性可以淡入、淡出、交叉淡化和扭曲。在相同或不同物体上同时发生的动画的权重和时间比例的变化可以独立地进行。相同或不同物体的动画也可以同步发生。为了在一个同构系统中实现所有这一切, three.js的动画系统在2015年彻底改变(注意过时的信息!), 它现在有一个与Unity/虚幻4引擎类似的架构。原创 2023-09-08 11:27:37 · 422 阅读 · 0 评论 -
ThreeJS进阶之矩阵变换
三维物体(Object3D)这是Three.js中大部分对象的基类,提供了一系列的属性和方法来对三维空间中的物体进行操纵。这里介绍如何更新对象的变换。原创 2023-05-17 11:13:50 · 852 阅读 · 0 评论 -
ThreeJS进阶之使用后期处理
很多three.js应用程序是直接将三维物体渲染到屏幕上的。有时,你或许希望应用一个或多个图形效果,例如景深、发光、胶片微粒或是各种类型的抗锯齿。后期处理是一种被广泛使用、用于来实现这些效果的方式。首先,场景被渲染到一个渲染目标上,渲染目标表示的是一块在显存中的缓冲区。接下来,在图像最终被渲染到屏幕之前,一个或多个后期处理过程将滤镜和效果应用到图像缓冲区。这里three.js通过EffectComposer(效果合成器),提供了一个完整的后期处理解决方案来实现这样的工作流程。原创 2023-05-10 15:40:04 · 729 阅读 · 0 评论 -
ThreeJS之创建VR
本篇介绍了使用three.js来制作的基于Web的VR应用程序的基本组件原创 2023-04-20 14:11:26 · 458 阅读 · 0 评论 -
在three.js中废置对象
three.js中为了提高性能,并避免应用程序中的内存泄露,一个重要的方面是废置未使用的类库实体。每当创建一个three.js中的实例时,都会分配一定数量的内存。然而,three.js会创建在渲染中所必需的特定对象, 例如几何体或材质,以及与WebGL相关的实体,buffers或着色器程序。非常值得注意的是,这些对象并不会被自动释放;相反,应用程序必须使用特殊的API来释放这些资源。原创 2023-04-11 14:22:56 · 629 阅读 · 0 评论 -
在three.js中如何更新场景
基于three.js之更新场景(How to update things)原创 2023-03-31 14:21:23 · 610 阅读 · 0 评论 -
three.js中创建文字(Creating text)
使用HTML通常是最简单、最快速的添加文本的方法,这是大多数的Three.js示例中用于添加描述性叠加文字的方法。原创 2023-03-23 16:50:22 · 470 阅读 · 0 评论 -
ThreeJS之画线(Drawing lines)
线是画在每一对连续的顶点之间的,而不是在第一个顶点和最后一个顶点之间绘制线条(线条并未闭合)原创 2023-03-14 16:28:46 · 1204 阅读 · 0 评论 -
THREEJS使用入门(Createing a scene)
在开始使用threeJS之前,我们需要创建一个HTML文件来显示它(将下列HTML代码保存为你电脑上的一个HTML文件然后在你的浏览器中打开这个HTML文件。margin : 0;我们接下来的所有代码将会写入到空的标签中。恭喜你!你现在已经成功完成了你的第一个Three.js应用程序。虽然它很简单,但现在你已经有了一个入门的起点。以下是完整代码:(编辑、运行或者修改代码有助于你更好的理解它是如何工作的)原创 2023-03-10 12:03:45 · 483 阅读 · 0 评论