Sorry für die gesamte Frage, aber ich bin nur in three.js beginnen. Dies wird wahrscheinlich eine einfache Antwort für die Profis sein. Ich versuche, mit der grundlegendsten Szene zu beginnen und mein Wissen von dort aufzubauen. Also begann ich mit der Beispielszene direkt aus der Dokumentation. Alles was ich bekomme, wenn ich es lokal und auf meinem Server benutze, ist nur ein weißer Bildschirm, keine Leinwand oder Szene. Die Beispiele, die ich heruntergeladen habe, funktionieren sowohl lokal als auch auf meinem Server, also bin ich mir nicht ganz sicher, warum das nicht funktioniert. Hier ist mein Code.Drei js Beispiel Szene funktioniert nicht
<!DOCTYPE html>
<html>
<head>
<title>My first Three.js app</title>
<style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
<canvas></canvas>
<script src="threejs/three.js"></script>
<script>
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 1, 10000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
var geometry = new THREE.BoxGeometry(700, 700, 700, 10, 10, 10);
var material = new THREE.MeshBasicMaterial({color: 0xfffff, wireframe: true});
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 1000;
function render() {
requestAnimationFrame(render);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
};
render();
</script>
</body>
</html>
Vielen Dank im Voraus für jede Hilfe.
Joe