Three.js
Ricardo Cabello (Mr.doob) | |
Three.js Authors[1] | |
2010 | |
r144(2022 | |
编程语言 | JavaScript |
类型 | JavaScript |
许可协议 | MIT |
网站 | threejs |
Three.js
概 述
[编辑]Three.js
历史
[编辑]Three.js
该项
特性
[编辑]Three.js
效果 :浮雕,对眼和 视差屏 障 。- 场景:
在 运行时添加 和 删除对象;雾 - 镜头:视角
和 正字 法 ;控 制 器 :轨迹球 、FPS、路 径 等 - 动画:电枢,运动
学 ,逆 运动学 ,变形和 关键帧 灯光 :环境、方向 、点 和 点 光 ;阴影:投射 和 接收 材料 :Lambert、海防 、光 滑 阴影,纹理和 更 多 材 质:访问完 整 的 OpenGL着色 语言(GLSL)能力 :镜头光 晕,经过深入 而广泛的后 置 处理库- 对象:网格、
粒子 、精 灵、线、带、骨 头和更 多 -所有 细节层次 - 几何:
平面 ,立方体 ,球体 ,圆环,3D文 本 等 ;修 改 器 :车床,挤压和 管 数 据 加 载器:二 进制,图像,JSON和 场景事 业:全 套时间和三维数学函数包括锥、矩 阵、四元 、UVs等 - 输入输出:three.js-compatible JSON
文 件 :Blender,openctm,FBX,Max,OBJ 支持 :API文 档正在 建 设中,公共 论坛和 维基全面 运作例 子 :超 过150个文件 的 编码例 子 加 字体 ,模型 ,纹理,声音 和 其他支持 文 件 - 调试:Stats.js,[9] WebGL检查员[10],Three.js检查员[11]
Three.js
使用
[编辑]Three.js
<script src="js/three.min.js"></script>
<script>
var camera, scene, renderer,
geometry, material, mesh;
init();
animate();
function init() {
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.z = 1000;
geometry = new THREE.BoxGeometry( 200, 200, 200 );
material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );
mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );
renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
}
function animate() {
requestAnimationFrame( animate );
render();
}
function render() {
mesh.rotation.x += 0.01;
mesh.rotation.y += 0.02;
renderer.render( scene, camera );
}
</script>
参 见
[编辑]参考 文献
[编辑]- ^ 1.0 1.1 1.2 Three.js/license. github.com/mrdoob. [20 May 2012]. (
原始 内容 存 档于2017-05-07). - ^ 2.0 2.1 First commit. github.com/mrdoob. [20 May 2012]. (
原始 内容 存 档于2010-04-30). - ^ O3D
- ^ Unity (game engine)
- ^ Khronos Releases Final WebGL 1.0 Specification. Khronos Group. March 3, 2011 [2 June 2012]. (
原始 内容 存 档于2016-11-08). - ^ Crossley, Rob. Study: Average dev costs as high as $28m. Intent Media Ltd. 11 January 2010 [2 June 2012]. (
原始 内容 存 档于2010-01-13). - ^ 7.0 7.1 7.2 7.3 Three.js White Paper. Github.com. 2012-05-21 [2013-05-09]. (
原始 内容 存 档于2019-02-18). - ^ mrdoob. Features mrdoob/three.js Wiki GitHub. Github.com. 2012-11-26 [2013-05-09]. (
原始 内容 存 档于2014-06-01). - ^ Stats.js. Github.com. [2013-05-09]. (
原始 内容 存 档于2013-05-12). - ^ WebGL Inspector. Benvanik.github.com. [2013-05-09]. (
原始 内容 存 档于2010-11-24). - ^ Three.js Inspector Labs. Zz85.github.com. [2013-05-09]. (
原始 内容 存 档于2013-01-30).
参考 书目
[编辑]- Dirksen, Jos. Learning Three.js: The JavaScript 3D Library for WebGL. UK: Packt Publishing. 2013 [2017-06-06]. ISBN 9781782166283. (
原始 内容 存 档于2014-07-08). - Parisi, Tony. Webgl Up and Running. Sebastopol: Oreilly & Associates Inc. 2012. ISBN 9781449323578.
- Seidelin, Jacob. HTML5 games : creating fun with HTML5, CSS3, and WebGL. Chichester, West Sussex, U.K: John Wiley & Sons. 2012: 412–414. ISBN 1119975085. - "Three.js can make game development easier by taking care of low-level details"
- Williams, James. Learning HTML5 game programming : a hands-on guide to building online games using Canvas, SVG, and WebGL. Upper Saddle River, NJ: Addison-Wesley. 2012: 117–120, 123–131, 136, 140–142. ISBN 0321767365.
- Raasch, Jon. Smashing WebKit. Chichester: Wiley. 2011: 181, 182, 216. ISBN 1119999138.
- Williams, James. Three.js By Example. Vancouver, Canada: Leanpub. 2013 [2017-06-06]. (
原始 内容 存 档于2018-08-19).
外部 链接
[编辑]官 方 网站- Three.js source(页面
存 档备份,存 于互联网档案 馆) in GitHub - AlteredQualia(页面
存 档备份,存 于互联网档案 馆) - Stemkoski Three.js Examples(页面
存 档备份,存 于互联网档案 馆) - 1-2-three: graphic simulation by example(页面
存 档备份,存 于互联网档案 馆) - Learning Three.js(页面
存 档备份,存 于互联网档案 馆) - kepo-ing Zz85
- Learning WebGL* WebGL Review Site(页面
存 档备份,存 于互联网档案 馆)
|