![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ThreeJs
文章平均质量分 94
与诸君共勉
此人很懒,什么都写了
展开
-
three.js ThreeBSP(多个模型组合:差集、交集、并集 附带demo) - 05
文章目录一、什么是模型运算1 . 函数属性介绍2. 代码示例二、模型组合demo(需要在我的第一节中找到对应的库,或者私信我)2.代码效果2.1并集效果2.2 差集效果2.3 交集效果一、什么是模型运算我所理解的ThreeBSP就是模型运算,将两个或者多个立方体模型通过交集(intersect)、差集(subtract)、并集(union)运算生成新的运算后立方体,这个与我们高中必学几何体那一部分的三个函数运算一样1 . 函数属性介绍属性描述intersect(交集)返回两原创 2021-12-03 11:39:55 · 4986 阅读 · 23 评论 -
three.js TextureLoader(纹理加载附带demo) - 04
文章目录一、什么是纹理加载1.属性介绍一、什么是纹理加载纹理一般是指我们常见的在一些第三方程序中创建的图像,如Photoshop或GIMP。我们把这张图片放在立方体上。(我通常称为贴图)。我们需要做的就是创建一个TextureLoader。调用它的load方法,同时传入图像的URL,并将材质的 map 属性设置为该方法的返回值1.属性介绍属性描述map我们需要做的就是创建一个TextureLoader。调用它的load方法,同时传入图像的URL,返回值就是map的属性原创 2021-11-26 10:01:31 · 6627 阅读 · 5 评论 -
three.js OrthographicCamera(正交相机附带demo) - 03
文章目录一、什么是正交投影相机1.属性介绍2.代码示例二、demo三、demo效果(`所有物体大小不以物体距离摄像机远近来改变`)一、什么是正交投影相机正交摄像机与透视投影摄像机最大的区别就是物体的大小不随物体距离影响,透视投影相机请看我上篇文章 three.js PerspectiveCamera(透视投影相机) - 02,然而正交投影摄像机无论物体距离摄像机多远,你所看到的物体大小都是1比1还原。1.属性介绍属性描述left摄像机视锥体左侧面right摄像机视锥原创 2021-11-25 15:14:14 · 3719 阅读 · 2 评论 -
three.js PerspectiveCamera(透视投影相机附带demo) - 02
文章目录一、什么是PerspectiveCamera 透视投影相机?1.属性介绍2.代码示例二、demo三、demo效果上一篇 : [three.js 入门场景搭建 - 01 及 threejs下载](https://blog.csdn.net/qq_42936527/article/details/121489175)一、什么是PerspectiveCamera 透视投影相机?这一投影模式被用来模拟人眼所看到的景象,它是3D场景的渲染中使用得最普遍的投影模式。1.属性介绍属性描述原创 2021-11-23 11:50:59 · 1619 阅读 · 0 评论 -
three.js 入门场景搭建及threejs下载(附带demo)- 01
文章目录一、three.js三大要素一、three.js三大要素要渲染物体到网页中,我们需要3个组建:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样东西,才能将物体渲染到网页中去。要素创建方式scenenew THREE.Scenecameranew THREE.PerspectiveCamera(45,window.innerWidth / window.innerHeight,0.1,1000)renderervar re原创 2021-11-23 11:30:54 · 3041 阅读 · 0 评论