Question

由于某些原因，此代码不会调用＆＃39; createScene（）;＆＃39;在index.html中。我可能会忽略一些非常简单的事情，因为我是JS的新手，但我还没能找到任何东西。

的index.html

<html>
<head>
    <title>Pallidity</title>

    <script type = "text/javascript" src="Javascript/scene.js"></script> 

    <style type ="text/css">
    BODY
    {
        Margin: 0;
    }

    canvas
    {
        width: 100%;
        height:100%;
    }
    </style>
</head>
<body>

<script type="text/javascript">
    createScene();
</script>


</body>

scene.js：

function createScene(){
       <script src="Libraries/three.min.js"></script>
        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.innerWidth, window.innerHeight );
        document.body.appendChild( renderer.domElement );
        //Bare minmum to render


        var geometry = new THREE.BoxGeometry( 1, 1, 1 );
        var material = new THREE.MeshBasicMaterial( { color: 0x045f00 } );
        var cube = new THREE.Mesh( geometry, material );
        scene.add( cube );

        camera.position.z = 5;

        var render = function () {
            requestAnimationFrame( render );

            cube.rotation.x += 0.1;
            cube.rotation.y += 0.1;

            renderer.render(scene, camera);
        };

        render();
}

Answer 1

您有一个html元素（脚本标记）作为createScene函数的第一行。这不是有效的JavaScript，因此该函数基本上不存在。这就是为什么它没有定义。

您可能希望HTML文件中的这一行就在scene.js脚本标记之前。

无法从HTML文件中执行JS功能

1 个答案: