Публикации по теме 'webgl'
JavaScript, более графический подход
Думаю, на данный момент мы все знаем, что такое JavaScript. Сначала мы использовали его для простых вещей, таких как запуск событий, доступ к DOM, изменение элементов и форм.
Мы все это помним, верно? :)
Затем мы начали использовать AJAX, начали появляться различные библиотеки и фреймворки, которые значительно упрощали нашу жизнь. Затем это перешло на сторону сервера (для всех поклонников узлов), ECMAScript 6 уже здесь с БОЛЬШИМИ изменениями, так что небо это предел.
Теперь,..
Интервью со спикером: Василика Климова — Frontend Developer в Artec 3D
Поскольку до конференции AmsterdamJS осталось всего несколько недель, мы продолжаем серию интервью с докладчиками AmsterdamJS.
Сегодня мы приветствуем Василику Климову — соорганизатора сообщества MoscowJS, признанного спикера и тьютора многочисленных курсов по основам разметки и программирования на JavaScript.
AmsterdamJS: Расскажите немного о себе — как все началось? Что, по вашему мнению, было первым осознанным шагом к вашей нынешней карьере?
Василика: Я решила стать..
Vis.gl от Uber привносит glTF в визуализацию геопространственных данных
Изначально в блоге Khronos® Group было опубликовано следующее: Uber vis.gl предоставляет glTF для визуализации геопространственных данных
Автор: Георгиос Карнас, Иб Грин, Трэвис Горкин и Синтун Ся
В 2016 году команда Uber Visualization выпустила версию с открытым исходным кодом deck.gl и luma.gl , двух фреймворков Khronos Group на базе WebGL ™ для визуализации и изучения огромных наборов геопространственных данных на картах. С тех пор технология превратилась в полноценный..
Разработка игры в уличный баскетбол. Часть I. Подготовка рабочего процесса
Создание 3D-браузерной игры с физикой за несколько шагов.
Несколько дней назад я выпустил новую версию WhitestormJS framework под названием r10 и решил разработать игру, используя почти все ее функциональные возможности. (Просто было любопытно, насколько легко это будет). Задача заключалась в создании трехмерной игры, для которой требуются сложные трехмерные физические части, такие как вогнутые объекты и мягкие тела.
Настройка рабочего процесса
Перед началом разработки..
Процедурная геометрия: низкополигональные облака
Облака похожи на процедурные деревья, которые мы создали в прошлый раз. Разница в том, что мы не можем просто сложить вместе несколько объектов в форме облаков. Вместо этого мы объединим несколько сфер и дрожим вершины, чтобы они выглядели более крупными.
Эта статья является частью моей текущей серии руководств по ThreeJS средней сложности. Я давно хотел что-то среднее между уровнями вступления Как нарисовать куб и Давайте заполним экран шейдерным безумием . Итак, вот оно.
Для..
Миссия Sinewav3
Миссия
Создайте самую простую и интуитивно понятную веб-платформу для визуализации 3D-музыки и создания видео.
Зрение
Мы обслуживаем две аудитории. Оба они будут направлять каждое наше решение.
Музыкальные продюсеры
Как и мы, многие музыкальные продюсеры, с которыми мы разговаривали, говорят, что хотели бы иметь инструмент, позволяющий им организовывать визуальное сопровождение своей работы для загрузки в популярные видеосервисы.
Конечно, эти талантливые люди могли бы легко..
Вопросы по теме 'webgl'
С чего начать от сцены Maya к анимации WebGL?
У меня есть немного времени, и я действительно хотел бы научиться переводить мои анимированные сцены Maya в WebGL. Я не знаю, с чего начать. Было бы замечательно, если бы я мог создать элемент Canvas и поместить в него сцену Maya, чтобы он...
8515 просмотров
schedule
09.12.2022
Отрисовка текста на холсте с помощью WebGL
Я хочу отобразить текст на холсте с помощью WebGL, какой API WebGL следует использовать?
Примечание. «Текст» может быть либо обычным текстом, либо фрагментом HTML со стилем CSS.
8009 просмотров
schedule
04.04.2024
gl_Color — необъявленный идентификатор в WebGL.
Я смотрю на http://www.swiftless.com/tutorials/glsl/3_glcolor.html со следующим фрагментом кода:
void main() {
// Set the output color of our current pixel
gl_FragColor = gl_Color;}
Я пытался использовать gl_Color на своем WebGL. Я получил...
5174 просмотров
schedule
19.07.2022
Общая информация о PGM и WebGL
Мне действительно не помешала бы помощь здесь. Я читал, и многие сайты, которые я проверил, говорят одно и то же - что WebGL использует холст.
Однако мой вопрос заключается в том, что даже OpenGL использует элемент холста. Что отличает WebGL?...
193 просмотров
schedule
31.07.2022
Как я могу вращать сцену в webgl при перетаскивании мышью (эмулируя перемещение камеры по положению)
Итак, я читал последние несколько часов, и мне удалось заставить перетаскивание мыши работать по оси x, используя следующие вычисления матрицы, но не повезло с осью y: где newX = новая координата мыши X, предыдущаяX = Координата X мыши при последнем...
13748 просмотров
schedule
07.02.2022
Координация оси Z в WebGL и Three.js
Я экспериментирую с WebGL и Three.js, но как рассчитать координацию оси Z при перемещении мыши?
Я использую это для X и Y:
function getCoord(e) {
X = e.layerX - canvas.offsetLeft;
Y = e.layerY - canvas.offsetTop;
}
как...
824 просмотров
schedule
03.06.2022
AlphaFunctions в WebGL?
Можно ли добиться эффекта прозрачности, при котором фрагменты с альфа-каналом ниже 0,5 отбрасываются, а фрагменты с альфа-каналом выше 0,5 становятся непрозрачными? Из того, что я читал,
glEnable(GL_ALPHA_TEST);
glAlphaFunc(GL_GREATER, 0.5);...
3932 просмотров
schedule
18.06.2022
Переключение контекста холста
Предполагая, что у меня есть холст WebGL (путем вызова getContext("experimental-webgl")).
Есть ли способ переключить контекст позже для использования «2d»?
Целью такой вещи будет отображение отладочного BSOD-подобного, когда во время рендеринга...
3346 просмотров
schedule
31.03.2024
Как я могу прочитать буфер глубины в WebGL?
Используя API WebGL, как я могу получить значение из буфера глубины или каким-либо другим способом определить 3D-координаты из координат экрана (т.е. найти место, по которому щелкнули), кроме как путем выполнения моего собственного raycasting?
9022 просмотров
schedule
09.03.2024
значения вершинного и фрагментного шейдера в webgl
Я новичок в webgl. Мне было интересно, как генерируются значения вершинного и фрагментного шейдера. Я видел некоторые образцы и мог видеть огромный массив этих значений. Не мог понять, как эти значения генерируются. Существуют ли какие-либо...
529 просмотров
schedule
18.01.2024
Поведение прозрачных текстур в WebGL
Среда: WebGL, Chrome. У меня следующее поведение при использовании прозрачных png в качестве текстур для моделей:
Изображение A — дерево скрывает за собой здание, и я вижу текстуру коробки мира. Так же прячется (задние ветки не видны)
При...
16082 просмотров
schedule
27.02.2022
Возможно ли иметь два контекста WebGL на одной странице?
Я пытаюсь нарисовать одну и ту же сцену WebGL, используя два холста рядом. Является ли это возможным? Пока мне не повезло.
Идея выглядит следующим образом:
Я загружаю свою геометрию
Я установил два контекста gl , по одному на холст.
Я...
10212 просмотров
schedule
04.10.2023
WebGL отображает / загружает только определенные файлы PNG.
Я создал среду ООП для WebGL, поэтому я могу легко создавать все объекты, которые мне нужны для будущих игровых проектов, которые я могу получить. Большая часть работы уже сделана, но теперь меня мучительно расстраивает отображение файлов .png, я...
886 просмотров
schedule
03.08.2023
Three.js переопределяют THREE.Line..etc
Я делаю график с помощью three.js и хочу соединить узлы с помощью THREE.Line. После того, как я переместил один из узлов с помощью мыши, необходимо заново создать ребро (THREE.Line) с новыми координатами узлов. Как я могу это сделать?
мой код не...
1320 просмотров
schedule
02.08.2023
Как заставить WebGL Inspector отображаться в Chrome?
В Chrome у меня установлено расширение WebGL Inspector. Параметр отладки не отображается в адресной строке страницы, над которой я работаю (в которой я использую WebGL). Он отображается на других страницах в Интернете. Каковы требования для...
2221 просмотров
schedule
19.03.2024
Рендеринг WebGL в текстуру - как мне записать данные в альфа-канал?
В качестве предисловия я пытаюсь воспроизвести алгоритм рендеринга воды, описанный в этой статье http://http.developer.nvidia.com/GPUGems2/gpugems2_chapter19.html . Часть этого алгоритма требует рендеринга альфа-маски во фреймбуфер, чтобы...
1171 просмотров
schedule
08.10.2022
Интерактивный 3D-кроссбраузер/платформа/устройство
Есть ли способ отображать и управлять 3D-изображением в браузере, который будет работать в IE (без плагина) и на iPad? WebGL кажется лучшим вариантом, и есть некоторые средства поддержки WebGL на стороне сервера для браузеров, не поддерживающих...
266 просмотров
schedule
06.03.2024
Средство просмотра HTML5/JavaScript/WebGL 3D-ОБЪЕКТОВ KMZ/KML?
Есть ли какая-нибудь программа просмотра HTML5/javascript/webgl для KMZ KML 3D OBJECTS?
Я хотел бы использовать технологию WEBGL для рендеринга 3D-объекта kmz/kml (здания), созданного в SketchUp и загруженного на склад Google.
Цель состоит в...
2789 просмотров
schedule
25.02.2022
three.js - как заставить камеру смотреть на объект во время анимации
поэтому я экспериментирую с использованием анимации для анимации fov камеры на основе объекта, на который нажимают в сцене, который отлично работает, но теперь я хочу, чтобы камера переключала фокус на объект, который был нажат, который не работает....
28026 просмотров
schedule
12.11.2023
Обнаружение модуля рендеринга SwiftShader WebGL в Chrome 18
У меня есть игровой движок 2D HTML5 ( www.scirra.com ), и я действительно хочу определить, будет ли WebGL отображать с программным рендерером Chrome 18 Swiftshader. В таком случае мы во многом предпочли бы вернуться к обычному 2D-контексту холста,...
2956 просмотров
schedule
05.08.2023
