|
|
<?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(); |