![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
qq_2268846315
这个作者很懒,什么都没留下…
展开
-
Three.js加载自定义贴图(代码可直接在vue中运行,亲测可行!!!)
代码运行截图:vue代码( import图片请自行更改,加载的是本地图片 ): <template> <div class="three"> <div id="container"></div> </div> </template> <script> import * as Three from 'three' import road from '../assets/road.jpg'原创 2020-11-23 17:20:37 · 1946 阅读 · 2 评论 -
three.js - 渲染器
three.js渲染器的类型如下:CanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders//开启Three.js渲染器:WebGLRenderer//声明全局变量var renderer;function initThree(){//获取容器的宽高width = document.getElementById('canvas3d').cl原创 2020-11-20 15:54:49 · 263 阅读 · 0 评论 -
three.js - scene场景属性讲解
scene对象可以包含所有的物体,摄像机,光源以及其他的一些对象scene对象还可称为场景图,它不仅仅是一个对象数据,还包含了整个场景图树形结构中的所有节点每个添加到three.js场景的对象,甚至包括scene场景,都是继承自THREE.Object3D的对象每个THREE.Object3D对象都有自己的子对象我们可以通过它的子对象来创建一个three.js能够解释和渲染的对象 THREE.Scene的方法和属性 add(object) 向场景中添加对象,使用该方法还可以创建一个..原创 2020-11-19 01:00:28 · 911 阅读 · 0 评论 -
three.js -摄像机的使用介绍
在three.js中照相机的抽象基类是THREE.Camera,其中包含两种摄像机:正投影摄像机(THREE.OrthographicCamera)透视投影摄像机(THREE.PerspectiveCamera)(1) 正投影摄像机API为:THREE.OrthographicCamera(left, right, top, bottom, near, far)这6个参数就代表了这个照射区域长方体的6个面,根据这6个参数的不同,会照射不同的区域。var camera = new THREE原创 2020-11-18 17:08:02 · 346 阅读 · 0 评论 -
Three.js中有哪的几种光源,每种光源分别代表什么意思???(讲解十分详细)
在three.js中一共有四种光源,分别是一下四种:环境光( AmbientLight ):笼罩在整个空间无处不在的光点光源( PointLight ):向四面八方发射的单点光源聚光灯( SpotLight ):发射出锥形状的光, 模拟手电筒,台灯等光源平行光( DirectinalLight ):平行的一束光,模拟从很远处照射的太阳光环境光境光可以说是场景的整体基调。如何创建环境光呢?代码如下。 var ambient = Three.AmbientLight(0xffffff);原创 2020-11-17 09:49:19 · 580 阅读 · 0 评论