您的位置：首页 > Web前端 > JavaScript

Three.js创建一个场景(Creating a scene)

2017-09-26 15:01 531 查看

<html><head><title>My
first Three.js app</title><style>body
{ margin:
0;
}canvas
{ width:
100%;
height:
100%
}</style></head><body><script
src="//wow.techbrood.com/libs/three.r73.js"></script><script>var
scene =
new THREE.Scene();var
camera =
new THREE.PerspectiveCamera(
75,
window.innerWidth/window.innerHeight,
0.1,
1000
);var
renderer =
new THREE.WebGLRenderer();renderer.setSize(
window.innerWidth,
window.innerHeight
);document.body.appendChild(
renderer.domElement
);var
geometry =
new THREE.BoxGeometry(
1,
1,
1
);var
material =
new THREE.MeshBasicMaterial(
{ color:
0x00ff00
}
);var
cube =
new THREE.Mesh(
geometry, material
);scene.add(
cube );camera.position.z
=
5;var
render =
function
()
{requestAnimationFrame(
render );cube.rotation.x
+=
0.1;cube.rotation.y
+=
0.1;renderer.render(scene,
camera);};render();</script></body></html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Three.js

相关文章推荐

新的分享

章节导航