我正在尝试为 Three.js 编写一个代码，它使用天空盒，它是一个立方体，每一面都有一张图片，但立方体没有显示，当我运行文件时只显示黑屏。我认为问题出在 dev 或three.min.js 脚本中。但是，我将开发脚本用于我以前的工作，但由于某种原因，它不适用于此特定文件。<!DOCTYPE html><html> <head> <meta charset=utf-8> <link rel="stylesheet" type="text/css" href="bad.css" /> <title>My first three.js app</title> </head> <body> <script src="three.min.js"></script> <script src="https://raw.githack.com/mrdoob/three.js/dev/build/three.js"></script> <script src = "OrbitControls.js"></script> <script> // Our Javascript will go here. let scene, camera, renderer; function init() { scene = new THREE.Scene(); camera = new THREE.PerspectiveCamera(55,window.innerWidth/window.innerHeight,45,30000); camera.position.set(-900,-200,-900); renderer = new THREE.WebGLRenderer({antialias:true}); renderer.setSize(window.innerWidth,window.innerHeight); document.body.appendChild(renderer.domElement); let controls = new THREE.OrbitControls(camera); controls.addEventListener('change', renderer); controls.minDistance = 500; controls.maxDistance = 1500; let materialArray = []; let texture_ft = new THREE.TextureLoader().load( 'arid2_ft.jpg'); let texture_bk = new THREE.TextureLoader().load( 'arid2_bk.jpg'); let texture_up = new THREE.TextureLoader().load( 'arid2_up.jpg'); let texture_dn = new THREE.TextureLoader().load( 'arid2_dn.jpg'); let texture_rt = new THREE.TextureLoader().load( 'arid2_rt.jpg'); let texture_lf = new THREE.TextureLoader().load( 'arid2_lf.jpg');我得到的结果只是一个黑屏，但它应该是一个天空盒，它是一个每边都有图片的立方体。
添加回答
举报
0/150
提交
取消