THREE.js似乎无法在localhost服务器上运行

时间:2013-07-28 14:43:23

标签: three.js

我刚刚开始使用THREE并遇到了一些奇怪的失败,我认为这些失败归因于localhost / same-origin-poicy。

简而言之,我使用Blender中的骨架创建了自己的动画,并使用three.js导出器插件导出。模型显示但动画未运行。

我使用online skinning animation example作为代码的基础,并且认为我可能错误地删除了导致其失败的某些代码但是在找了几个小时后我得出结论我没有'扯出任何不正确的东西......

要测试示例代码是否在本地工作,我复制了online skinning animation example代码,包括buffalo.js / png文件,将映射的文件引用修改为我的本地副本,并尝试在本地IIS服务器中运行它我得到的只是统计数据而没有动画或模型。

我检查了firebug控制台,只有一个折旧警告没有错误。我还检查了我的模型和代码,没有任何错误或警告......

之前有过这方面的经历吗? (我在chrome / firefox中测试过都有相同的行为)

很高兴发布代码,但JSONLoader(ed)模型非常庞大。

谢谢(对于这个SO问题的长篇大论而感到抱歉)

2 个答案:

答案 0 :(得分:4)

在本地计算机上运行时,您是否尝试过此Wiki页面上的步骤?的 How to run things locally

页面上的一个示例表明:chrome --allow-file-access-from-files

您的问题可能与导出过程中采取的步骤有关。没有确切的错误或屏幕截图,很难知道问题的来源。需要注意的事项:

  • 您的模型是在第一帧导出的吗?
  • 您是否拥有Blender的最新.py导出插件?
  • 使用最新版本的Three.js
  • 尝试使用THREE.SkinnedMesh

以下文章简要概述了Three.js中动画网格的内容: Skeletal Animation

第二篇文章提供了更详细的教程,并在页面底部提供了示例代码: Skeletal Animation +1

答案 1 :(得分:1)

为了排除相同的原始策略,您可以实际禁用Chrome启动时使用的安全检查,方法是将其添加到快捷方式属性的目标窗口中      - 禁用网络的安全性

请点击此处了解详情:Disable same origin policy in Chrome