Вопросы с меткой [webgl]
WebGL расширяет возможности элемента canvas в HTML5, позволяя отображать 3D графику в любом совместимом веб-браузере. НЕ СТАВЬТЕ ЭТУ МЕТКУ НА ВОПРОСЫ О 3D БИБЛИОТЕКАХ (например, THREE.js), если вопрос не связан конкретно с WebGL API.
146
вопросов
0
голосов
0
ответов
23
показа
Сохранения в WebGL
Итак, как сохранить файлы(сохранения) Web-игры (Unity WebGJ) на компьютере клиента?
С десктоп-версией я использую сериализацию в xml, а как сделать подобное в Web-версии?
Желательно именно сохранение ...
0
голосов
0
ответов
58
показов
Проблема с SDK Яндекс Игры
Публикую в первый раз игру на Яндекс Игры, написанную Unity. Хочу подключить к проекту оценку игры от игрока и рекламу с вознаграждением. Во время билда проекта на Unity вылазит похожая ошибка:
JS ...
-1
голос
1
ответ
25
показов
WebGL игра на Unity ошибки
Создаю игру на Unity для Яндекс игр
Сама игра в движке и при билде на Android, и ПК ведет себя нормально. Но когда я собираюсь билдить под WebGl при билде происходят ошибки
Заранее спасибо!
0
голосов
0
ответов
10
показов
Проблемы с framebuffer'ами и текстурами в webgl2
Я хотел закрепить текстуру с форматом RGBA32F к framebuffer, для "моих рэй трейсингов". Но во время вызова gl.drawArrays() получаю такое предупреждение: GL_INVALID_FRAMEBUFFER_OPERATION: ...
0
голосов
0
ответов
5
показов
Нужно получить доступ к новой геометрии из 3д модели после преобразования карты высот по ней (webGL/threejs), сделать на основе нее new Points
Я хочу получить доступ к новой геометрии из сетки именно из 3д модели после преобразования карты высот по ней. Т.е. в итоге мне нужна модель, которая может состоять из точек по форме из полученного ...
0
голосов
0
ответов
27
показов
я не могу запустить игру в браузере
Я хочу запустить WebGL игру , но у меня это не получается из за ошибки
0
голосов
0
ответов
16
показов
Баги WebGL Google Chrome?
Алгоритм воспроизведения:
Зайти на youtube-music
Запустить музыку
Переключится на другую вкладку
При остановке воспроизведения нажимаю на кнопку воспроизведения с клавиатуры (отдельная кнопка)
Какое-...
0
голосов
0
ответов
48
показов
Какие инструменты использовать для создания фоторедактора js?
Необходимо сделать на сайте редактор изображений (типа photoshop) с основными функциями (ластик, откат, рисование, добавление изображений и пр.) Попытался реализовать на canvas в 2д контексте, но по ...
0
голосов
0
ответов
18
показов
Error when compile unity progect to webgl
Win32Exception: ApplicationName='C:/Program Files/Unity/Hub/Editor/2020.3.26f1/Editor/Data\Tools\nodejs\node.exe', CommandLine='Preprocess.js "locals.inputPath='UnityLoader\x5cUnityLoader.js'&...
0
голосов
0
ответов
32
показа
Как определить на какой элемент нажали в WebGL
С помощью WebGLSpins отображаю массив стрелок(спины), нужно по нажатию (_handelMouseDown) вернуть координаты выбранного спина. Подскажите, как это можно сделать ?
3
голоса
1
ответ
85
показов
Как реализовать катание шарика по сфере в терминах матриц?
Цель
Необходимо создать две сферы, одну из которых можно катать по поверхности другой при помощи мышки и реализовать камеру, которую можно перемещать вокруг этих шаров при помощи клавиатуры.
...
0
голосов
1
ответ
22
показа
Подводные камни перемещения объектов используя атрибуты вместо матрицы трансформации
Какой вариант практичнее? Перезапись буфера атрибутов или же перемещение с помощью матрицы трансформации?
Третью недель вникаю в WebGL и пытаюсь сделать маленькую 2D игру для развития. Пришла пора ...
0
голосов
0
ответов
30
показов
Как сделать результат прошлой игры
Вопрос от новичка, как сделать подобное:
На старте показываем пользователю экран с двумя кнопками "Играть" и "Результаты". По клику на первой кнопке запускается игровой трек. По ...
0
голосов
1
ответ
39
показов
Как изменить код чтобы высота сцены была более большой?
На данный момент, частицы расположены в определенную высоту.
Как поменять код, чтобы высота по сути сцены (этих частиц) зависела от высоту body(то есть в данном случае это 2000px), и чтобы частицы не ...
0
голосов
0
ответов
19
показов
Не определяется количество вершин в SphereGeometry. Three js
Хочу адаптировать в проект данную сцену https://codepen.io/supah/pen/BqwJxq, но при копировании скрипта выдает ошибку: Cannot read properties of undefined (reading 'length').
Данная ошибка возникает ...
0
голосов
0
ответов
26
показов
Three js на React: модель не отображается
Я новичок в Three js. Моя задача - рендерить модель формата glb на странице браузера. Приложение написано на React. На данный момент мне удалось поставить канвас в нужном месте, и он присутствует в ...
3
голоса
1
ответ
44
показа
Konva TextPath: не верно рендерится полукруглый текст
Есть curved text, который рендерится с помощью Konva.TextPath:
const konvaText = new Konva.TextPath({
text: 'Community',
fontSize: 160,
fontFamily: 'AgencyFB',
...
0
голосов
0
ответов
61
показ
Неправильная компиляция из Unity в WebGL
Есть готовый Open Source проект, на примере которого мне нужно сделать генерацию окружения. При компиляции этого проекта в WebGL не срабатывает сама генерация. На первой картинке - как оно выглядит, ...
0
голосов
1
ответ
117
показов
React-three-fiber orthographic camera zoom
Я использую в своем React приложении библиотеку react-three-fiber. У меня есть canvas в котором отрисовывается меш(3d-объект), я использую orthographic камеру и мне нужно по событию onClick ...
0
голосов
0
ответов
21
показ
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
ответов
82
показа
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
ответов
46
показов
Переписать небольшую функцию на C#
Очень прошу помощи.
В общем создаю проект WebGl. Все прекрасно работает в самой unity, но когда делаю билд под WebGL, то одна функция не отрабатывает, из-за чего вся игра ложится.
Прошу помочь ...
0
голосов
1
ответ
203
показа
Как в Unity реализовать блокировку курсора что бы он не выходил за пределы игрового поля? В Unity работает, а при загрузке в браузер нет
public void Update()
{
if (Input.GetKey(KeyCode.L) )
{
Cursor.visible = false;
Cursor.lockState = CursorLockMode.Confined;
print("Cursor is ...
1
голос
1
ответ
443
показа
Как отключать звук в игре при сворачивание браузера?
Сделал браузерную игру на Unity WebGL нужно что бы при сворачивании окна с игрой отключался звук. Как это прописать в коде?
0
голосов
0
ответов
75
показов
Как реализованы Google Maps(zoom и перемещение)
Вопрос 1: Что из себя представляют карты? Это огромное svg изображение или что то иное?
Вопрос 2: Как реализовано масштабирование этих карт? Есть ли фреймворки и библиотеки которые помогут сделать мне ...
1
голос
2
ответа
103
показа
Как нарисовать и анимировать реальное небо с облаками?
На создание этого вопроса меня вдохновил вопрос - ответ участника @Alexandr_TT, где он нарисовал простое мультипликационное облако с использованием технологии SVG.
Вот предлагаю посмотреть похожую ...
0
голосов
1
ответ
76
показов
не знаю как сделать освещение в 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
ответ
53
показа
Приложение для визуализации из 1С?
На предприятии используют самописный софт для работы с номенклатурой из базы данных 1С (мебельная фурнитура итд.) Визуальная часть (работа с размерами, текстурой 2d графика) выполнена на Flash. ...
1
голос
2
ответа
68
показов
Как нарисовать и анимировать спичку?
Меня заинтересовала работа участника @Qwertiy♦, где он нарисовал спичку с использованием технологии CSS.
Вот его ответ на вопрос Как нарисовать спичку на CSS не изменяя HTML:
html {
font-size: ....
0
голосов
1
ответ
29
показов
Webgl 2 - некорректное отображение цвета при использовании альфа смешивания
Рисую много раз треугольник красного цвета с прозрачностью, шейдер максимально тупой
out vec4 Color;
void main(){
Color = vec4(1, 0, 0, 0.01);
}
Использую смешивание
gl.enable(gl.BLEND);
gl....
2
голоса
1
ответ
56
показов
WEBGL. Как правильно использовать текстуру для передачи данных в шейдер
Использую текстуру для передачи данных в вершинный шейдер. Данных может быть много, поэтому юниформ массив скорее всего не подойдет из-за ограничения по его размеру, либо его придется обновлять для ...
4
голоса
1
ответ
665
показов
Бум! Как нарисовать и анимировать бомбу?
У меня есть такой код:
/*Бомба*/
.bomb {
position: absolute;
bottom: 0;
right: 7%;
width: 15%;
height: 0;
padding-top: 15%;
border-radius: 100%;
background-color: #222;
}
/*...
3
голоса
1
ответ
66
показов
Как нарисовать и анимировать поезд?
Меня заинтересовала работа участника @Arthur, где он нарисовал и анимировал движение поезда с использованием технологии SVG.
Вот его ответ на вопрос Движение поезда с помощью SVG:
* {
margin: 0;
...
3
голоса
2
ответа
138
показов
Как нарисовать и анимировать Деда Мороза?
Меня заинтересовала конкурсная работа участника @OPTIMUS PRIME, где он нарисовал и анимировал Деда Мороза с помощью элемента canvas.
Вот его конкурсный ответ в теме Новогодний конкурс 2021 года!:
"...
2
голоса
1
ответ
84
показа
Three.js, пользовательский шейдер, залить png текстурой и установить прозрачность?
Стоит задача, необходимо изменить цвет текстуры с преобладанием красного. Я пытаюсь делать так, но у меня текстура полностью заливает картинку красным цветом, подскажите, пожалуйста, где ошибка?
//...
2
голоса
0
ответов
204
показа
Canvas JS. Оптимальное рисование точек
Есть программа, в основе которой отрисовка разноцветных точек на экране:
function fullScreen(elem) {
if (elem.requestFullscreen) {
elem.requestFullscreen();
...
2
голоса
1
ответ
54
показа
Как оптимизировать сет в буферный массив?
Есть вопрос по оптимизации кода.
Цель понять как уменьшить объем кода в Example 1, без значительного уменьшения производительности.
Branchmark
Setup:
let data1={line:new Float32Array(50000)}
let ...
1
голос
1
ответ
200
показов
Замена текстуры в three.js
Подскажите, пожалуйста. Пытаюсь разобраться как с помощью threejs можно получить в консоль все элементы загруженного объекта в формате GLTF, для последующей замены текстур по нажатию кнопки.
var scene,...
0
голосов
1
ответ
76
показов
Как анимировать треугольники в 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
ответов
33
показа
Изображения с большим разрешением и текстуры
Почему я не могу установить изображение с большим разрешением в качестве текстуры?
Полагаю нужно что-то поменять вот тут:
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
gl....
5
голосов
0
ответов
71
показ
Искажение цвета в webgl
Cоздаю рисовалку.
Рисую на canvas с помощью webgl множество квадратов с маской и альфой.
При альфе > 0.1 проблема незаметна. Но стоит сделать альфу чуть меньше - появляется неприятное искажение ...
2
голоса
0
ответов
56
показов
Истинный альфа-блендинг в webgl
По интернету гуляет стандартный способ
gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA
Или же
gl.ONE, gl.ONE_MINUS_SRC_ALPHA
для предумноженных изображений.
Он идеален для наложения прозрачных текстур на ...
4
голоса
1
ответ
161
показ
webgl черный экран
Что я делаю не так? рабочий пример
function drawWebglCanvas(f, v, gl, image) {
function resizeGlAndCanvas(gl) {
resizeCanvas(gl);
const resizeFunc = () => {
resizeCanvas(gl)...
5
голосов
1
ответ
173
показа
webgl обработка изображений, среднее между средним, правым и левым пикселем
Изучаю как обрабатывать изображения в webgl
Не понимаю что это значит
// среднее между средним, правым и левым пикселем
gl_FragColor = (
texture2D(u_image, v_texCoord) +
texture2D(u_image, ...
2
голоса
1
ответ
55
показов
как рендерить статичное изображение webgl
При ресайзе я вызываю две функции : resizeCanvas и renderGl
resizeCanvas изменяет размер canvas, а renderGl рендерит изображение
Я не понимаю, что нужно писать когда заново перерисовываешь статичное ...
4
голоса
1
ответ
595
показов
Как сделать эффект при движении мыши
Нужно сделать эффект при движении мыши как на этом сайте, помогите пожалуйста это реализовать для footer или подскажите в каком направлении искать. спасибо
1
голос
1
ответ
60
показов
webgl не создаётся шейдер
Переписываю код с этого урока: ссылка
У меня не создаётся шейдер, не понимаю в чём проблема. Контекст webgl создаётся
function initwebgl(canvas) {
const context = canvas.getContext("webgl2") ||...
1
голос
0
ответов
25
показов
Как подсвечивать синтаксис webgl в Sublime Text Windows 10
Собственно не найду чем подсвечивать синтаксис GLSL, webgl
0
голосов
1
ответ
39
показов
Организация текстур, буферов и тд в WebGL
Я пишу свой лёгкий движок для игр на основе WebGL. Есть объекты геометрий, текстур и тд. Я хочу создавать их таким образом
new Geometry(...);
new Texture(...);
new Mesh(...);
а затем добавлять их на ...