Skip to content

Instantly share code, notes, and snippets.

@cybermarinella

cybermarinella/script.js

Created February 22, 2018 14:06
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save cybermarinella/6f1e45ac35e8c81e5de85dadc1d62fbf to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save cybermarinella/6f1e45ac35e8c81e5de85dadc1d62fbf to your computer and use it in GitHub Desktop.
Download ZIP
Sfera e Cubo
Raw
script.js
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
geometry = new THREE.SphereBufferGeometry( 10.5, 32, 32 );
material = new THREE.MeshBasicMaterial( {color: 0xc8b798} );
sphere = new THREE.Mesh( geometry, material );
scene.add( sphere );
camera.position.z = 50;
var geometry = new THREE.BoxGeometry( 12, 12, 0.5 );
var material = new THREE.MeshBasicMaterial( { color: 0xffffff });
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );
cube.position.x = 0;
cube.position.y = 0;
cube.position.z = 10;
var animate = function () {
requestAnimationFrame( animate );
cube.rotation.x += 0;
cube.rotation.y += 0;
renderer.render(scene, camera);
};
animate();
Raw
scripts
<script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js"></script>
Raw
style.css
canvas { width: 100%; height: 100% }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment