You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
4.7 KiB
64 lines
4.7 KiB
3 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Часто задаваемые вопросы [name]</h1>
|
||
|
|
|
||
|
|
<h2>Какой формат 3D-модели лучше всего поддерживается?</h2>
|
||
|
|
<div>
|
||
|
|
<p>
|
||
|
|
Рекомендуемый формат для импорта и экспорта - golf (формат передачи GL). Поскольку glTF ориентирован на доставку ресурсов во время выполнения, он компактен для передачи и быстр для загрузки.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
three.js предоставляет загрузчики для многих других популярных форматов, таких как FBX, Collada или OBJ. Тем не менее, вы всегда должны сначала пытаться настроить рабочий процесс на основе glTF в своих проектах. Для получения дополнительной информации см. [link:#manual/introduction/Loading-3D-models loading 3D models] (загрузка 3D-моделей).
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Почему в примерах присутствуют теги meta viewport?</h2>
|
||
|
|
<div>
|
||
|
|
<code><meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"></code>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
Эти теги управляют размером и масштабом областью просмотра экрана для мобильных браузеров (где содержимое страницы может отображаться с размером, отличным от видимой области просмотра экрана).
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>[link:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html Safari: Using the Viewport] (Safari: Использование области видимости экрана)</p>
|
||
|
|
|
||
|
|
<p>[link:https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag MDN: Using the viewport meta tag] (MDN: Использование мета-тега области видимости экрана)</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Как можно сохранить масштаб сцены при изменении размера?</h2>
|
||
|
|
<p>
|
||
|
|
Мы хотим, чтобы все объекты, независимо от их расстояния от камеры, отображались одинакового размера, даже при изменении размера окна.
|
||
|
|
|
||
|
|
Ключевым уравнением для решения этой проблемы является следующая формула для видимой высоты на заданном расстоянии:
|
||
|
|
|
||
|
|
<code>
|
||
|
|
visible_height = 2 * Math.tan( ( Math.PI / 180 ) * camera.fov / 2 ) * distance_from_camera;
|
||
|
|
</code>
|
||
|
|
Если мы увеличим высоту окна на определенный процент, то мы хотим, чтобы видимая высота на всех расстояниях
|
||
|
|
увеличилась на тот же процент. Этого нельзя сделать, просто изменив положение камеры.
|
||
|
|
Вместо этого вы должны изменить поле зрения камеры.
|
||
|
|
[link:http://jsfiddle.net/Q4Jpu/ Example] (пример).
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Почему часть моего объекта невидима?</h2>
|
||
|
|
<p>
|
||
|
|
Это может быть связано с определением граней. Грани имеют ориентацию, которая определяет,
|
||
|
|
какая сторона является какой. И определение удаляет заднюю часть при нормальных условиях.
|
||
|
|
Чтобы увидеть, это ли ваша проблема, измените сторону материала на THREE.DoubleSide.
|
||
|
|
<code>material.side = THREE.DoubleSide</code>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Почему three.js иногда возвращает странные результаты для недопустимых входных данных?</h2>
|
||
|
|
<p>
|
||
|
|
Из соображений производительности в большинстве случаев three.js не проверяет входные данные. Ваше приложение должно убедиться, что все входные данные действительны.
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|