Вопросы с меткой [webgl]
WebGL расширяет возможности элемента canvas в HTML5, позволяя отображать 3D графику в любом совместимом веб-браузере. НЕ СТАВЬТЕ ЭТУ МЕТКУ НА ВОПРОСЫ О 3D БИБЛИОТЕКАХ (например, THREE.js), если вопрос не связан конкретно с WebGL API.
152
вопроса
0
голосов
1
ответ
42
показа
Gltf и json. Декодирование строки буфера
Существуют два простых метода для декодирования строки base64 (в С#). Хочу собрать json для формирования gltf, и закодировать свои координаты и позиции вершин в буфер. Для этого пытаюсь понять, как ...
0
голосов
0
ответов
21
показ
Не переключаются сцены в Unity WebGL
Игра тестируется на Яндекс играх и в ней используется PluginYG. Я установил префаб YandexGame на каждую сцену. В Unity Editor все работало, но в билде под WebGL при переходе в другую сцену выходит ...
0
голосов
0
ответов
11
показов
Настройка скейлов для билда на webgl
уважаемые профессионалы unity.
Я уже несколько игр подряд сталкиваюсь с проблемой, что при билде на webgl отображение игры ломается. Для меня это новое направление и поэтому я не совсем понимаю почему ...
0
голосов
1
ответ
56
показов
Unity WebGL билд выдаёт странные ошибки, которых нет, если запускать в редакторе
У меня проблема в том, что в Unity редакторе работает всё нормально, а как компилирую билд в webgl появляются разные ошибки, которых в редакторе нету. Если одну из ошибок беру в try catch, то ...
0
голосов
0
ответов
59
показов
Почему не работает звук игры на Android устройстве сделанной на unity WebGl?
Не работает звук игры сделанной на unity WebGl, запущенной через браузер на Android устройстве, но на других устройствах звук есть.
0
голосов
0
ответов
119
показов
Портретная ориентация в сборке WebGL Unity
Пробовал сделать портретную ориентацию в игре под WebGL в Unity, но столкнулся с проблемой - ориентацию экрана по умолчанию выбрать в player preferences под WebGL нельзя. Пробовал решить это через ...
-1
голос
1
ответ
92
показа
Проблема с визуальными артефактами на дороге игры после загрузки на Яндекс Игры в Unity WebGL
Я разрабатываю игру в Unity, в которой есть бесконечная дорога, и текстура дороги сдвигается для имитации движения. Все работало отлично, пока я не загрузил игру на платформу Яндекс Игры. После этого ...
0
голосов
1
ответ
253
показа
Как мне сделать фиксированное соотношение сторон игры 16:9 в Unity WebGl?
Я делаю игру для yandex игр в Unity. Я хочу что-бы моя игра имела соотношение сторон 16:9 независимо от экрана браузера. У меня сейчас игра растягивается на всю доступную область.
Тут что-то нужно ...
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
ответов
71
показ
Вращение камеры вокруг центра выбранного элемента three.js
В сцене у меня есть несколько 3D объектов, объекты выделяются при клике (меняется материал) при этом задается centerPoint - это центр выбранной геоментрии или 0,0,0. Я пытаюсь создать навигацию в ...
1
голос
1
ответ
135
показов
В WebGL приложении пропадает русский язык и видео фон
сделал приложение на Unity и использовал технологию WebGL, хочу загрузить на Яндекс игры, но есть две проблемы.
На всех серверах на которых запускал приложение исчезает русский язык. Английский язык, ...
0
голосов
1
ответ
224
показа
Unity игра не запускается в Браузере Exception: WebGLPlayer does not support synchronous Addressable loading
Ошибка возникает после загрузки игры в браузере(После Logo Unity)
Проблема серьёзная. Ошибка вылазить когда пытаешься запустить игру через браузер(см.скриншот). Есть инфа что это проблема в ...
0
голосов
0
ответов
184
показа
Сохранения в WebGL
Итак, как сохранить файлы(сохранения) Web-игры (Unity WebGJ) на компьютере клиента?
С десктоп-версией я использую сериализацию в xml, а как сделать подобное в Web-версии?
Желательно именно сохранение ...
-1
голос
1
ответ
164
показа
WebGL игра на Unity ошибки
Создаю игру на Unity для Яндекс игр
Сама игра в движке и при билде на Android, и ПК ведет себя нормально. Но когда я собираюсь билдить под WebGl при билде происходят ошибки:
Заранее спасибо!
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
голосов
0
ответов
114
показов
Неправильная компиляция из Unity в WebGL
Есть готовый Open Source проект, на примере которого мне нужно сделать генерацию окружения. При компиляции этого проекта в WebGL не срабатывает сама генерация. На первой картинке - как оно выглядит, ...
0
голосов
1
ответ
222
показа
React-three-fiber orthographic camera zoom
Я использую в своем React приложении библиотеку react-three-fiber. У меня есть canvas в котором отрисовывается меш(3d-объект), я использую orthographic камеру и мне нужно по событию onClick ...
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 ...
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
ответов
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 ...
2
голоса
1
ответ
2k
показов
Как отключать звук в игре при сворачивание браузера?
Сделал браузерную игру на Unity WebGL нужно что бы при сворачивании окна с игрой отключался звук. Как это прописать в коде?
1
голос
2
ответа
151
показ
Как нарисовать и анимировать реальное небо с облаками?
На создание этого вопроса меня вдохновил вопрос - ответ участника @Alexandr_TT, где он нарисовал простое мультипликационное облако с использованием технологии SVG.
Вот предлагаю посмотреть похожую ...
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....
0
голосов
1
ответ
76
показов
Приложение для визуализации из 1С?
На предприятии используют самописный софт для работы с номенклатурой из базы данных 1С (мебельная фурнитура итд.) Визуальная часть (работа с размерами, текстурой 2d графика) выполнена на Flash. ...
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....
2
голоса
1
ответ
87
показов
WEBGL. Как правильно использовать текстуру для передачи данных в шейдер
Использую текстуру для передачи данных в вершинный шейдер. Данных может быть много, поэтому юниформ массив скорее всего не подойдет из-за ограничения по его размеру, либо его придется обновлять для ...
4
голоса
1
ответ
765
показов
Бум! Как нарисовать и анимировать бомбу?
У меня есть такой код:
/*Бомба*/
.bomb {
position: absolute;
bottom: 0;
right: 7%;
width: 15%;
height: 0;
padding-top: 15%;
border-radius: 100%;
background-color: #222;
}
/*...
3
голоса
1
ответ
95
показов
Как нарисовать и анимировать поезд?
Меня заинтересовала работа участника @Arthur, где он нарисовал и анимировал движение поезда с использованием технологии SVG.
Вот его ответ на вопрос Движение поезда с помощью SVG:
* {
margin: 0;
...
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();
...
2
голоса
1
ответ
63
показа
Как оптимизировать сет в буферный массив?
Есть вопрос по оптимизации кода.
Цель понять как уменьшить объем кода в Example 1, без значительного уменьшения производительности.
Branchmark
Setup:
let data1={line:new Float32Array(50000)}
let ...
1
голос
1
ответ
300
показов
Замена текстуры в three.js
Подскажите, пожалуйста. Пытаюсь разобраться как с помощью threejs можно получить в консоль все элементы загруженного объекта в формате GLTF, для последующей замены текстур по нажатию кнопки.
var scene,...
0
голосов
1
ответ
98
показов
Как анимировать треугольники в PlaneBufferGeometry?
Как я могу анимировать или просто взаимодействовать с этими треугольниками: https://jsfiddle.net/t2bjzc8r/1/ ? Я планирую наложить текстуру - фотографию на PlaneBufferGeometry и разбить ее на эти ...
0
голосов
1
ответ
1k
показов
Unity 2020.1 WebGL не запускается билд
После билда виснет на 99% в браузере и выдает ошибку
Uncaught ReferenceError: unityFramework is not defined at HTMLScriptElement.script.onload (WebGL)
0
голосов
0
ответов
39
показов
Изображения с большим разрешением и текстуры
Почему я не могу установить изображение с большим разрешением в качестве текстуры?
Полагаю нужно что-то поменять вот тут:
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
gl....
5
голосов
0
ответов
84
показа
Искажение цвета в webgl
Cоздаю рисовалку.
Рисую на canvas с помощью webgl множество квадратов с маской и альфой.
При альфе > 0.1 проблема незаметна. Но стоит сделать альфу чуть меньше - появляется неприятное искажение ...
2
голоса
0
ответов
71
показ
Истинный альфа-блендинг в webgl
По интернету гуляет стандартный способ
gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA
Или же
gl.ONE, gl.ONE_MINUS_SRC_ALPHA
для предумноженных изображений.
Он идеален для наложения прозрачных текстур на ...
4
голоса
1
ответ
201
показ
webgl черный экран
Что я делаю не так? рабочий пример
function drawWebglCanvas(f, v, gl, image) {
function resizeGlAndCanvas(gl) {
resizeCanvas(gl);
const resizeFunc = () => {
resizeCanvas(gl)...