Публикации по теме 'webgl'
Камера игры
Пример использования
Ссылка на игру.
Для Рождественских экспериментов этого года я сделал небольшую (крошечную) игру для камеры. Создавать его было забавным занятием, на которое ушло полторы недели очень поздних ночей после работы.
Я давно мечтал создать настоящую игру с камерой - единственным реальным примером является Pokemon Snap и пара игр, в которых были камеры, такие как The Legend of Zelda и Beyond Good and Evil . . Я думаю, что это могло бы быть так же весело,..
Three.js 101: Инструменты и советы (часть 2)
Three.js 101: Инструменты и советы (часть 2)
Пользуясь случаем, я хотел бы поделиться с вами некоторыми полезными инструментами, которые я использую во время работы с Three.js. Необязательно использовать все, но иногда они могут быть очень полезны.
Это вторая часть серии, которая начинается здесь .
Stats.js
Этот инструмент позволяет нам отслеживать производительность нашего приложения, это действительно помогает избежать узких мест и проверить стабильность проекта...
Краткое введение в WebGL
В этом посте я расскажу о кратком введении в WebGL для всех, кто хочет начать работу с трехмерной веб-графикой. Я объясню, как работает конвейер рендеринга, и в качестве примера мы отрендерим простую графику.
Что такое WebGL
WebGL - это кроссплатформенный бесплатный API, используемый для создания трехмерной графики в веб-браузере. Основанный на OpenGL ES 2.0, WebGL использует язык затенения OpenGL, GLSL , и предлагает привычный стандарт OpenGL API.
Основные особенности WebGL..
NVIDIA: зависание системы через WebGL
и тайна исчезающих квадратов
[ Из серии статей об ошибках компилятора шейдеров графического процессора. ]
[ Предыдущая остановка: Intel ]
Здесь мы поговорим о нашем опыте применения GLFuzz к двум системам NVIDIA: ПК Ubuntu с GTX Titan и телевизионной приставке NVIDIA Shield с Tegra X1, тестируя проприетарные драйверы NVIDIA в обоих случаях. (Мы также протестировали платформу Windows с GTX 770 и машину Ubuntu с GTX 1050, с аналогичными результатами.)
Ubuntu, стоп!
Подобно тому,..
Вопросы по теме 'webgl'
Можно ли поддерживать WebGL в старых браузерах через плагин или аддон?
Что касается незрелости ситуации и несколько ярких возможностей WebGL, я решил использовать его для создания онлайн-приложения. Для тех пользователей, у которых установлен Firefox 4 или Chrome, проблем нет. Но что делать пользователям Firefox 3.*...
967 просмотров
schedule
06.06.2023
Доступ к данным изображения/текстуры (текселям) в WebGL
У меня есть следующий фрагмент кода на WebGL:
var texture = gl.createTexture();
texture.image = new Image();
texture.image.onload = function() {
.... // I want to read the pixels once the image has been loaded
};
texture.image.src =...
6524 просмотров
schedule
27.05.2023
WebGL с кросс-компилятором, например GWT (рекомендации)
Я хотел бы попробовать WebGL, но не очень люблю JavaScript. Существуют ли какие-либо компиляторы *-to-JavaScript, такие как GWT (Java to JavaScript), которые вы можете порекомендовать для разработки WebGL? ?
2281 просмотров
schedule
07.07.2022
Какой графический API для браузеров мне следует изучить?
Какой API 3D-графики для браузеров мне следует изучить? Я слышал, что есть WebGL для Firefox 4, O3D для Chrome, а Shockwave существует уже десять лет для всех браузеров. Могут быть и другие, но я не уверен. Кажется, что каждый современный браузер...
364 просмотров
schedule
20.11.2022
Не загружаются текстуры в webgl. чтение и управление с 2D-холста, сохранение в массиве
Я пытаюсь (новичок) создать приложение в webgl. Я дошел до того, что хочу загрузить массив изображений и выполнить некоторые манипуляции с пикселями. Я пытаюсь получить первый столбец пикселей каждого изображения в массиве и создать с ним новое...
1858 просмотров
schedule
14.08.2022
Как превратить данные, загруженные из JQuery.get, в ArrayBuffer?
Я пытался найти ответ на этот вопрос в течение последних трех дней с различными известными мне ключевыми словами, но не смог продвинуться далеко. Я новичок в JavaScript/WebGL, поэтому потенциально это может оказаться полным невежеством с моей...
2519 просмотров
schedule
01.03.2023
Как правильно отображать совпадающие полигоны в OpenGL (ES)
Я понимаю, что, установив функцию глубины в OpenGL ES, можно контролировать, как перекрывающиеся геометрические объекты отображаются в 3D-сцене. Я использую gl.depthFunc(gl.LEQUAL) (webgl) в своем коде.
Однако, когда два набора полигонов...
7204 просмотров
schedule
20.06.2022
Напишите Google Планета Земля в браузере с помощью webgl(three.js) и API карт, с чего начать?
Я изучаю three.js, теперь я могу писать демоверсии, как куб, который можно перемещать с помощью мыши. Что я хотел бы сделать дальше, так это Google Планета Земля в браузере, который будет использовать API Карт Google для получения изображения и...
1758 просмотров
schedule
22.09.2022
Как измерить использование графической памяти приложением WebGL
Я видел несколько приложений для профилирования приложений DirectX и OpenGL, которые измеряют использование графической памяти. Я не смог найти ничего подобного для WebGL.
Я использую WebGLInspector для отладки приложений WebGL, но...
5801 просмотров
schedule
29.01.2023
Установка значений массива структур из JS в GLSL
Я пытался создать структуру, которая будет содержать все источники света моего приложения WebGL, и у меня возникли проблемы с настройкой ее значений из JS. Структура выглядит следующим образом:
struct Light {
vec4 position;
vec4 ambient;...
3010 просмотров
schedule
11.05.2022
альтернативы webGL на Android
Поскольку Android WebKit изначально не поддерживает webGL (правда?), я с нетерпением жду возможности эмулировать webGL во встроенном приложении WebKit.
Существуют ли какие-либо привязки, которые раскрывают интерфейсы OpenGL ES Java для Javascript...
839 просмотров
schedule
15.05.2023
Блокировать правые клики на холсте с контекстом WebGL
Я хочу, чтобы правая кнопка мыши на холсте HTML5 не вызывала контекстное меню, так как это мешает играм, управляемым мышью.
Я попытался добавить oncontextmenu="return false;" к атрибутам тега canvas . Это работает, когда холст использует...
3602 просмотров
schedule
14.06.2022
Начало работы с марширующими кубами в three.js
Я новичок в Three.js и ищу учебник, который поможет мне начать использовать Marching Cubes в three.js. Некоторые из проектов, которые я видел до сих пор в three.js, которые используют это, немного сложны для меня, поэтому простое руководство было бы...
6356 просмотров
schedule
13.06.2023
Обработка 2D-изображений с помощью WebGL
Я намерен создать простой фоторедактор на JS. Мой главный вопрос: можно ли создавать фильтры, которые отображаются в реальном времени? Например, регулировка яркости и насыщенности. Все, что мне нужно, — это 2D-изображение, к которому я могу...
12022 просмотров
schedule
16.04.2022
WEBGL/OPENGLES - Как объединить несколько рендеров в один?
вот моя проблема:
Я хочу разделить холст на 4 виртуальных квадранта, и в каждом квадранте я хочу отобразить одну и ту же сцену с разными цветами (с разными шейдерами фрагментов), чтобы сравнить некоторые эффекты в реальном времени. Я не уверен,...
1280 просмотров
schedule
09.09.2022
WebGL drawArrays с недопустимым режимом не генерирует ошибку
Итак, в середине моего кода я вызываю:
gl.drawArrays(381,3,0);
gl.getError();
А вызов getError() возвращает 0. Что может быть причиной такого странного поведения?
Изменить: я использую хром
163 просмотров
schedule
25.11.2022
Это ошибка Three.js с загрузчиком collada?
Здесь есть демонстрация three.js: http://mrdoob.github.com/three.js/examples/webgl_loader_collada.html
Он работает отлично, но если я хочу использовать рендерер холста вместо webgl, он глючит.
renderer = new THREE.CanvasRenderer();...
1477 просмотров
schedule
18.06.2022
Отображение координатных линий 3D-земли
Вот трехмерная земля, созданная на основе Three js . Я хочу найти местоположение долготы и широты текущего местоположения и показать линии координат.
Какой должна быть стратегия для определения этих линий отвода?
Как я могу сопоставить свою...
323 просмотров
schedule
26.07.2023
Рекомендуемая библиотека JS для анимации складывания бумаги в стиле оригами
Я хотел бы создать анимацию складывания бумаги в стиле оригами, используя WebGL или Canvas (без Flash!). Эффект, который я хотел бы воспроизвести, аналогичен тому, что показан в видео. здесь .
Четкое представление финальной анимации для куба...
3362 просмотров
schedule
06.12.2022
Следует ли настроить вывод шейдера WebGL на гамму?
Должен ли фрагментный шейдер WebGL выводить значения gl_FragColor RGB, которые являются линейными, или с некоторой степенью 1 ⁄ γ для корректировки гаммы дисплея? Если последнее, нужно ли использовать конкретное значение или все приложение...
3139 просмотров
schedule
21.02.2022
