如何解决如何在threejs中添加gltf模型?
我正在寻找一种方法,如何将此模型添加到我的页面。现在,我只有一个没有眩光的黑色瓶子。当我上传此模型时,我无法向瓶子添加颜色和其他。我已经添加了一些代码。 [1]:https://i.stack.imgur.com/mhLpV.jpg [2]:https://imgur.com/a/1lN4WJa
var camera,scene,renderer;
init();
function init() {
scene = new THREE.Scene();
directionalLight = new THREE.DirectionalLight(0xffffff,100);
directionalLight.position.set(0,1,0);
directionalLight.castShadow = true;
scene.add(directionalLight);
scene.add(light4);
camera = new THREE.PerspectiveCamera(40,window.innerWidth / window.innerHeight,500);
camera.position.x = 1;
camera.position.y = 1.5;
camera.position.z = 2;
scene.add(camera);
renderer = new THREE.WebGLRenderer({
antialias: true
});
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth,window.innerHeight);
document.body.appendChild(renderer.domElement);
var loader = new THREE.GLTFLoader();
loader.load('../ws_r_2-3.glb',function(gltf) {
gltf.scene.position.y = 0;
scene.add(gltf.scene);
render();
});
var controls = new THREE.OrbitControls(camera,renderer.domElement);
controls.addEventListener('change',render);
controls.update();
window.addEventListener('resize',onWindowResize,false);
}
function onWindowResize() {
renderer.setSize(window.innerWidth,window.innerHeight);
render();
}
function render() {
renderer.render(scene,camera);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。