three js rotating cylinder
by Thanos Saringelos
JavaScript
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 1000, window.innerWidth / window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
var geometry = new THREE.CylinderGeometry( 7,7, 60, 12, 2, true );
var material = new THREE.MeshBasicMaterial( { color: 0xfffff , wireframe: true} );
var cylinder = new THREE.Mesh( geometry, material );
cylinder.rotation.x = Math.PI/2;
cylinder.position.y = -8.631;
scene.add( cylinder );
console.log(cylinder.geometry.vertices.length);
camera.position.z = 50;
const size = 10;
const divisions = 10;
const gridHelper = new THREE.GridHelper( size, divisions );
scene.add( gridHelper );
function render() {
requestAnimationFrame(render);
renderer.render(scene, camera);
}
render();