0
閱讀文章:。但是 http://architects.dzone.com/articles/combining-threejs-and結合kinetic.js和three.js af kinetic.js v 5?
看來大公kinetic.js經過V 5->該解決方案不工作了。 有沒有人能找到解決方法?
最好的問候,並感謝您
延
閱讀文章:。但是 http://architects.dzone.com/articles/combining-threejs-and結合kinetic.js和three.js af kinetic.js v 5?
看來大公kinetic.js經過V 5->該解決方案不工作了。 有沒有人能找到解決方法?
最好的問候,並感謝您
延
three.js所使用的canvas元素 所以使用jQuery來獲取由kineti.js階段使用的帆布如以下的代碼。
<script>
var camera, scene, renderer, geometry, material, mesh;
var stage, layer3D, layerGUI;
var animating = true;
function init() {
stage = new Kinetic.Stage({container: "container", width: 700, height: 700});
layer3D = new Kinetic.Layer();
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(75, 600/600, 1, 10000);
camera.position.z = 1000;
scene.add(camera);
geometry = new THREE.CubeGeometry(200, 200, 200);
material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true });
mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
stage.add(layer3D);
var canvas= layer3D.getCanvas();
canvas = $("#container canvas").get(0);
console.log(canvas);
console.log(layer3D);
renderer = new THREE.CanvasRenderer({ canvas: canvas });
renderer.setSize(700, 700);
var group = new Kinetic.Group({ draggable: true });
layerGUI = new Kinetic.Layer();
layerGUI.add(group);
stage.add(layerGUI);
render();
}
function animate() {
// note: three.js includes requestAnimationFrame shim
requestAnimationFrame(animate);
render();
}
function render() {
if (animating) {
mesh.rotation.x += 0.01;
mesh.rotation.y += 0.02;
}
renderer.render(scene, camera);
layerGUI.draw();
}
$(function() {
init();
animate();
});
</script>
這裏帆布= $( 「#集裝箱帆布」)得到(0);用於獲取kinetic.js容器的畫布。