object set(drum)
only setting
by pkin159
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r70/three.min.js"></script>
<script src="https://dl.dropboxusercontent.com/u/3587259/Code/Threejs/OrbitControls.js"></script>
<script src="https://pkin159.github.io/project/js/dat.gui.min.js"></script>
JavaScript
var camera, scene, renderer, light, controls;
var poschair = new THREE.Vector3(0, 10, 0), velchair = new THREE.Vector3(0, 0, 0);
var posbass = new THREE.Vector3(15,75,-185);
var poshihat = new THREE.Vector3( -150, 120, -150);
var possnare = new THREE.Vector3( -75,110, -90);
init();
animate();
function init() {
scene = new THREE.Scene();
renderer = new THREE.WebGLRenderer({
antialias: true
});
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0x888888);
var gridXZ = new THREE.GridHelper(200, 20);
gridXZ.setColors(new THREE.Color(0xff0000), new THREE.Color(0x000000));
scene.add(gridXZ);
drumSet();
chairSet();
hithatSet();
bassbrumSet();
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
camera.position.y = 80;
camera.position.z = 400;
camera.lookAt(new THREE.Vector3(0, 0, 0));
controls = new THREE.OrbitControls(camera, renderer.domElement);
var ambientLight = new THREE.AmbientLight(0x555555);
scene.add(ambientLight);
var light = new THREE.PointLight(0xffffff, 1, 0);
light.position.set(300, 300,300);
scene.add(light);
var light2 = new THREE.PointLight(0xffffff, 1, 0);
light2.position.set(-300, -300, -300);
scene.add(light2);
document.body.appendChild(renderer.domElement);
}
function drumSet() {
var drum = new THREE.Object3D();
var extrudeSettings = {
amount: 12,
steps: 1,
bevelEnabled: false,
curveSegments: 128
};
var arcShape = new THREE.Shape();
arcShape.absarc(0, 5, 5, 0, Math.PI * 2, 0, false);
var holePath = new THREE.Path();
holePath.absarc(0, 5, 4.8, 0, Math.PI * 2, true);
arcShape.holes.push(holePath);
var geometry = new THREE.ExtrudeGeometry(arcShape, extrudeSettings);
/////////////////////////////////////////////////////////////////////
material = new THREE.MeshPhongMaterial({
...