-
Three.js入门
什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。什么是threejs，很简单，你将它理解成three + js就可以了。three...
-
three.js运用三：加载有纹理的模型，结合blender和convert_obj_three.py
c_a_3();three.js使用三：加载有纹理的模型，结合blender和convert_obj_three.py1. 在blender中画一个有纹理的对象选择 UI/Image视图image-open image,打开一个图片选择texture视图……这个地方还没有搞清楚，胡乱弄的。导出为ob...
-
Three.js基础 Three.js基础探寻一 Three.js基础探寻一
Three.js基础探寻一 1.webGL一种网络标准，定义了一些较底层的图形接口。2.Three.js一个3Djs库，webGL开源框架中比较优秀的一个。除了webGL以外，Three.js还提供了基于Canvas、SVG标签的渲染器。这是一个开源项目。3.环境找一个喜欢的jsIDE。调试建议使用...
-
360全景图three.js
1.three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精彩的演示。2.three.js制作官网demo全景图一.引...
-
360全景图three.js与Photo-Sphere-Viewer-master 3D全景浏览开发
1.支持WebGL和canvas的浏览器 (IE10, IE11支持, 但在IE里移动图片时很卡, 不一定是全部人都有这情况)2.Three.js (文件较大, 有官网demo, 可不下载, 下载photo-sphere-viewer.js时也有three.js)下载地址：https://githu...
-
three.js循环加载模型bug
在使用Three.js中 使用for循环加载obj模型出现的bugBUG直接上代码： var objArray = ["1","2","3","4"]; for(var i = 0; i < objArray.length; i++) { va...
-
three.js 中的矩阵变换及两种旋转表达方式
本篇简单介绍three.js中矩阵变换及两种旋转表达方式。矩阵变换three.js使用矩阵来保存Object3D的变换信息。矩阵变换的基础平移变换比例变换旋转变换(x,y,z,1) 绕x轴旋转(x,y,z,1) 绕y轴旋转(x,y,z,1) 绕z轴旋转three.js中的矩阵 var cube...
-
three.js needsUpdate 方法
本篇介绍Material类中的needsUpdate方法。Geometry中类似的update方法可以类推。问题提出function render() { material.map = canvasMap; material.map.needsUpdate = true; ...
-
前端可视化项目流程，涉及three.js（webGL）,3DMax技术，持续更新
最近在做一个可视化展示的项目，记录一下流程： 建模，模型来源，可以参考沙盘展示类项目，自己建模或者拼装其他源模型（本人以前是3D建模师，可以应付一些简单的场景）有效模型导入到web端，这里采用的obj，mtl的组合格式使用Three.js创建场景和模型的编辑--3DMax技术实现数据与模型的交互，位...
-
《Three.js 入门指南》3.1.1 3.1 基本几何形状
圆柱体（CylinderGeometry）构造函数： 1 THREE.CylinderGeometry(radiusTop, radiusBottom, height, radiusSegments, heightSegments, openEnded) radiusTop：顶面的半径；radius...
-
《Three.js 入门指南》3.1.1 3.1 基本几何形状
平面（PlaneGeometry）说明：这里的平面（PlaneGeometry）其实是一个长方形，而不是数学意义上无限大小的平面。构造函数： THREE.PlaneGeometry(width, height, widthSegments, heightSegments) width：x方向上的长度...
-
《Three.js 入门指南》2.4.1- 照相机
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...
-
《Three.js 入门指南》3.0 3.0 代码构建的最基本结构
说明：我们必需首先知道，Three.js 的一些入门级概念：我们需要知道，OpenGL 是一套三维实现的标准，为什么说是标准，因为它是跨平台，跨语言的。甚至CAD以及市面上众多的制图软件的底层，用的也是这一套标准。 而在JS中，这套标准的实现方式是基于OpenGL 标准开放的WebGL， 专注于网页...
-
《Three.js 入门指南》2.3.1- 照相机
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=d...
-
《Three.js 入门指南》1.3
【部分中英文对照】Cameras（照相机，控制投影方式） Camera OrthographicCamera 正交相机 PerspectiveCamera 透视相机Core（核心对象） BufferGeometry 缓冲几何 Clock（用来记录时间） Event...
-
《Three.js 入门指南》3.1.1 3.1 基本几何形状
圆形（CircleGeometry）说明：可以创建圆形或者扇形构造函数： THREE.CircleGeometry(radius, segments, thetaStart, thetaLength) radius：半径；segments：以一个点为中心的切片数（切蛋糕？）；thetaStart：开...
-
《Three.js 入门指南》2- 照相机
2.1 什么是照相机我们使用Three.js创建的场景是三维的，而通常情况下显示屏是二维的，那么三维的场景如何显示到二维的显示屏上呢？照相机就是这样一个抽象，它定义了三维空间到二维屏幕的投影方式，用“照相机”这样一个类比，可以使我们直观地理解这一投影方式。而针对投影方式的不同，照相机又分为正交投影照...
-
《Three.js 入门指南》3.1.1 3.1 基本几何形状
球体（SphereGeometry）构造函数： THREE.SphereGeometry(radius, segmentsWidth, segmentsHeight, phiStart, phiLength, thetaStart, thetaLength) radius：是半径；segmentsW...
-
《Three.js 入门指南》3.1.1 3.1 基本几何形状
立方体（CubeGeometry）构造函数： THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments) width：是x方向上的长度；height：是y方向上的长度；depth：是z方...
-
浅谈three.js中的needsUpdate的应用
three.js里的很多对象都有一个needsUpdate属性，文档中很少有写（不过three.js的文档本来就没多少，很多问题还得靠github上的issues），网上各式各样的教程中也不太会写这个，因为对于简单的入门程序而言，是用不到这个属性的
您的位置:首页 > 标签 “three.js” 相关文章