[英]ThreeJs Texture wont appear
I want to add a texture in ThreeJs to a box.我想将 ThreeJs 中的纹理添加到一个盒子中。 I dont see what I do wrong, in chrome and internet exp it dont work.
我不明白我做错了什么,在 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();
I hope someone can help me.我希望有人可以帮助我。 Kind Regards Patrick
亲切的问候帕特里克
I think you have problem with loading textures.我认为您在加载纹理时遇到了问题。 Be sure textures are loaded perfectly and you didn't got the following error:
确保纹理已完美加载并且您没有收到以下错误:
XMLHttpRequest cannot load file:/Desktop/Three.js/abc.jpg.
XMLHttpRequest 无法加载文件:/Desktop/Three.js/abc.jpg。 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
跨源请求仅支持以下协议方案:http、data、chrome、chrome-extension、https、chrome-extension-resource。
If you got the above problem check using some web-editor (ie visual studio) by making Website.如果您通过制作网站使用一些网络编辑器(即视觉工作室)检查上述问题。
Chrome prevents from loading the textures for security reasons.出于安全原因,Chrome 会阻止加载纹理。 Try to open chrome (in Windows) with:
尝试使用以下命令打开 chrome(在 Windows 中):
.\chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security
(but don't visit other sites with that) (但不要访问其他网站)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.