gpt4 book ai didi

javascript - 我不知道 jquery 可能出了什么问题?

转载 作者:行者123 更新时间:2023-12-03 09:45:51 24 4
gpt4 key购买 nike

我不知道出了什么问题,有人可以帮助我吗?当我尝试在 Chrome 上加载它时,它只是白色屏幕,并且代码通常位于自己的文件中,当我发现问题所在时,它只会加载一个白色页面,我正在尝试在帮助下加载一个立方体来自 jquery 和 Three.js

<!DOCTYPE HTML>
<html>
<head>
<title>THREE</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/three.js"></script>

<style>
body{
margins:0;
overflow:hidden;
}
</style>
</head>

<body>

<div id="container"></div>
<script>
$(document).ready(function(){}

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, .1, 500);
var renderer = new THREE.WebGLRenderer();

renderer.setColor(0xdddddd);
renderer.setSize(window.innerWidth, window.innerHeight);

var axis = new THREE.AxisHelper(10);
scene.add(axis);

var grid = new THREE.GridHelper(50, 5);
var color = new Color("rgb(255, 0, 0)");
grid.setColors(color, 0x000000);

//scene.add(grid);

var cubeGeo = new THREE.BoxGeometry(5, 5, 5);
var cubeMat = new THREE.MeshBasicMaterial({color:0xdddddd, wireframe:true});
var cube = new THREE.Mesh(cubeGeo, cubeMat);


cube.position.x = 0;
cube.position.y = 0;
cube.position.z = 0;
scene.add(cube);

camera.position.x = 40;
camera.position.y = 40;
camera.position.z = 40;

camera.lookAt(scene.position);
$("#container").append(renderer.domElement);
renderer.render(scene,camera);
});

</script>

</body>

</html>

最佳答案

从中删除右括号:

    $(document).ready(function(){

删除这一行,setColor似乎不是THREE.WebGLRenderer的方法:

    renderer.setColor(0xdddddd);

更改:

     var color = new Color("rgb(255, 0, 0)");

至:

     var color = new THREE.Color("rgb(255, 0, 0)");

关于javascript - 我不知道 jquery 可能出了什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31036063/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com