Тема: Как добавить 3D модели в игру?

Привет, я начал делать игру и потребовалось добавить 3D модели. Оказалось, что это очень сложно.
Создавать простые геометрические фигуры оказалось, очень просто. А с моделями много возни.
Если, кто делал, подкиньте информации.

Screenshot_1.jpg

Спасибо. <3

Вот код:

PluginManager.setup($plugins);
window.onload = function () {
SceneManager.run(Scene_Boot);

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer({ alpha: true } );
renderer.setSize(window.innerWidth, window.innerHeight);

renderer.setClearColor( 0x000000, 0 ); // the default

renderer.domElement.style.zIndex = 10;
renderer.domElement.style.position = "absolute";
renderer.domElement.style.left = 0;
renderer.domElement.style.top = 0;

// style="position: absolute; left: 0; top: 0;

document.body.appendChild(renderer.domElement);

var geometry = new THREE.BoxGeometry( 1, 1, 1 ); // Создать кубик 1 на один на один
// var material = new THREE.MeshPhongMaterial( { color: 0x6F6CC5, specular: 0x555555, shininess: 30 } );

// var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var material = new THREE.MeshLambertMaterial( { color: 0xffffff, overdraw: 0.5 } ); // Сделать куби цветным
var cube = new THREE.Mesh( geometry, material ); // Сделать что-то с кубиком
scene.add( cube ); // Очень важно дабавить кубик, чтобы было его видно, очень важна

// var light = new THREE.AmbientLight( 0x404040 ); // soft white light
// scene.add( light );

scene.add( new THREE.AmbientLight( Math.random() * 0x202020 ) );

var directionalLight = new THREE.DirectionalLight( Math.random() * 0xffffff );
directionalLight.position.x = Math.random() - 0.5;
directionalLight.position.y = Math.random() - 0.5;
directionalLight.position.z = Math.random() - 0.5;
directionalLight.position.normalize();
scene.add( directionalLight );

var pointLight = new THREE.PointLight( 0xffffff, 1 );
scene.add( pointLight );

camera.position.z = 5; // Как-то сдвинуть экран, чтобы было хорошо, с -5 всё плохо

function render() {
requestAnimationFrame( render );

cube.rotation.x += 0.1; // Двигать кубик
cube.rotation.y += 0.1;

renderer.render( scene, camera );
}

render();
};

https://www.babylonjs.com

Сообщение от Unnamed17

Привет, я начил делать игру пра сталкера и захатале добавить 3D мадели. У меня получился зелёный кубик.
Но как добавить модели и ещё анемацию? Вада тоже работает, могу паказать.

Я смог загрузить 3D кубик, но как загрузить модели, ищё мне нужна анимацея.

Screenshot_1.jpg

Спасиба.

Вы используете библиотеку Three.js. Насколько я знаю, здешние форумчане не использовали её в своих играх (поправьте, если я ошибаюсь?), поэтому Вы первопроходец в этом направлении. Поздравляю! Однако это значит и то, что если у Вас появятся вопросы про Three.js, тут Вам на них могут не ответить: лучше задавать их на форумах, посвящённых этой библиотеке, или на StackOverflow.

Я с Three.js не работал, однако вижу, что в ней есть класс BufferGeometryLoader — он позволяет загрузить геометрию объектов в собственном формате на основе JSON. Пример формата можно посмотреть здесь: https://github.com/mrdoob/three.js/w...metry-format-4. Вероятно, Вам нужно будет сначала конвертировать модель из своего формата в формат геометрии Three.js. К сожалению, я не работал с Three.js, поэтому не могу рассказать Вам подробнее, как это делается.

Сообщение от Naarassusi

https://www.babylonjs.com

Судя по коду, Unnamed17 уже использует Three.js, которая схожа по функциональности с Babylon.js.