前端
文章平均质量分 63
.无聊de热水
这个作者很懒,什么都没留下…
展开
-
three.js学习(1):
1.three.js是:three.js是用JavaScript编写的WebGL第三方库。官网(www.threejs.org)2.three.js功能:three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。3.three.js用法(1)导入three.js;(2)创建场景Scene;(3)创建相机Camera及设置;...原创 2018-11-14 10:06:44 · 214 阅读 · 0 评论 -
three.js学习(3):导入threejs
1.在HTML中导入:2.用js中导入:(1)当你的文件中内建的有一些导入工具像Webpack或Browserify,你可以用var THREE = require("three");var scene = THREE.Scene();(2)使用ES6的语法形式(如果你的浏览器支持的话)import * as THREE from 'three';const scene = TH...翻译 2018-11-16 10:16:37 · 3960 阅读 · 1 评论 -
three.js学习(5):Renderer
Renderer渲染器的工作是用来将物体绘制到屏幕上。1.WebGLRenderer(1)构造函数:WebGLRenderer(parameters:object)–parameters–(可选参数)定义渲染器的行为。–canvas–提供一个渲染器绘制输出的canvas和DOMElement属性对应。如果没有传这个参数,会创建一个新canvas。–context – 可用于将渲染器附加...翻译 2018-11-19 09:38:42 · 6490 阅读 · 0 评论 -
three.js学习(2):Scene
scene是场景,里面能放置对象(Objects)、灯光(Lights)、摄像机(Cameras)等。1.创建场景:Scene()2.场景的属性:》》》fog(雾):。。。创建fog:。。。。。。(1).fog(color:int, near:float, far:float)。。。。。。color:雾的颜色。。。。。。。near:开始应用雾的最小距离。活动相机中小于“近”单位的对...翻译 2018-11-15 10:15:59 · 301 阅读 · 0 评论 -
three.js学习(4):Camera
相机的类型1.CubeCamera(立方体相机)创建6个摄像机,将他们所拍摄的场景渲染到WebGLRenderTargetCube上。(1)构造函数:CubeCamera(near:number, far:number, cubeResolution:number,options:object)*near–近端剪切面的距离*far–远端剪切面的距离*cubeResolution–立方...翻译 2018-11-17 08:58:27 · 456 阅读 · 0 评论 -
three.js学习(6):Geometry Objects
threejs scene能够放置的Geometry Object(对象)包括:2D的曲线(curve),文字(font),形状(shape),路径(path)等。3D的各种几何体(Geometry),以及通过加载器(Loader)加载的模型等。其他。CurveCurvePathFontInterpolationsPathShapeShapePath曲线类型ArcCurve...原创 2018-11-23 09:56:16 · 545 阅读 · 0 评论