介绍 Shader 是一种运行在 GPU 上的小程序,用于实现一些图形效果。在 Three.js 中,我们可以使用 GLSL ES 语言来编写 Shader,并将其应用到材质...
介绍 Shader 是一种运行在 GPU 上的小程序,用于实现一些图形效果。在 Three.js 中,我们可以使用 GLSL ES 语言来编写 Shader,并将其应用到材质...
雾 在 Threejs 中,Fog 类用于创建线性雾的效果。雾效果常用于模拟真实世界中视觉深度递减的效果,也可以用于创建某些艺术效果。当物体距离观察者越远,雾就越浓,物体的颜...
在 Three.js 中允许在场景中添加声音,将声音与 3D 对象关联,实现更丰富的交互体验。 Audio Three.js 中的Audio对象用于表示音频源,它是一个THR...
Canvas是微信小程序中的一个原生组件,因此我们在使用它的时候要特别注意微信小程序对原生组件的使用说明[https://developers.weixin.qq.com/m...
几何体 边缘几何体 可以作为一个辅助对象来查看几何体的边缘。 EdgesGeometry 构造函数用于创建边缘几何体,接受一个几何体对象作为参数。 LineBasicMate...
欧拉角 欧拉角是一种表示三维空间中旋转的方法,它由三个角度组成,通过设定物体绕 指定顺序 的轴进行旋转,可以直接对物体的 .rotation 属性进行操作。 rotation...
向量是具有方向和大小的量,在数学中,向量通常表示为有向线段,由起点和终点确定,起点到终点的距离就是向量的大小,向量之间的夹角就是向量的方向。 向量 getWorldDirec...
UV UV 坐标是二维坐标,用于描述三维模型上的纹理坐标。UV 坐标通常用于将纹理映射到三维模型的表面,从而实现纹理贴图的效果。 在 Three.js 中,每个模型都有一个 ...
模型类型 GLTF(.gltf,.glb): 是由 Khronos Group 开发的一种新型 3D 文件格式,具有高效、紧凑、支持 PBR 材质等优点,是当前主流的 3D ...
休眠 当一个物体在小范围内移动时,物理引擎会认为它是静止的,此时物体就会进入休眠状态,不再受到物理引擎的影响。休眠状态可以减少物理引擎的计算量,提高性能。 设置物理世界休眠 ...
材质 在物理引擎中,材质(Material)用于描述物体的物理属性,例如摩擦力、弹性等。 CANNON.Material: 物理材质,用于模拟物体之间的摩擦力、弹性等物理属性...
简介 Cannon.js 是一个基于 JavaScript 的物理引擎,它可以在浏览器中模拟物理效果。它支持碰撞检测、刚体动力学、约束等物理效果,可以用于创建逼真的物理场景和...
我们发现,如果每次通过修改代码的方式修改属性值效率太低了,所以我们可以使用 lil.GUI 来创建一个图形用户界面,通过拖动滑块、选择下拉菜单、点击按钮等方式来控制应用程序的...
定义 阴影是光线照射到物体上,被物体遮挡后形成的效果。在 Three.js 中,可以通过设置光源的 castShadow 属性来开启阴影效果。 步骤 想要实现阴影效果涉及到以...
定义 光照是模拟现实世界中的光线照射效果,通过光照可以模拟现实世界中的物体表面反射光线的效果,从而产生明暗对比,使物体看起来更加真实。 光照类型 Three.js 中提供了以...
定义 贴图(Texture)是 Three.js 中用于为物体表面添加纹理的一种技术。它可以将图像、视频或其他类型的媒体映射到物体的表面,使其看起来更加真实和生动。 基本原理...
几何体 定义 几何体是物体在三维空间中的形状,它决定了物体的外观和结构。在 Three.js 中,几何体是通过THREE.Geometry类来创建的。几何体包含了顶点、面和法...
场景 场景是一个容器,用于容纳所有的物体、光源、相机等元素。 相机 相机决定了渲染的结果,决定了渲染的内容是什么,以及渲染的内容从哪里看。 相机包括正交相机(Orthogra...
前言 在前端做关于人脸的项目就不得不提face-api.js,它是一个基于Javascript的开源库,用于在浏览器中进行人脸检测、识别和特征。它是建立在 TensorFlo...
前言 现在随着AI的发展,市面出现了很多AI对话的工具,正好这段时间也在做AI对话。其实功能不复杂,主要需要考虑的是细节、体验,跟我一起剖析AI对话是如何实现的。 功能 获取...