![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ThreeJS
文章平均质量分 76
hbliu_ren
这个作者很懒,什么都没留下…
展开
-
ThreeJS学习笔记(1)-基本了解
今天开始学习three.js,之前也听说过这个引擎。我们应该怎么称呼它呢?Three.js在Github上是这么说的:JavaScript 3D libraryThe aim of the project is to create an easy to use, lightweight, 3D library. The library provides , , CSS3D and转载 2017-10-12 15:36:21 · 338 阅读 · 0 评论 -
ThreeJS学习笔记(2)-场景创建
上一篇大概讲了一下three.js是什么东西,本节给大家介绍以下几个点:1,能做什么?2,做了什么?3,怎么做?1,能做什么?游戏、虚拟漫游场景、产品三维展示等都可以,只要有人说:如果谁可以在网页里面做一个无需插件的3D场景,我就给他投资1个亿,那你可以站出来了!轻松融资1个亿!2,做了什么?看three.js提供的在线案例吧大家可以看看案例:https:/转载 2017-10-12 15:56:43 · 537 阅读 · 0 评论 -
ThreeJS学习笔记(3)-简单画线
// 老三样 场景scene,相机camera,渲染器render var scene=new THREE.Scene(); // 相机 var camera = new THREE.PerspectiveCamera(45,1,1,1000); camera.position.set(0,0,100); c转载 2017-10-12 16:57:53 · 2773 阅读 · 0 评论 -
ThreeJS学习笔记(4)-3D文字
var scene,camera,render; var loader = new THREE.FontLoader(); //导入字体,设定字体,这里的话,你们找对自己的字体路径,可能和我的不一样的!!下载的three.js包里面examples/fonts里面有字体 loader.load('../examples/fonts/helvetike转载 2017-10-12 18:39:49 · 2478 阅读 · 0 评论 -
ThreeJS学习笔记(5)-绘制网格
绘制一个网格的代码,如下所示: body{ margin:0; } div#canvas-frame { border: none; cursor: pointer; width: 100%; height: 600px; background-color: #EEEEEE; } //定义场景并初始化原创 2017-10-13 15:02:07 · 2129 阅读 · 0 评论 -
ThreeJS学习笔记(6)- 让场景动起来
场景中的物体怎么才能运动起来。我们这里从《古兰经》讲起,这样,你永远不会忘记。《古兰经》上有这样一个故事:一天穆罕穆德告诉人们说大山会向我们走来。于是人们就远望大山,看它怎么走过来,可是等了好长时间大山还是纹丝不动的在那里,人们就问穆罕穆德,大山也没向我们走来啊。默罕默德告诉人们:既然大山没向我们走来,那我们就向大山走去吧。于是人们来到了大山的山顶,人们征服了那座大山。这个故事揭示原创 2017-10-13 15:16:19 · 1638 阅读 · 0 评论 -
ThreeJS学习笔记(7)- 程序的性能
关于性能:测试一个程序,性能上是否有瓶颈,在3D世界里,经常使用帧数的概念,首先我们来定义一下帧数的意义。帧数:图形处理器每秒钟能够刷新几次,通常用fps(Frames Per Second)来表示。如下是每秒钟59次刷新的应用:当物体在快速运动时,当人眼所看到的影像消失后,人眼仍能继续保留其影像1/24秒左右的图像,这种现象被称为视觉暂留现象。是人眼具有的一种性质。人眼观看物体时转载 2017-10-14 10:45:58 · 1363 阅读 · 0 评论