7
Tôi đã tạo đoạn mã này ... (javascript)Three.js - Tạo hoạt ảnh xoay?
Bây giờ chúng tôi có một quả cầu màu đỏ trên màn hình ... câu hỏi là làm thế nào để làm cho nó quay vòng?
var camera, cảnh, trình kết xuất, mouseX = 0, mouseY = 0;
var hình học, vật liệu, lưới;
init();
function init() {
// Camera params :
// field of view, aspect ratio for render output, near and far clipping plane.
camera = new THREE.Camera(75, window.innerWidth/window.innerHeight, 1, 1000);
// move the camera backwards so we can see stuff!
// default position is 0,0,0.
camera.position.z = 300;
// the scene contains all the 3D object data
scene = new THREE.Scene();
// and the CanvasRenderer figures out what the
// stuff in the scene looks like and draws it!
renderer = new THREE.CanvasRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
// the renderer's canvas domElement is added to the body
document.body.appendChild(renderer.domElement);
// creating shapes
makeShapes();
// add the mouse move listener
document.addEventListener('mousemove', onMouseMove, false);
// render 30 times a second (should also look
// at requestAnimationFrame)
setInterval(update,1000/30);
}
function update(){
updateParticles();
// and render the scene from the perspective of the camera
renderer.render(scene, camera);
}
function makeShapes() {
// create a sphere shape
geometry = new THREE.SphereGeometry(50, 16, 16);
// give a shape red color
material = new THREE.MeshLambertMaterial({color: 0xFF1111});
// create an object
mesh = new THREE.Mesh(geometry, material);
mesh.position.x = 0;
// add it to the scene
scene.addObject(mesh);
}
function updateParticles(){
}
// called when the mouse moves
function onMouseMove(event) {
// store the mouseX and mouseY position
mouseX = event.clientX;
mouseY = event.clientY;
}
Nhờ giao phối !!! Nó đã giúp tôi rất nhiều! Tôi có một câu hỏi khó khăn cho bạn ... Bây giờ tôi đã thiết lập 5 lĩnh vực trên cảnh của tôi ... Bạn có bất kỳ ý tưởng làm thế nào tôi có thể làm cho họ kéo? Và có bất kỳ tài liệu nào về three.js ngoại trừ http://threejs.org/io/s/? – BorisD
Tham chiếu chính thức là ở đây: https://github.com/mrdoob/three.js/wiki/API-Reference – pradeek
Đối với việc kéo đối tượng, hãy xem ví dụ sau: http://mrdoob.github.com/three.js /examples/webgl_interactive_draggablecubes.html. Mã nguồn khá dễ đọc. – pradeek