Three.js框架，菜鸟上路
1．three.js是编写的WebGL第三方库。提供了非常多的3D显示功能
下载最新的three.js库，将其包含在你的html 页面中。
简单学习视频
2． 搭建开发环境
网页编辑环境，JavaScript，, 即webStorm
Three.js库：
支持、webGl的浏览器：Chrome
3． 使用引入three.js库
Three.js官网地址：
Three.js库：
Three.js核心库：three.js/three.min.js
Three.js扩展库位置：three.js-rxx\examples\js
4. 三维场景的基本要素
场景对象：模型，灯光，特效
相机对象：观察场景的视角
渲染器对象：场景渲染输出的目标
渲染：执行渲染操作render 动作
5. 场景动画
相机控制是场景交互和动画的基础
6. 有关贴图的例子：
7.stats.js是一个JavaScript性能监控器。
这个类提供了一个简单的信息框，帮助您监控代码的性能。
FPS帧渲染的最后一秒。数字越高越好。
MS渲染一帧需要毫秒。数字越低就越好。
var stats =newStats();
stats.setMode( 1 ); // 0: fps, 1: ms, 2: mb
// align top-left
stats.domElement.style.position='absolute';
stats.domElement.style.left='0px';
stats.domElement.style.top='0px';
document.body.appendChild( stats.domElement );
varupdate=function () {
stats.begin();
// monitored code goes here
stats.end();
requestAnimationFrame( update );
};
8.参考资料
Three.js入门详细介绍：
物体旋转的实现：
1. 利用控制器
Controls.js,还有一些控制器
2. 利用鼠标事件
鼠标点击事件，鼠标移动事件，获取鼠标移动的距离来实现3D模型的旋转，转动。
3. 3D模型自身旋转
3D模型的移动旋转，也可以通过相机的移动旋转来实现
具体怎么实现，只能去找些实例，因为是菜鸟嘛
其他的参考资料：
最新文章
-
揭秘：伤寒汗出病解的方式有哪些
6分钟前 -
洗髓修炼中的：找病、攻病、翻病、愈病！
21分钟前 -
（原创）颤证的经方治疗案。。。
27分钟前 -
中医教你：看指甲上的月牙诊病
39分钟前 -
中药方论（24）
42分钟前 -
仅一味中药就可以降血糖 ，一味中药的单药方！
44分钟前 -
解郁安神颗粒：抑郁症、焦虑症都是因为肝的疏泄功能出现了失调
55分钟前 -
有一种痛苦叫牙疼，有种止疼药叫艾灸！收藏起来，以备不时之需！
1小时前
有话要说...