Three.js 纹理贴图在WebGL示例中显示为黑色

Three.js 纹理贴图在WebGL示例中显示为黑色,three.js,webgl,Three.js,Webgl,我正在使用电子书指南“WebGL启动和运行”来学习WebGL。电子书在GitHub上有一个附带的存储库来运行一些示例。当我运行这些示例时,它们工作良好(动画、形状、相机移动等),但纹理不正确(大多数显示为黑色,而其他则不显示在浏览器中)。问题不在于代码(我想),因为从GitHub下载后我就没有碰过它。 《指南》中唯一一条我没有遵循的指示是一段话: “最后,将所有这些都放到web服务器上。为了使本书中的大多数示例正常工作,您需要为页面提供服务。我在MacBook上运行了标准LAMP堆栈的本地版本…

我正在使用电子书指南“WebGL启动和运行”来学习WebGL。电子书在GitHub上有一个附带的存储库来运行一些示例。当我运行这些示例时,它们工作良好(动画、形状、相机移动等),但纹理不正确(大多数显示为黑色,而其他则不显示在浏览器中)。问题不在于代码(我想),因为从GitHub下载后我就没有碰过它。 《指南》中唯一一条我没有遵循的指示是一段话:

“最后,将所有这些都放到web服务器上。为了使本书中的大多数示例正常工作,您需要为页面提供服务。我在MacBook上运行了标准LAMP堆栈的本地版本……但您真正需要的只是LAMP的“a”部分(即Apache等web服务器)。”

我不知道web服务器在这种情况下做什么,也不知道如何安装它。这可能是问题所在吗?如果是这样,请帮助我开始使用web服务器。如果不是,还有什么会导致示例模型无法正确渲染


当我运行所有这些示例时,效果都很好。

官方
three.js
文档中实际上有一个指南,解释了如何在本地运行,以避免浏览器中出现安全问题。尝试一下
node.js
解决方案,看看它是否解决了您的问题:如果您对命令行不满意,您也可以使用@Mugen87-您是对的,这就是问题所在。我是通过gman推荐的Servez来管理的。谢谢。@gman-Servez施了魔法。谢谢