three.js
关注
分享
扫一扫
jarisMA
这个作者很懒，什么都没留下…
展开
-
threejs实现全景图
threejs实现全景图方法一：使用立方体贴图原理：将全景图切分为6张小图，分别对应上立方体6个面的贴图，立方体的里表翻转一下，相机放置到立方体的中心，就可以浏览全景了。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="vi...原创 2020-01-17 14:43:35 · 2490 阅读 · 0 评论 -
three.js的认识
three.js的认识发布时间：2018-07-17 10:02:05一、什么是three.jsthree.js 是一个跨浏览器 JavaScript 库/API ,用于在web 浏览器中创建和显示3D图形。 three.js 是基于 WebGL开发的。它的代码托管在GitHub上。二、three.js的三要素###1.scene(场景)scene 是一个容器，用来保存并跟踪所有我们想...原创 2019-08-28 10:25:51 · 279 阅读 · 0 评论 -
探索three.js中的各种光源
探索three.js中的各种光源1.AmbientLight 环境光AmbientLight( color : Integer, intensity : Float )color：颜色值；intensity：光的强度，默认值为1。属性.castShadow:boolean 是否投射阴影这在构造函数中设为undefined，因为环境光不能投射阴影。.isAmb...原创 2019-08-29 09:57:28 · 346 阅读 · 0 评论 -
Three.js几何对象的组合
Three.js几何对象的组合##发布时间：2018-08-29 16:02:351.创建一个几何体2.创建一个Object3D对象或者Group对象3.将几何体添加进入Object3D对象或者Group对象中4.将Object3D对象或者Group对象添加进入场景中以下以十字为例：var cylinderGeometry = new THREE.CylinderGeometry(0...原创 2019-08-29 09:59:21 · 520 阅读 · 0 评论 -
探索three.js中的各种材质之共有属性
探索three.js中的各种材质 之共有属性##发布时间： 2018-08-30 16:00:39共有属性又分基础属性、融合属性、高级属性1.基础属性：这些属性是最常用到的。.id:Integer标识符用来标识材质，在创建时赋值.uuid：String UUID材质实例的UUID。这会自动分配，因此不应编辑。.name:String名称可以通过这个属性赋予材质名称.isMat...原创 2019-08-29 10:00:29 · 802 阅读 · 1 评论 -
THREE.JS绘制虚线
THREE.JS绘制虚线发布时间：2018-10-11 17:23:50 var lineGeometry = new THREE.Geometry();//生成几何体 lineGeometry.vertices.push(new THREE.Vector3(0, 1000, 5));//线段的两个顶点 lineGeometry.vertices.push(new THREE....原创 2019-08-29 10:02:33 · 3575 阅读 · 0 评论 -
THREE.JS获取截图
THREE.JS获取截图发布时间： 2019-01-03 17:15:571.渲染器的配置var renderer = new THREE.WebGLRenderer({ //将渲染保存到缓冲区，否则获取的图片会是空的 preserveDrawingBuffer: true,//是否保留缓冲区直到手动清除或覆盖。默认值为false});2.将渲染的canvas转化为base6...原创 2019-08-29 10:10:03 · 2732 阅读 · 0 评论