| <?php |
| $id = $_GET['id']; |
|
|
| |
| $story = json_decode(file_get_contents("stories/".$id .".json"), true); |
|
|
| |
| const scene = new THREE.Scene(); |
| |
| const camera = new THREE.PerspectiveCamera(100, window.innerWidth / window.innerHeight, 0.1, 1000); |
| camera.position.set(0, 0, 50); |
|
|
| |
| const light = new THREE.DirectionalLight(0xffffff, 1); |
| light.position.set(1, 1, 1); |
| scene.add(light); |
|
|
| |
| const geometry = new THREE.BoxGeometry(10, 10, 10); |
| const material = new THREE.MeshBasicMaterial({ color: 0xCFCFCF }); |
| const cube = new THREE.Mesh(geometry, material); |
| scene.add(cube); |
|
|
| |
| const renderer = new THREE.WebGLRenderer({ |
| canvas: document.querySelector('#c'), |
| antialias: true |
| }); |
| renderer.setSize(window.innerWidth, window.innerHeight); |
| document.body.appendChild(renderer.domElement); |
|
|
| |
| function animate() { |
| requestAnimationFrame(animate); |
|
|
| |
| camera.position.x += 0.05; |
| camera.position.y += 0.05; |
|
|
| |
| renderer.render(scene, camera); |
| } |
| animate(); |