three.js加载外部模型
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>model</title>
<script type="text/javascript" src="./js/three.js"></script>
<script type="text/javascript" src="./js/OBJLoader.js"></script>
</head>
<body>
<script>
var camera,renderer,scene,cube,mesh;
start();
function start(){
init();
render();
}
function init(){
camera = new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);
camera.position.z=8;
camera.lookAt({
x : 0,
y : 0,
z : 0
});
renderer=new THREE.WebGLRenderer({antialias : true});
renderer.setClearColor(0x000000);
renderer.setSize(window.innerWidth, window.innerHeight);
scene=new THREE.Scene();
document.body.appendChild(renderer.domElement);
var geometry = new THREE.CubeGeometry(1,1,1);
var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
cube = new THREE.Mesh(geometry, material);
cube.position.x=-5;
cube.position.y=5;
scene.add(cube);
var loader = new THREE.OBJLoader();
loader.load(
'./img/ng.obj',
function ( object ) {
scene.add( object );
}
);
}
function render(){
requestAnimationFrame(render);
cube.rotation.y += 0.02;
renderer.render(scene, camera);
}
</script>
</body>
</html>
为何总是报 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
用的R79版本