Tagged: three.js

07
Июн
2021

Выделять область 3d модели при клике на кнопки js

Нужно сделать, чтобы при клике на различные копки выделялись конкретные области. Например, если мы рассмотрим человека, то при нажатии кнопки с надписью "голова", голова человека 3d модели должна подсветится. Я так понимаю с этим…

07
Июн
2021

Выделять область 3d модели при клике на кнопки js

Нужно сделать, чтобы при клике на различные копки выделялись конкретные области. Например, если мы рассмотрим человека, то при нажатии кнопки с надписью "голова", голова человека 3d модели должна подсветится. Я так понимаю с этим…

25
Май
2021

ThreeJS не запускается в Vite

Всем привет. Начал экспериментировать с Vite, захотелось сделать небольшую игру на ThreeJS, используя этот сборщик. Сам сборщик запускаю на Vanilla + TypeScript.
Поставил three в devDependencies: npm i -D @types/three
Установилось, dev сер…

22
Май
2021

Как добавить объект формата glTF на сцену?

Пытаюсь добавить 3д объект на сцену.
Ошибка
Uncaught TypeError: Class constructor ol cannot be invoked without ‘new’ at new GLTFLoader
Делаю пост этого вопроса второй раз (извиняюсь). Часть ошибок исправил и понял, что главная ошибка в стр…

01
Май
2021

Объединить два объекта в JS

Как можно объединить два объекта используя библиотеку THREE.js, чтобы двигать можно было по созданной карте? Чтобы не делать кучу клонируемых объектов.
var geometry = new THREE.TorusGeometry(0.75, 0.05, 0.15, 32,);// обручи
var tex…

26
Апр
2021

Three js выводит белый контейнер

Пытаюсь загрузить модель на сцену следуя уроку на habr (https://habr.com/ru/post/433876/), модель скачал отсюда (https://www.cgtrader.com/items/2663635/download-page) и получаю абсолютно белый контейнер canvas
Вот листинг скрипта:

let …

03
Апр
2021

Как текстурировать 3д модель в Three.Js?

Столкнулся с проблемой текстурирования моделей. Если текстурировать обычные объекты то проблем нет, но если модели загруженные из вне то не получается. В чём может быть проблема? Буду благодарен любым ответам. Спасибо заранее
//если тексту…

03
Апр
2021

Как текстурировать 3д модель в Three.Js?

Столкнулся с проблемой текстурирования моделей. Если текстурировать обычные объекты то проблем нет, но если модели загруженные из вне то не получается. В чём может быть проблема? Буду благодарен любым ответам. Спасибо заранее
//если тексту…

03
Апр
2021

Как текстурировать 3д модель в Three.Js?

Столкнулся с проблемой текстурирования моделей. Если текстурировать обычные объекты то проблем нет, но если модели загруженные из вне то не получается. В чём может быть проблема? Буду благодарен любым ответам. Спасибо заранее
//если тексту…

16
Фев
2021

Failed to load module script в PyQtWebEngine

Я хочу запустить js-html код внутри pyqt5 окна
Я попытался запустить js скрипт из примера
import sys
from PyQt5.QtWidgets import QApplication
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtCore import QTimer, QDateTime, Q…

28
Янв
2021

Не подгружается часть модели GLTF в THREE.js

Подгружаю автомобиль, разрешение gltf во three.js проект. Использую загрузчик. Обнаружил, что в Блендере модель обладает блеском, текстурой, материалом. При подгрузке в браузер есть ощущение, что материалы не грузятся совсем – нет стекла н…

26
Янв
2021

Текстура с одной стороны куба

У меня вопрос, как возможно наложить текстуру, только на одну сторону куба
var texture = new THREE.TextureLoader().load( ‘https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS1CXtan-QIqqACjx0xQz3e6XrdZwBSedb7Hw&usqp=CAU’ );
texture.w…

24
Янв
2021

Не работает механика вращения колеса на кватернионах и rotation.order three.js

Надеюсь, я еще не сильно всех тут достал глупыми вопросами, но уже неделю борюсь с механикой вращения движущихся предметов…
https://mrmadgav.github.io/wheel/ – gitpages;
https://github.com/mrmadgav/wheel/settings – github;
Переписал код …

22
Янв
2021

Three js камера на объекте и его движение работает некорректно

Пишу первую программу с использованием three.js (пытаюсь) – при нажатии кнопки drive объект должен двигаться по WASD по плоскости, однако не понимаю, как выставить правильно камеру и почему при повороте колеса мыши, а также, при движении о…

20
Янв
2021

Движение авто в 3d three.js не работает

Прошу извинить за грязнейший код – месяц только изучаю JS.
Очень хочу помощи по ключевым хотя бы моментам three.js и в целом. Сейчас при нажатии на кнопку drive: 1. При нажатии любой клавиши фиксируется множество нажатий (очень быстро все …

17
Янв
2021

подгрузка карты света exr в threejs

уважаемые пользователи. Раньше использовал ручную настройку света через

var light = new THREE.DirectionalLight( 0xffffff, .7);
light.position.set(3300, 1100, 2200);
this.scene.add(light);

Но узнал, что есть карты exr и их можно м…

14
Янв
2021

нужно привязать сферу к камере, чтобы она следовала за ней three.js

Не могли помочь привязать сферу к камере, чтобы она следовала за ней.
Предполагаю (камеру обернуть, или в тело, или сфера рядом чтобы была с камерой, а сферка будет взаимодействовать с физ. миром (коллизии прописывать не нужно – они уже …

13
Янв
2021

Не отображается .obj при загрузке в браузер. Подключил three.js, OBJLoader2.js

помогите, пожалуйста – в console.log – показывает, что .obj загрузилось успешно…Первый раз пытаюсь разобраться с three.js, добавить модель, может ошибка какая-то банальная…попробовал на нескольких моделях .obj. Пока создавал свои кубик…