Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript: HTML5 Canvas

Войти
Регистрация
Восстановить пароль
 
Student7196
0 / 0 / 0
Регистрация: 25.04.2015
Сообщений: 52
#1

Изменение положения камеры - HTML5 Canvas

16.05.2018, 19:35. Просмотров 116. Ответов 0
Метки нет (Все метки)

Пишу скрипт с использованием three.js и OrbitControls.js. Ниже объявление основных элементов.
Javascript
1
2
3
4
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(45, width/height, 0.1, 5000);
var renderer = new THREE.WebGLRenderer({canvas: canvas});
var controls = new THREE.OrbitControls( camera, renderer.domElement );
В сцену добавляю множество сфер и рассчитываю более подходящую позицию для камеры(чтобы было видно все сферы), а затем устанавливаю камеру в нужную позицию.
Javascript
1
camera.position.set(x, y, z);
Вот только проблема в том, что координаты хоть и устанавливаются правильно, но при попытке повернуть камеру все координаты камеры кроме z сбрасываются до 0, то есть камера оказывается в позиции (0, 0, z). Подскажите, пожалуйста, почему так?

Добавлено через 16 часов 51 минуту
Нашел решение проблемы. Оказывается, при использовании OrbitControls, после каждого "ручного" изменения параметров камеры необходимо вызвать метод
Javascript
1
controls.update();
Добавлено через 50 минут
Только это не изменило того факта, что координаты x и y сбрасываются... Раньше они сбрасывались при любом повороте или перемещении камеры, а теперь мгновенно.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.05.2018, 19:35
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Изменение положения камеры (HTML5 Canvas):

Изменение положения картинки - JavaScript
Вот подскажите можно ли такое сделать сделать на JavaScript, если нету картинки с именем классом wp-post-image(CSS таблица) то опустить...

Изменение положения блока в зависимости от разрешения экрана - JavaScript
Всем привет, такая проблема возникла. Есть на сайте див блок при нормальных разрешениях отображается как надо, а при 1366х768 сьезжает в...

Изменение положения при переходе по внутренней ссылке - JavaScript
Имеется страница с шапкой, шапка фиксирована, и текстовый блок, который скролится под шапку. При переходе по внутренней ссылке в пределах...

Проверка положения элемента - JavaScript
Не знаю, куда написать. Решил в javascript. Вообщем, прошу помощи. Подскажите, пожалуйста, решение поставленной мной задачи. Суть её...

Определение положения картинки в браузере - JavaScript
кто нить может подскозать как наити координаты х, у положения картинки в браузере нашел вариант, но он чета не работает, или я уже...

Анимированное изменения положения скобки - JavaScript
помогите сделать как на картинке. я уже 3й день ломаю голову. очень надеюсь на помощь.

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.05.2018, 19:35
Привет! Вот еще темы с ответами:

Запись положения кнопок в куки - JavaScript
Хотел сохранить в куки значения уже нажатых кнопок. Сам я в javascript не очень силен, но удалось написать такой вот скрипт <button...

Наклон изображения в зависимости от положения указателя - JavaScript
Добрый день уважаемые. Видел такой эффект на сайте - когда наводишь на фото указателем, то фото откланяется в сторону мыши, и чувствует...

Кнопка возврата положения скролла страницы - JavaScript
Всем доброго времени суток. Есть сайт. Когда пользователь смещает область просмотра ниже(не важно по ссылке или колесом мыши) появляется...

Цвет фона в зависимости от положения курсора - JavaScript
Народ как реализовать) Цвет фона в зависимости от положения курсора. Есть два скрипта( местоположение курсора и смена цвета фона...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru