Ошибка типа: вершины не определены - экспортер three.js для Blender
1
Не удалось загрузить файл JSON, созданный экспортером three.js для Blender, который поставляется с тэгом. Js r.86.
Настройка выполнена без проблем. Чтобы проверить этот экспортер, я открываю Blender, и я использую безымянный файл Blender, содержащий куб:
Экспортируя его без каких-либо настроек, он создает следующий файл JSON:
{
"metadata":{
"generator":"io_three",
"normal":36,
"position":36,
"version":3,
"type":"BufferGeometry"
},
"data":{
"index":{
"array":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35],
"itemSize":1,
"type":"Uint16Array"
},
"attributes":{
"normal":{
"array":[-7.10543e-15,-1,2.98023e-08,-7.10543e-15,-1,2.98023e-08,-7.10543e-15,-1,2.98023e-08,7.10543e-15,1,-2.98023e-08,7.10543e-15,1,-2.98023e-08,7.10543e-15,1,-2.98023e-08,1,-2.38419e-07,7.10543e-15,1,-2.38419e-07,7.10543e-15,1,-2.38419e-07,7.10543e-15,-5.96046e-08,-2.98023e-07,1,-5.96046e-08,-2.98023e-07,1,-5.96046e-08,-2.98023e-07,1,-1,-1.49012e-07,-2.38419e-07,-1,-1.49012e-07,-2.38419e-07,-1,-1.49012e-07,-2.38419e-07,2.38419e-07,1.78814e-07,-1,2.38419e-07,1.78814e-07,-1,2.38419e-07,1.78814e-07,-1,-1.77636e-15,-1,2.98023e-08,-1.77636e-15,-1,2.98023e-08,-1.77636e-15,-1,2.98023e-08,1.5099e-14,1,-2.98023e-08,1.5099e-14,1,-2.98023e-08,1.5099e-14,1,-2.98023e-08,1,3.27825e-07,5.66244e-07,1,3.27825e-07,5.66244e-07,1,3.27825e-07,5.66244e-07,-5.0664e-07,1.49012e-07,1,-5.0664e-07,1.49012e-07,1,-5.0664e-07,1.49012e-07,1,-1,-1.19209e-07,-2.08616e-07,-1,-1.19209e-07,-2.08616e-07,-1,-1.19209e-07,-2.08616e-07,2.38419e-07,1.78814e-07,-1,2.38419e-07,1.78814e-07,-1,2.38419e-07,1.78814e-07,-1],
"itemSize":3,
"type":"Float32Array"
},
"position":{
"array":[1,-1,-1,-1,-1,1,-1,-1,-1,-1,1,-1,0.999999,1,1,1,1,-1,1,1,-1,1,-1,1,1,-1,-1,0.999999,1,1,-1,-1,1,1,-1,1,-1,-1,1,-1,1,-1,-1,-1,-1,1,-1,-1,-1,1,-1,1,1,-1,1,-1,-1,1,-1,1,-1,-1,1,-1,1,-1,-1,1,1,0.999999,1,1,1,1,-1,0.999999,1,1,1,-1,1,0.999999,1,1,-1,1,1,-1,-1,1,-1,-1,1,-1,1,1,-1,1,-1,1,-1,-1,-1,-1,-1,-1,1,-1],
"itemSize":3,
"type":"Float32Array"
}
}
}
}
Я загрузил файл JSON на сервер и с базовой настройкой попытался загрузить его в сцену:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My first three.js app</title>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body { margin: 0; }
canvas { width: 100%; height: 100% }
</style>
</head>
<body>
<script src="assets/js/three.js"></script>
<script>
/* Scene
*/
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 );
var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );
camera.position.z = 5;
cube.rotation.x = 2;
cube.rotation.y = 2;
renderer.render(scene, camera);
/* Load the JSON
*/
var loader = new THREE.JSONLoader();
loader.load(
'https://www.example.com/blender-cube.json',
function ( geometry, materials ) {
var material = materials[ 0 ];
var object = new THREE.Mesh( geometry, material );
scene.add( object );
}
);
</script>
</body>
</html>
С помощью вышеприведенного кода я получаю зеленый куб, извлеченный из примера страницы ⇗ но когда вы достигаете Load the JSON части Load the JSON ⇗ на консоли браузера отображается следующая ошибка:
ТипError: вершины не определены
Three.js: 33296.5
Указанная линия ошибок находится внутри функции parseModel( json, geometry ).
Мне кажется, что экспортер three.js для Blender пропускает что-то при создании JSON файла. Функция parseModel() ожидает свойство vertices не присутствующее в сгенерированном файле JSON.
Рабочий фрагмент с небольшой настройкой для Load the JSON части Load the JSON, чтобы иметь JSON файл в переменной JavaScript:
/* Scene
*/
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);
var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({
color: 0x00ff00
});
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
camera.position.z = 5;
cube.rotation.x = 2;
cube.rotation.y = 2;
renderer.render(scene, camera);
/* Load the JSON
*/
var loader = new THREE.JSONLoader();
var blenderCubeObject = {
"metadata": {
"generator": "io_three",
"normal": 36,
"position": 36,
"version": 3,
"type": "BufferGeometry"
},
"data": {
"index": {
"array": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35],
"itemSize": 1,
"type": "Uint16Array"
},
"attributes": {
"normal": {
"array": [-7.10543e-15, -1, 2.98023e-08, -7.10543e-15, -1, 2.98023e-08, -7.10543e-15, -1, 2.98023e-08, 7.10543e-15, 1, -2.98023e-08, 7.10543e-15, 1, -2.98023e-08, 7.10543e-15, 1, -2.98023e-08, 1, -2.38419e-07, 7.10543e-15, 1, -2.38419e-07, 7.10543e-15, 1, -2.38419e-07, 7.10543e-15, -5.96046e-08, -2.98023e-07, 1, -5.96046e-08, -2.98023e-07, 1, -5.96046e-08, -2.98023e-07, 1, -1, -1.49012e-07, -2.38419e-07, -1, -1.49012e-07, -2.38419e-07, -1, -1.49012e-07, -2.38419e-07, 2.38419e-07, 1.78814e-07, -1, 2.38419e-07, 1.78814e-07, -1, 2.38419e-07, 1.78814e-07, -1, -1.77636e-15, -1, 2.98023e-08, -1.77636e-15, -1, 2.98023e-08, -1.77636e-15, -1, 2.98023e-08, 1.5099e-14, 1, -2.98023e-08, 1.5099e-14, 1, -2.98023e-08, 1.5099e-14, 1, -2.98023e-08, 1, 3.27825e-07, 5.66244e-07, 1, 3.27825e-07, 5.66244e-07, 1, 3.27825e-07, 5.66244e-07, -5.0664e-07, 1.49012e-07, 1, -5.0664e-07, 1.49012e-07, 1, -5.0664e-07, 1.49012e-07, 1, -1, -1.19209e-07, -2.08616e-07, -1, -1.19209e-07, -2.08616e-07, -1, -1.19209e-07, -2.08616e-07, 2.38419e-07, 1.78814e-07, -1, 2.38419e-07, 1.78814e-07, -1, 2.38419e-07, 1.78814e-07, -1],
"itemSize": 3,
"type": "Float32Array"
},
"position": {
"array": [1, -1, -1, -1, -1, 1, -1, -1, -1, -1, 1, -1, 0.999999, 1, 1, 1, 1, -1, 1, 1, -1, 1, -1, 1, 1, -1, -1, 0.999999, 1, 1, -1, -1, 1, 1, -1, 1, -1, -1, 1, -1, 1, -1, -1, -1, -1, 1, -1, -1, -1, 1, -1, 1, 1, -1, 1, -1, -1, 1, -1, 1, -1, -1, 1, -1, 1, -1, -1, 1, 1, 0.999999, 1, 1, 1, 1, -1, 0.999999, 1, 1, 1, -1, 1, 0.999999, 1, 1, -1, 1, 1, -1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, -1, 1, -1, -1, -1, -1, -1, -1, 1, -1],
"itemSize": 3,
"type": "Float32Array"
}
}
}
};
var model = loader.parse(blenderCubeObject);
mesh = new THREE.Mesh(model.geometry, model.materials[0]);
scene.add(mesh);body {
margin: 0;
}
canvas {
width: 100%;
height: 100%
}<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/86/three.js"></script>Любой ключ к тому, что происходит или что я делаю неправильно?
1 ответ
2
Лучший ответ
попробуйте изменить тип применяемого модификатора на геометрию в противоположность буферной геометрии и посмотреть, поможет ли это.
DrMothra
Поделиться
Ещё вопросы
- 1слушатель push-уведомлений sw-precache
- 0Angular JS [$ инжектор: unpr]
- 1используйте сокращение до групповой даты, чтобы сделать date_from и date_to
- 0Как рассчитать количество дней между двумя датами? [Дубликат]
- 0ошибка: ожидаемое первичное выражение до токена '{'
- 0jQuery + HTML: использование кнопки или
- 1какие методы используют определенные разрешения в файле androidManifest?
- 1Mockito: Как проверить, что макет вызывается последним?
- 0AngularJS - запись в динамические переменные области видимости
- 0ResultSet.getDate () возвращает неправильную дату
- 0OpenCL 1.1 Undefined Reference с использованием оболочек C ++
- 1Укажите имя БД / схемы Oracle в tomcat context.xml
- 0AngularJS устанавливает заголовки SSL
- 1C # получить данные формы сообщения, отправленные из браузера через сокет, иногда сокет закрывает. Почему?
- 0Изменение фона HTML случайным образом при обновлении страницы
- 0Циклы C ++ - ввод целых чисел до выхода пользователя
- 0SELECT в INSERT Значения Ошибка
- 1Преимущество привязки функций к именам в локальных областях?
- 1Использование pywinauto для открытия диалогового окна Кнопка «Отмена»
- 0Плагин Joomla для отображения данных из базы данных
- 1Как я могу узнать, совершают ли пользователи повторные посещения?
- 2WildFly: ошибка при запуске
- 1Темные значки в строке состояния при открытом диалоге
- 1Совпадение и захват каждого слова из списка И что между этими словами
- 1Правила безопасности Firestore request.query.orderBy не работает
- 1LWJGL Матричный стек Неожиданное поведение
- 1Несколько форсированных графов в 1 SVG (проблемы с отображением текста)
- 1Очень простая проблема с массивами, циклами и логическим сравнением
- 1Как проверить значение в EditText со значением позиции текущего элемента в ViewPager с помощью наблюдателя?
- 1Ошибка «JAVA_HOME не установлена» при установке pig. Что с этим делать?
- 1Динамически сопоставить массив с вложенным объектом
- 0страница обновления углового состояния не работает в браузере
- 1Удаление одинаковых выбросов в двух временных сериях
- 1ArrayList в Arraylist удалить метод поведения
- 0PHP MySQL: правильный / простой способ реализации динамической фильтрации
- 0getElementsByName какое имя?
- 1Фрагменты ConstraintLayout вырезаны в FrameLayout активности
- 1Как показать прогресс загрузки файла FileReader или значок загрузки?
- 0Добавьте div ниже определенного div, используя Javascript
- 0Изменить цвет фона из ввода
- 1Проблема Xamarin Forms CustomPicker
- 0Сложный SQL-запрос с переменными
- 0Внутренняя ссылка без идентификатора в URL
- 0Письма к числам с C ++ символами
- 0отображать высоту div в соответствии с высотой другого div
- 1Сохранить ответ на сервере при отключении сетевого подключения
- 0отредактируйте htaccess, чтобы сделать его нечувствительным к регистру
- 0Семейство столбцов Cassandra отображается по-разному через CLI и DataStax
- 0IMG с вызовом JavaScript не работает на Ipad?
- 6Невозможно разместить запрошенные классы в одном файле dex, даже для более ранних коммитов, которые скомпилировались ранее
vertices is undefined, но генерируется новая ошибкаmodel.materials is undefinedв коде JavaScript, где я пытаюсь получить доступ к индексу 0:mesh = new THREE.Mesh(model.geometry, model.materials[0]);, Этот последний, я решил, отметив галочкой «Материалы для лица» в настройках экспорта. Я сейчас без каких-либо ошибок, но объект не отображается ... предмет другого вопроса. Спасибо за помощь.