Skip to content

Commit ad7abfe

Browse files
committed
basic
1 parent 0b31734 commit ad7abfe

File tree

3 files changed

+51309
-0
lines changed

3 files changed

+51309
-0
lines changed

index.html

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<html>
2+
<head>
3+
<title>My first three.js app</title>
4+
<style>
5+
body { margin: 0; }
6+
canvas { display: block; }
7+
</style>
8+
</head>
9+
<body>
10+
<script src="js/three.js"></script>
11+
<script>
12+
var scene = new THREE.Scene();
13+
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
14+
15+
var renderer = new THREE.WebGLRenderer();
16+
renderer.setSize( window.innerWidth, window.innerHeight );
17+
document.body.appendChild( renderer.domElement );
18+
19+
var geometry = new THREE.BoxGeometry();
20+
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
21+
var cube = new THREE.Mesh( geometry, material );
22+
scene.add( cube );
23+
24+
camera.position.z = 5;
25+
26+
var animate = function () {
27+
requestAnimationFrame( animate );
28+
29+
cube.rotation.x += 0.01;
30+
cube.rotation.y += 0.01;
31+
32+
renderer.render( scene, camera );
33+
};
34+
35+
animate();
36+
</script>
37+
</body>
38+
</html>

0 commit comments

Comments
 (0)