jsblend
Version:
A Blender to Javascript File Reader
48 lines (40 loc) • 1.46 kB
HTML
<html>
<head>
<title>JS.BLEND Example</title>
<script type="text/javascript" src="./build/js.blend.js"></script>
<script type="text/javascript" src="./example/three.js"></script>
<script type="text/javascript" src="./example/orbit_controls.js"></script>
</head>
<body>
<script type="text/javascript">
//threes js code
var scene = new THREE.Scene();
scene.background = new THREE.Color(0.5, 0.2, 0.5);
var camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 0.1, 100);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
function render() {
renderer.render(scene, camera);
}
//camera.rotation.y = 90;
camera.position.z = 10;
controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.addEventListener('change', render); // remove
controls.enableZoom = true;
var light = new THREE.PointLight(0xFFFFFF, 0.8, 1000);
light.position.set(0, 0, 10);
//scene.add(light);
var light = new THREE.PointLight(0xFFFFFF, 0.8, 0);
light.position.set(0, 0, -10);
//scene.add(light);
JSBLEND('./example/test.blend').then((blend) => {
blend.three.loadScene(scene);
render();
}).catch((error)=>{
console.log(error);
});
</script>
</body>
</html>