首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >OBJLoader不是构造函数

OBJLoader不是构造函数
EN

Stack Overflow用户
提问于 2018-10-01 13:33:22
回答 1查看 2K关注 0票数 1

我想用.obj显示一个THREE.js文件。

在加载.obj文件之前,我希望加载我在index.html文件中链接的OBJLoader.js文件。

代码语言:javascript
复制
<html>
<head>
    <meta charset="utf-8"/>
    <title>OBJ Car rendering</title>
    <style>
        body {margin: 0%}
        canvas { width: 100%; height: 100%;}
    </style>
</head>
<body>
    <script src="js/three.js"></script>
    <script src="scripts.js"></script>
    <script src="OBJLoader.js"></script>
</body>
</html>

另一个代码是scripts.js文件。

代码语言:javascript
复制
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerHeight, window.innerWidth);
document.body.appendChild(renderer.domElement);

var objloader = new THREE.OBJLoader();

//game logic
var update = function()
{

};
//draw scene
var render = function()
{
    renderer.render(scene,camera);
};  
//run game loop, update, render, repeat
var GameLoop = function()
{
    requestAnimationFrame(GameLoop);
    update();
    render();
};
GameLoop();

但是,如果我在浏览器中打开index.html文件,它会给出一个错误:

THREE.OBJLoader不是构造函数

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-01 13:53:10

我回答了我自己的问题:

这是连接这些东西的命令!

代码语言:javascript
复制
<html>
    <head>
        <meta charset="utf-8"/>
        <title>OBJ Car rendering</title>
        <style>
            body {margin: 0%}
            canvas { width: 100%; height: 100%;}
        </style>
    </head>
    <body>
        <script src="js/three.js"></script>
        <script src="OBJLoader.js"></script>  
        <script src="scripts.js"></script>

    </body>
</html>

OBJLoader必须在脚本之前加载!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52592343

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档