Category: WebGL

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) {
/…

01
Май
2020

webgl не создаётся шейдер

Переписываю код с этого урока: ссылка
У меня не создаётся шейдер, не понимаю в чём проблема. Контекст webgl создаётся

function initwebgl(canvas) {
const context = canvas.getContext(“webgl2”) ||
canvas.getContext(“webgl”) ||

26
Апр
2020

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

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

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

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

14
Фев
2020

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

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

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

19
Июн
2018

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

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

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