Category: WebGL

21
Июл
2022

Какие инструменты использовать для создания фоторедактора js?

Необходимо сделать на сайте редактор изображений (типа photoshop) с основными функциями (ластик, откат, рисование, добавление изображений и пр.) Попытался реализовать на canvas в 2д контексте, но по всем туториалам дальше рисования кругов…

15
Июл
2022

Unity перехватывает bluetooth сигнал (WebGL)

Всем привет! Разрабатываю игру для SberBox (SberBox – приставка для ТВ, платформа игры – webgl)
Для SberBox необходимо встроить отлов клавиш с пульта. Пульт в сбербоксе передаёт команды на тв-приставку по блютузу и работает как обычная кла…

23
Июн
2022

Какие технологии нужны для создания конструктора футболок?

Подскажите, на чём можно повторить подобный конструктор? Речь идёт не просто о копировании чужого кода, а о прокачке новых скиллов. Что изучить, чтобы сделать так же? Пример того, что хочу сделать,
здесь.
Если можно избежать использования …

19
Май
2022

Как реализовать катание шарика по сфере в терминах матриц?

Цель
Необходимо создать две сферы, одну из которых можно катать по поверхности другой при помощи мышки и реализовать камеру, которую можно перемещать вокруг этих шаров при помощи клавиатуры.
Реализация
Я завёл матрицу, которая хранит текущ…

19
Май
2022

Вращение сферы WebGL

Цель
Необходимо создать две сферы, одну из которых можно катать по поверхности другой при помощи мышки и реализовать камеру, которую можно перемещать вокруг этих шаров при помощи клавиатуры.
Реализация
Я завёл матрицу, которая хранит текущ…

15
Май
2022

Не работает функция unityInstance.SendMessage в index.html при сборке в WebGL

Задача просто включить галочку у булевой переменной в Unity, она активирует появление объекта на сцене. Но при нажатии предмет не появляется, а кнопка, созданная в самом Unity работает исправно.
В index.html только добавила строку window.u…

06
Май
2022

Подводные камни перемещения объектов используя атрибуты вместо матрицы трансформации

Какой вариант практичнее? Перезапись буфера атрибутов или же перемещение с помощью матрицы трансформации?
Третью недель вникаю в WebGL и пытаюсь сделать маленькую 2D игру для развития. Пришла пора добавить персонажам вращение и поэтому сра…

06
Май
2022

Подводные камни перемещения объектов используя атрибуты вместо матрицы трансформации

Какой вариант практичнее? Перезапись буфера атрибутов или же перемещение с помощью матрицы трансформации?
Третью недель вникаю в WebGL и пытаюсь сделать маленькую 2D игру для развития. Пришла пора добавить персонажам вращение и поэтому сра…

29
Мар
2022

Как изменить код чтобы высота сцены была более большой?

На данный момент, частицы расположены в определенную высоту.
Как поменять код, чтобы высота по сути сцены (этих частиц) зависела от высоту body(то есть в данном случае это 2000px), и чтобы частицы не менялись в размере
https://codepen.io/d…

21
Мар
2022

Не определяется количество вершин в SphereGeometry. Three js

Хочу адаптировать в проект данную сцену https://codepen.io/supah/pen/BqwJxq, но при копировании скрипта выдает ошибку: Cannot read properties of undefined (reading ‘length’).
Данная ошибка возникает при обработке следующего кода:
var ver…

14
Янв
2022

Как заменить материал в Three.js?

Как можно заменить материал в Three.js? Мне нужно найти материал по id или по name и его заменить на свой сгенерированный и этот материал применился именной к той части объекта, к которой был предназначен.

14
Янв
2022

Как импортировать текстуры в three.js?

Пытаюсь импортировать на сайт 3D модель авто, но почему то не импортируются дополнительные текстуры с моделькой, и у меня не отображаются почему то стекла и материал с отражением имитация "Хрома"(Использую модельку формата FBX).

14
Янв
2022

Как импортировать текстуры в three.js?

пытаюсь импортировать на сайт 3D модель авто, но почему то не импортируются дополнительные текстуры с моделькой, и у меня не отображаются почему то стекла и материал с отражением имитация "Хрома"(Использую модельку формата FBX).

21
Дек
2021

Мультизагрузка объектов в three js

У меня есть база объектов (массивы с obj mtl jpg). Нужно выбрать какие-то объекты и добавлять их на сцену. Как добавлять объекты в готовую сцену или как "убивать" сцену, добавлять объект и заново прорисовывать сцену?

04
Авг
2021

React Attempted import error: ‘FreeSurferLoader’ is not exported from ‘three’ (imported as ‘THREE’)

В React приложении собираюсь использовать Three.js, но мне нужно нужно расширить модуль THREE, при попытке это сделать получаю такую ошибку "Attempted import error: ‘FreeSurferLoader’ is not exported from ‘three’ (imported as ‘THREE’)…

30
Апр
2021

cloth sim webgl

Good time of day. Please tell me how you can achieve the following effect as in the screenshot. The color of the gradient should depend on the distance of the links. I use pure webgl and javascript.

24
Апр
2021

Переумноженная прозрачность WebGL

Есть у меня такая вот работа. Прилагаю просто на всякий случай. Вопрос заключается в следующем: почему, когда я задаю контекст с таким свойством,
var gl = canvas.getContext("webgl", {
premultiplatedAlpha: false
});

то все …

07
Фев
2021

Расскажите о потере контекста в Webgl

Пытаюсь создать рисовалку на webgl2
Желательна поддержка большого количества слоёв (>10) в 128бит/пикс. формате
Почитал в интернете, оказывается, с каждым может случиться такая страшная вещь как потеря webgl контекста
В связи с этим соз…

26
Янв
2021

Webgl 2 – некорректное отображение цвета при использовании альфа смешивания

Рисую много раз треугольник красного цвета с прозрачностью, шейдер максимально тупой
out vec4 Color;
void main(){
Color = vec4(1, 0, 0, 0.01);
}

Использую смешивание
gl.enable(gl.BLEND);
gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC…

15
Дек
2020

Three.js, пользовательский шейдер, залить png текстурой и установить прозрачность?

Стоит задача, необходимо изменить цвет текстуры с преобладанием красного. Я пытаюсь делать так, но у меня текстура полностью заливает картинку красным цветом, подскажите, пожалуйста, где ошибка?
//подключение модуля
import * as THREE from …