JavaScript html 5 / js-animation fehler?

steff0rn

Lieutenant
Registriert
Jan. 2004
Beiträge
631
Hallo,

ich weiß nicht, ob ich das hier so posten "kann/darf", aber ich mache einfach mal. Bitte ggf. "zurechtweisen", wenn ich hier falsch sein sollte.

Meine Frau hat auf der Arbeit mit Adobe Muse eine Animation erstellt. Jetzt wird die Animation im Browser allerdings nicht abgespielt. Meine JS-Skills sind gering, mit Muse habe ich gar noch nie etwas gemacht.

Den Code hier hat sie mir geschickt

HTML:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<style>
	body {
			background-color:#ffffff;
			margin: 0;
			overflow: hidden;
		}
	</style>
</head>

<body>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r57/three.min.js"></script>
		<script>
			
			var camera, scene, renderer;
			var geometry, material, mesh;
			
			function init() {
				
				renderer = new THREE CanvasRenderer();
				renderer.setSize( window.innerWidth, window.innerHeight );
				document.body.appendChild( renderer.domElement );
				
				camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 10 );
				camera.position.z = 3;
				
				scene = new THREE.Scene();
				
				geometry = new THREE.CubeGeometry( 1, 1, 1 );
				material = new THREE.MeshBasicMaterial( {color: 0x000000, wireframe: true, wireframeLinewidth: 2 } );
				
				mesh = new THREE.Mesh( geometry, material );
				scene.add( mesh );
			
			}
			
			function animate() {
			
			requestAnimationFrame( animate );
			
			mesh.rotation.x = Date.now() * 0.0005;
			mesh.rotation.y = Date.now() * 0.001;
			
			renderer.render( scene, camera );
			
			}
			
			init();
			animate();
		</script>
</body>
</html>

Ist hier irgendwo ein Fehler ersichtlich? Oder fehlt ganz schlicht irgendeine Anweisung? Bin für jede Hilfe dankbar! :)
 
Also so wie ich das sehe fehlt ein Canvas der das was im Script steht auch umsetzt. In dem Fall fehlt dann aber auch noch etwas im Code wie z.B.

Code:
[COLOR=black]document.getElementById("MeinCanvas")[/COLOR]

oder ähnlich per Klasse etc.

Never mind hab das "CanvasRenderer" nicht gesehen :D
 
Zurück
Oben