please come back at a later time.
- - < - 3Dworldring - > - - - diff --git a/sass/style.scss b/sass/style.scss new file mode 100644 index 0000000..c45254c --- /dev/null +++ b/sass/style.scss @@ -0,0 +1,8 @@ +html, +body { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} + diff --git a/static/scripts/main.js b/static/scripts/main.js new file mode 100644 index 0000000..4ddd3e0 --- /dev/null +++ b/static/scripts/main.js @@ -0,0 +1,25 @@ +import * as THREE from 'three'; + +const scene = new THREE.Scene(); +const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); + +const renderer = new THREE.WebGLRenderer(); +renderer.setSize( window.innerWidth, window.innerHeight ); +renderer.setAnimationLoop( animate ); +document.body.appendChild( renderer.domElement ); + +const geometry = new THREE.BoxGeometry( 1, 1, 1 ); +const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } ); +const cube = new THREE.Mesh( geometry, material ); +scene.add( cube ); + +camera.position.z = 5; + +function animate( time ) { + + cube.rotation.x = time / 2000; + cube.rotation.y = time / 1000; + + renderer.render( scene, camera ); + +} diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..6fa8b6f --- /dev/null +++ b/templates/base.html @@ -0,0 +1,28 @@ + + + + + +