これは奇妙です..
ディレクトリ「brick」に three.js をダウンロードしました。
これにより、サブディレクトリが作成されます。
brick/three.js/
私が行くとき
brick/three.js/examples
そしてFirefoxでファイルを開きます
brick/three.js/examples/webgl_geometry_cube.html
素敵な回転キューブが表示されます。次に、それ (つまり、brick/three.js/examples/webgl_geometry_cube.html) をディレクトリ 'brick' にコピーし、それに応じて、新しいbrick/webgl_geometry_cube.html の three.min.js 参照を、brick/webgl_geometry_cube に変更します。 html が機能しません - Firefox で開いたときにキューブが表示されません。
webgl_geometry_cube.html の three.min.js 参照について、より具体的に説明させてください。brick/three.js/examples/webgl_geometry_cube.html の上部は次のようになります。
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - geometry - cube</title>
<meta charset="utf-8">
<style>
body {
margin: 0px;
background-color: #000000;
overflow: hidden;
}
</style>
</head>
<body>
<script src="../build/three.min.js"></script>
<script>
var camera, scene, renderer;
var mesh;
にコピーすると
brick/webgl_geometry_cube.html
ラインを変えます
<script src="../build/three.min.js"></script>
に:
<script src="three.js/build/three.min.js"></script>
開いて、この新しい参照が実際に機能することを確認します
brick/webgl_geometry_cube.html
Firefox で [ソースを表示] を選択し、ソースで three.min.js への参照に従います。three.min.js のソース コードを見せていただければ (私もそうです)、うれしいです。
しかし、移動したファイルを Firefox で開くと、キューブが回転しないのはなぜでしょうか? 私は困惑しています。webgl_geometry_cube.html には、他のパス依存の参照はないようです。webgl_geometry_cube.html の完全なソース コードは、次の場所で確認できます。
Github の webgl_geometry_cube.html
また、これをデバッグするにはどうすればよいですか? 2 つのファイルが実行中に分岐する場所を確認するために、コードの何らかのステップスルーを行うことはできますか?