![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
文章平均质量分 65
努力的小桑
不断接受现实,承认自己的平凡,努力向前,该来的总会来
展开
-
three.js从场景获取模型对象
在three.s中,可以通过场景对象获取模型对象。场景对象是一个包含了所有要染的物体、灯光、摄像机等元素的容器,而模型对象则是其中的一个物体,通常是一个三维模型。在这个示例中,首先创建了一个场景对象和一个三维立方体模型。然后将立方体模型添加到场景中,并通过getobjectByName()方法以场景中获取了模型对象。最后,将模型对象输出到控制台。需要注意的是,在获取模型对象时,需要知道模型的名称。如果没有指定名称则可以使用getobjectById() 方法通过模型的ID获取模型对象。原创 2023-09-13 10:26:42 · 943 阅读 · 0 评论 -
三分钟入门Three.js:如何用JavaScript构建3D场景
在Web开发中,三维图形越来越受到重视,而Three.js作为一款基于WebGL的JavaScript 3D渲染库,为我们提供了一种简单、快捷的方式来创建复杂的3D场景。原创 2023-06-12 14:02:07 · 745 阅读 · 0 评论 -
three.js (灯光)
这种光的表现像是无限远,从它发出的光线都是平行的。太阳足够远,因此我们可以认为太阳的位置是无限远,所以我们认为从太阳发出的光线也都是平行的。●此对象的摄像机被设置为 fov 为90度,aspect为1, 近裁剪面 near 为0,远裁剪面far 为500的透视摄像机 PerspectiveCamera。●注意: 对于目标的位置,要将其更改为除缺省值之外的任何位置,它必须被添加到 scene 场景中去。●注意: 对于目标的位置,要将其更改为除默认值之外的任何位置,它必须被添加到 scene 场景中去。原创 2023-05-25 08:19:53 · 1154 阅读 · 0 评论 -
tween.js(补间动画),基于Three.js使用
tween.js是一款可生成平滑动画效果的js动画库 , 你只需要告诉tween你想修改什么值,以及动画结束时它的最终值是什么,动画花费多少时间等信息,tween引擎就可以计算从开始动画点到结束动画点之间值,来产生平滑的动画效果 , tween.js不仅仅可以在HTML页面中使用也可以直接用于three.js的mesh中用于控制模型的动画效果简单而又方便。, 补间开始时执行,只执行一次, 当使用 repeat() 重复补间 时,不会重复运行 , onStart((obj)=>{})原创 2023-05-08 11:08:12 · 583 阅读 · 0 评论 -
Three.js(学习)
在vue项目中使用Three.js的流程。原创 2023-04-27 09:37:10 · 1286 阅读 · 0 评论 -
学习three.js
想要语雀笔记的可以先通过下面的链接先申请访问权限,我看到会给你们通过的。学习three.js要先了解以下内容;原创 2023-05-22 17:13:49 · 175 阅读 · 0 评论 -
three.js(相机 (Camera))
3立方相机(CubeCamera):立方体相机是一种特殊的相机,它能够捕获周围环境,生成立方体贴图,并将其应用到材质上。●OrthographicCamera( 摄像机视锥体左侧面,摄像机视锥体右侧面,摄像机视锥体上侧面, 摄像机视锥体下侧面 ,摄像机视锥体近端面,摄像机视锥体远端面 )上述代码将创建一个透视相机,将其位置设置为 (0, 0, 10),然后将其朝向设置为原点 (0, 0, 0)。●摄像机的远端面,默认值是2000。●摄像机视锥体的长宽比,通常是使用画布的宽/画布的高。原创 2023-05-24 11:42:48 · 1323 阅读 · 0 评论 -
Three.js创建文字(Creating text)
BMFont的渲染支持自动换行、字母间距、字句调整、signed distance fields with standard derivatives、multi-channel signed distance fields、多纹理字体等特性。使用HTML通常是最简单、最快速的添加文本的方法,这是大多数的Three.js示例中用于添加描述性叠加文字的方法。然后使用CSS来将其绝对定位在其它具有z-index的元素之上,尤其是当你全屏运行three.js的时候。原创 2023-05-10 15:46:04 · 813 阅读 · 0 评论 -
three.js 载入 3D 模型的方法
三维模型的加载器ColladaLoader模型加载器。GLTFLoader模型加载器。OBJLoader模型加载器。FBXLoader模型加载器。原创 2023-05-09 10:01:30 · 3750 阅读 · 0 评论