Category: WebGL

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 …

08
Дек
2020

Построить объёмный пятиугольник с текстурой three.JS [закрыт]

Построить геометрию, соответствующую рисунку (12 баллов):
Наложить текстуру (для каждой грани – отдельная картинка)
Текстура не должна быть растянутой (нужно рассчитывать
соотношение ширины / высоты текстуры, затем вычислять, какого
размер…

21
Сен
2020

Замена текстуры в three.js

Подскажите, пожалуйста. Пытаюсь разобраться как с помощью threejs можно получить в консоль все элементы загруженного объекта в формате GLTF, для последующей замены текстур по нажатию кнопки.
var scene, camera, renderer, ambientLight, light…

11
Июн
2020

Как сделать переключение моделей без подключения GUI?

Мне нужно чтобы осуществлялось переключение 3D моделей без подключения {GUI} dat.gui.js.
Т.е в данный момент модели переключаются в выпадающем списке select в GUI интерфейсе.
Нужно чтобы переключение происходило без GUI в моей разметке по …

21
Май
2020

Искажение цвета в webgl

Cоздаю рисовалку.

Рисую на canvas с помощью webgl множество квадратов с маской и альфой.

При альфе > 0.1 проблема незаметна. Но стоит сделать альфу чуть меньше – появляется неприятное искажение цвета.

Я использую классическое смешивание…

19
Май
2020

Истинный альфа-блендинг в webgl

По интернету гуляет стандартный способ

gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA

Или же

gl.ONE, gl.ONE_MINUS_SRC_ALPHA

для предумноженных изображений.
Он идеален для наложения прозрачных текстур на непрозрачный фон.

Но что делать если мне …

11
Май
2020

webgl обработка изображений, среднее между средним, правым и левым пикселем

Изучаю как обрабатывать изображения в webgl
Не понимаю что это значит

// среднее между средним, правым и левым пикселем
gl_FragColor = (
texture2D(u_image, v_texCoord) +
texture2D(u_image, v_texCoord + vec2(onePixel.x, 0.0)) +

04
Май
2020

как рендерить статичное изображение webgl

При ресайзе я вызываю две функции : resizeCanvas и renderGl
resizeCanvas изменяет размер canvas, а renderGl рендерит изображение
Я не понимаю, что нужно писать когда заново перерисовываешь статичное изображение

function renderGl(gl) {
/…

26
Апр
2020

Организация текстур, буферов и тд в WebGL

Я пишу свой лёгкий движок для игр на основе WebGL. Есть объекты геометрий, текстур и тд. Я хочу создавать их таким образом

new Geometry(…);
new Texture(…);
new Mesh(…);

а затем добавлять их на сцены или просто отрисовывать в произ…

14
Фев
2020

Анимированное солнце со спутником вращающимся по орбите

У меня задача анимировать солнце.
Нужно, чтобы были всполохи и небольшие лучики. Лучики должны гореть, как пламя и медленно вращаться.
Технологии могут быть любые SVG, SMIL, JavaScript, CSS, Canvas, WebGl или что-то ещё.

Так же необходимо…

19
Июн
2018

Создание анимированных персонажей

Хочу спросить. Какие технологии используются для создания анимированных персонажей на платформа Android и/или iOS.

Я хочу создать персонажей, похожих на кота их игры “Говорящий Том”. В моем случае, они также будет иметь набор стандартной…