Здравствуйте, не могу понять, почему у меня не работает код вот сам код:
index.js:
$(function() {
var scene = THREE.Scene();
var camera = THREE.PerspectiveCamera(45,window.innerWidth / window.innerHeight, 1, 1000);
var render = THREE.WebGLRenderer();
init();
function init() { // иницилизация всего и вся
var obj = new THREE.BoxGeometry(1, 1, 1);
var materialForBox = new THREE.MeshBasicMaterial({color: 0xFFC618});
var mesh = new THREE.Mesh(obj, materialForBox);
scene.add(mesh);
camera.position.x = 30;
mesh.position.x = 20;
$(".WebGL-output").append(render.domElement);
render.render(scene, camera);
}
});
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3D GUI меню для умного дома</title>
<script src="Assets/libs/jquery.js"></script>
<script src="Assets/libs/three.js"></script>
<link rel="stylesheet" href="Assets/css/index.css">
<script src="Assets/js/index.js"></script>
</head>
<body>
<div id="WebGL-output"></div>
</body>
</html>
Выдает при загрузке следующую ошибку:
jquery.js:3855 Uncaught TypeError: Cannot redefine property: id
Что делать?
P.S если убираю из проекта jquery то выдает такую же ошибку только уже с либой three.js
