[英]ThreeJs Texture wont appear
我想将 ThreeJs 中的纹理添加到一个盒子中。 我不明白我做错了什么,在 chrome 和 internet exp 中它不起作用。
<script src="three.min.js"></script>
<script src="OrbitControls.js"></script>
<script>
//Scene aanmaken
var scene = new THREE.Scene();
//Camera
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
//Render instellen
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0x000000);
document.body.appendChild(renderer.domElement)
//Camera positie
camera.position.z = 30;
camera.position.y = 10;
//Orbit control aanroepen, voor rond te kijken in de scene
var controls = new THREE.OrbitControls(camera, renderer.domElement);
var tafelGeometry = new THREE.BoxGeometry(20,1,40);
//Texture
var tableMaterials = new THREE.MeshBasicMaterial( {map: THREE.ImageUtils.loadTexture( "laken.jpg" ),side: THREE.DoubleSide} );
var tafel = new THREE.Mesh(tafelGeometry,tableMaterials);
scene.add(tafel);
function render()
{
requestAnimationFrame(render);
renderer.render(scene,camera);
controls.update();
}
render();
我希望有人可以帮助我。 亲切的问候帕特里克
我认为您在加载纹理时遇到了问题。 确保纹理已完美加载并且您没有收到以下错误:
XMLHttpRequest 无法加载文件:/Desktop/Three.js/abc.jpg。 跨源请求仅支持以下协议方案:http、data、chrome、chrome-extension、https、chrome-extension-resource。
如果您通过制作网站使用一些网络编辑器(即视觉工作室)检查上述问题。
出于安全原因,Chrome 会阻止加载纹理。 尝试使用以下命令打开 chrome(在 Windows 中):
.\chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security
(但不要访问其他网站)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.