Вопросы с меткой [webgl]

WebGL расширяет возможности элемента canvas в HTML5, позволяя отображать 3D графику в любом совместимом веб-браузере. НЕ СТАВЬТЕ ЭТУ МЕТКУ НА ВОПРОСЫ О 3D БИБЛИОТЕКАХ (например, THREE.js), если вопрос не связан конкретно с WebGL API.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
42 показа

Gltf и json. Декодирование строки буфера

Существуют два простых метода для декодирования строки base64 (в С#). Хочу собрать json для формирования gltf, и закодировать свои координаты и позиции вершин в буфер. Для этого пытаюсь понять, как ...
0 голосов
0 ответов
21 показ

Не переключаются сцены в Unity WebGL

Игра тестируется на Яндекс играх и в ней используется PluginYG. Я установил префаб YandexGame на каждую сцену. В Unity Editor все работало, но в билде под WebGL при переходе в другую сцену выходит ...
2 голоса
1 ответ
2k показов

Как отключать звук в игре при сворачивание браузера?

Сделал браузерную игру на Unity WebGL нужно что бы при сворачивании окна с игрой отключался звук. Как это прописать в коде?
0 голосов
0 ответов
11 показов

Настройка скейлов для билда на webgl

уважаемые профессионалы unity. Я уже несколько игр подряд сталкиваюсь с проблемой, что при билде на webgl отображение игры ломается. Для меня это новое направление и поэтому я не совсем понимаю почему ...
0 голосов
1 ответ
56 показов

Unity WebGL билд выдаёт странные ошибки, которых нет, если запускать в редакторе

У меня проблема в том, что в Unity редакторе работает всё нормально, а как компилирую билд в webgl появляются разные ошибки, которых в редакторе нету. Если одну из ошибок беру в try catch, то ...
0 голосов
0 ответов
60 показов

Почему не работает звук игры на Android устройстве сделанной на unity WebGl?

Не работает звук игры сделанной на unity WebGl, запущенной через браузер на Android устройстве, но на других устройствах звук есть.
2 голоса
1 ответ
857 показов

Unity3D WebGL build не отображает кириллицу

При запуске из редактора все ок. Однако получившийся билд теряет возможность рендерить кириллицу. Вместо этого выводятся просто пустые строки. Из того, что удалось нагуглить была проверена кодировка ....
0 голосов
1 ответ
254 показа

Как мне сделать фиксированное соотношение сторон игры 16:9 в Unity WebGl?

Я делаю игру для yandex игр в Unity. Я хочу что-бы моя игра имела соотношение сторон 16:9 независимо от экрана браузера. У меня сейчас игра растягивается на всю доступную область. Тут что-то нужно ...
0 голосов
0 ответов
119 показов

Портретная ориентация в сборке WebGL Unity

Пробовал сделать портретную ориентацию в игре под WebGL в Unity, но столкнулся с проблемой - ориентацию экрана по умолчанию выбрать в player preferences под WebGL нельзя. Пробовал решить это через ...
-1 голос
1 ответ
164 показа

WebGL игра на Unity ошибки

Создаю игру на Unity для Яндекс игр Сама игра в движке и при билде на Android, и ПК ведет себя нормально. Но когда я собираюсь билдить под WebGl при билде происходят ошибки: Заранее спасибо!
-1 голос
1 ответ
92 показа

Проблема с визуальными артефактами на дороге игры после загрузки на Яндекс Игры в Unity WebGL

Я разрабатываю игру в Unity, в которой есть бесконечная дорога, и текстура дороги сдвигается для имитации движения. Все работало отлично, пока я не загрузил игру на платформу Яндекс Игры. После этого ...
1 голос
1 ответ
47 показов

Как замерять время рендера картинки WebGL?

Мне нужно замерять время рендера некоторого изображения на WebGL, но вызов gl.drawArrays() похоже асинхронный, или вычисления на GPU не учитываються, и я получаю время рендера в 0ms. Для замеров ...
0 голосов
0 ответов
41 показ

Как указать максимальное соотношение сторон Canvas в Unity

Я делаю игру в Unity под WebGl для яндекс игр. Мою игру не приняли так-как соотношение сторон не должно превышать 1:2. Помогите пожалуйста с этой проблемой. Настройки нужно менять в Unity или в файле ...
1 голос
0 ответов
83 показа

WebGL билд Unity зависает в случайный момент

Игра зависает и перестает отвечать через некоторое время (10-20 секунд) после запуска. Чаще всего это происходит при выполнении активных действий, например взаимодействия с UI кнопками или включения/...
0 голосов
0 ответов
77 показов

Ускорение записи новых значений в массив?

Я пополняю массив большим количеством новых значений, для отрисовки объектов на canvas'е, это занимает не мало времени. Собственно вопрос: можно ли ускорить этот процесс/другой способ сохранения ...
0 голосов
0 ответов
21 показ

Каковы максимально и минимально допустмые линейные размеры объекта в сцене?

Мне понадобилось создать условно бесконечную плоскость в сцене. Из этого возник ряд вопросов, не смог найти это в спецификации WebGL : каковы максимальные линейные размеры объекта в сцене, при ...
0 голосов
0 ответов
72 показа

Вращение камеры вокруг центра выбранного элемента three.js

В сцене у меня есть несколько 3D объектов, объекты выделяются при клике (меняется материал) при этом задается centerPoint - это центр выбранной геоментрии или 0,0,0. Я пытаюсь создать навигацию в ...
1 голос
1 ответ
136 показов

В WebGL приложении пропадает русский язык и видео фон

сделал приложение на Unity и использовал технологию WebGL, хочу загрузить на Яндекс игры, но есть две проблемы. На всех серверах на которых запускал приложение исчезает русский язык. Английский язык, ...
0 голосов
1 ответ
224 показа

Unity игра не запускается в Браузере Exception: WebGLPlayer does not support synchronous Addressable loading

Ошибка возникает после загрузки игры в браузере(После Logo Unity) Проблема серьёзная. Ошибка вылазить когда пытаешься запустить игру через браузер(см.скриншот). Есть инфа что это проблема в ...
0 голосов
0 ответов
186 показов

Сохранения в WebGL

Итак, как сохранить файлы(сохранения) Web-игры (Unity WebGJ) на компьютере клиента? С десктоп-версией я использую сериализацию в xml, а как сделать подобное в Web-версии? Желательно именно сохранение ...
1 голос
0 ответов
95 показов

React ошибка Attempted import error: 'DataUtils' is not exported from 'three'

Использую в своём React приложении Three.js, react-three-fiber и react-three/drei. Когда я пытаюсь импортировать OrbitControls из react-three/drei, получаю ошибку: Attempted import error: 'DataUtils'...
0 голосов
0 ответов
77 показов

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

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

Как определить на какой элемент нажали в WebGL

С помощью WebGLSpins отображаю массив стрелок(спины), нужно по нажатию (_handelMouseDown) вернуть координаты выбранного спина. Подскажите, как это можно сделать ?
3 голоса
1 ответ
95 показов

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

Цель Необходимо создать две сферы, одну из которых можно катать по поверхности другой при помощи мышки и реализовать камеру, которую можно перемещать вокруг этих шаров при помощи клавиатуры. ...
0 голосов
1 ответ
39 показов

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

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

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

На данный момент, частицы расположены в определенную высоту. Как поменять код, чтобы высота по сути сцены (этих частиц) зависела от высоту body(то есть в данном случае это 2000px), и чтобы частицы не ...
3 голоса
1 ответ
65 показов

Konva TextPath: не верно рендерится полукруглый текст

Есть curved text, который рендерится с помощью Konva.TextPath: const konvaText = new Konva.TextPath({ text: 'Community', fontSize: 160, fontFamily: 'AgencyFB', ...
0 голосов
1 ответ
1k показов

Unity 2020.1 WebGL не запускается билд

После билда виснет на 99% в браузере и выдает ошибку Uncaught ReferenceError: unityFramework is not defined at HTMLScriptElement.script.onload (WebGL)
0 голосов
1 ответ
223 показа

React-three-fiber orthographic camera zoom

Я использую в своем React приложении библиотеку react-three-fiber. У меня есть canvas в котором отрисовывается меш(3d-объект), я использую orthographic камеру и мне нужно по событию onClick ...
0 голосов
0 ответов
114 показов

Неправильная компиляция из Unity в WebGL

Есть готовый Open Source проект, на примере которого мне нужно сделать генерацию окружения. При компиляции этого проекта в WebGL не срабатывает сама генерация. На первой картинке - как оно выглядит, ...
5 голосов
2 ответа
358 показов

Canvas / Создание эффекта (маски) миража для изображения

Подскажите, есть ли легкий способ создать эффекта миража(марева) на технологиях canvas / svg для изображения. В приведенном примере используется перемещение текстур, можно ли проще, к примеру для ...
30 голосов
9 ответов
2k показов

Самые короткие и простые способы генерации различных фракталов или других изображений

Я интересуюсь компьютерной графикой и хотел бы провести своего рода конкурс. Я хотел бы узнать о новых (для себя) способах генерации различных фракталов или других изображений, полученных по ...
0 голосов
0 ответов
25 показов

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

В React приложении собираюсь использовать Three.js, но мне нужно нужно расширить модуль THREE, при попытке это сделать получаю такую ошибку "Attempted import error: 'FreeSurferLoader' is not ...
20 голосов
4 ответа
3k показов

С помощью чего лучше cделать Глобус+карту на веб странице?

Стоит задача: Вращающийся 3d глобус, с отмеченными на нем метками в виде точек с подписями(например Москва, Англия и т.д.). Они должны подгружаться из списка в файле cities. При клике на него (Глобус)...
24 голоса
12 ответов
3k показов

Как анимировать слово StackOverflow

У меня есть слово StackOverflow: <h1>StackOverflow</h1> Как создать эффект анимации для этого слова, например, в виде волны и одновременно переливания одного цвета в другой? Я ...
0 голосов
0 ответов
47 показов

Переписать небольшую функцию на C#

Очень прошу помощи. В общем создаю проект WebGl. Все прекрасно работает в самой unity, но когда делаю билд под WebGL, то одна функция не отрабатывает, из-за чего вся игра ложится. Прошу помочь ...
0 голосов
1 ответ
382 показа

Как в Unity реализовать блокировку курсора что бы он не выходил за пределы игрового поля? В Unity работает, а при загрузке в браузер нет

public void Update() { if (Input.GetKey(KeyCode.L) ) { Cursor.visible = false; Cursor.lockState = CursorLockMode.Confined; print("Cursor is ...
1 голос
2 ответа
151 показ

Как нарисовать и анимировать реальное небо с облаками?

На создание этого вопроса меня вдохновил вопрос - ответ участника @Alexandr_TT, где он нарисовал простое мультипликационное облако с использованием технологии SVG. Вот предлагаю посмотреть похожую ...
0 голосов
1 ответ
76 показов

Приложение для визуализации из 1С?

На предприятии используют самописный софт для работы с номенклатурой из базы данных 1С (мебельная фурнитура итд.) Визуальная часть (работа с размерами, текстурой 2d графика) выполнена на Flash. ...
0 голосов
1 ответ
253 показа

не знаю как сделать освещение в tree.js

document.addEventListener('keydown', direction); let dir = 'null'; function direction(event) { if (event.keyCode == 38) dir = 'up'; else if (event.keyCode == 40) dir = 'down'; else if (event....
1 голос
2 ответа
77 показов

Как нарисовать и анимировать спичку?

Меня заинтересовала работа участника @Qwertiy♦, где он нарисовал спичку с использованием технологии CSS. Вот его ответ на вопрос Как нарисовать спичку на CSS не изменяя HTML: html { font-size: ....
0 голосов
1 ответ
36 показов

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

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

Бум! Как нарисовать и анимировать бомбу?

У меня есть такой код: /*Бомба*/ .bomb { position: absolute; bottom: 0; right: 7%; width: 15%; height: 0; padding-top: 15%; border-radius: 100%; background-color: #222; } /*...
2 голоса
1 ответ
87 показов

WEBGL. Как правильно использовать текстуру для передачи данных в шейдер

Использую текстуру для передачи данных в вершинный шейдер. Данных может быть много, поэтому юниформ массив скорее всего не подойдет из-за ограничения по его размеру, либо его придется обновлять для ...
3 голоса
1 ответ
96 показов

Как нарисовать и анимировать поезд?

Меня заинтересовала работа участника @Arthur, где он нарисовал и анимировал движение поезда с использованием технологии SVG. Вот его ответ на вопрос Движение поезда с помощью SVG: * { margin: 0; ...
2 голоса
1 ответ
947 показов

Как нарисовать и анимировать символ (знак) российского рубля [закрыт]

У меня есть символ (знак) российского рубля: ₽ (&#8381;) Знак российского рубля представляет собой букву «Р», состоящую из двух элементов, с горизонтальной чертой. Как создать эффект анимации для ...
3 голоса
2 ответа
183 показа

Как нарисовать и анимировать Деда Мороза?

Меня заинтересовала конкурсная работа участника @OPTIMUS PRIME, где он нарисовал и анимировал Деда Мороза с помощью элемента canvas. Вот его конкурсный ответ в теме Новогодний конкурс 2021 года!: "...
2 голоса
1 ответ
136 показов

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

Стоит задача, необходимо изменить цвет текстуры с преобладанием красного. Я пытаюсь делать так, но у меня текстура полностью заливает картинку красным цветом, подскажите, пожалуйста, где ошибка? //...
2 голоса
0 ответов
229 показов

Canvas JS. Оптимальное рисование точек

Есть программа, в основе которой отрисовка разноцветных точек на экране: function fullScreen(elem) { if (elem.requestFullscreen) { elem.requestFullscreen(); ...
0 голосов
2 ответа
217 показов

Как отправить email в unity webgl

Нужно отправить email из приложения в webgl. Unity 5.5.0. Открываю приложение через firefox,всё работает нормально, но когда нужно отправить email выскакивает ошибка An error occurred running the ...