Рубрика «WebGL»

в 8:47, , рубрики: blender, glTF, javascript, three.js, TypeScript, vue.js, WebGL, браузерные игры, оптимизация производительности, разработка игр

Привет.

Я frontend-разработчик и большую часть времени работаю с интерфейсами. В какой-то момент мне стало интересно, можно ли на привычном для меня веб-стеке сделать не демо с вращающимся кубом, а законченную 3D-игру — с загрузкой сцены, управлением, звуком, меню, мобильной версией и публикацией на платформе.

Так появилась Taproom 8 — браузерная игра, в которой нужно искать аномалии в мрачном баре.

Играть: Taproom 8 в Яндекс Играх

Исходный код: GitHub

Ниже расскажу не столько о самой игре, сколько о том, как она устроена внутри.

Читать полностью »

в 13:53, , рубрики: canvas, colordx, glsl, gpu, javascript, oklch, WebGL, оптимизация, производительность, фрагментные шейдеры

Конвертируем цвета в JS со скоростью 6 миллиардов операций в секунду

В начале этого года я создал @colordx/core, самую быструю JS‑библиотеку для работы с цветом: парсинг различных форматов, конвертация в OKLAB/OKLCH, проверка попадания в P3-гамут и многое другое. Библиотека весит всего 7 КБ и не имеет внешних зависимостей. Высокую скорость обеспечили оптимизации под V8: мономорфизм, скрытые классы, ноль лишних аллокаций.

Читать полностью »

в 10:46, , рубрики: IL2CPP, linux, ntfs, ryzen, symlink, tmpfs, unity, WebGL, xfs

Меня не устраивало, что мой мини-ПК на Windows 11 с AMD Ryzen 7 7735HS (8 ядер, 16 потоков) и 32 ГБ DDR5 (в одноканальном режиме) компилирует WebGL для яндекс игр в полтора раза дольше, чем MacBook Air M1 с 16 ГБ.

Эта статья о том, как получить двойную скоростью без апгрейда комплектующих! От создания флешки до первого билда с использованием tmpfs и символьных ссылок Symlinks (для одновременной работы над несколькими проектами).

Шаг 1. Подготовка и правильная запись ISO-образа

Для миграции был выбран дистрибутив CachyOSЧитать полностью »

в 8:28, , рубрики: autocad, dxf, opensource, three.js, TypeScript, WebGL, рендеринг

Уж казалось бы, онлайн гляделок dxf — пруд пруди. Но кто сталкивался с удивительным форматом dxf, знают — сколько вьюеров, столько и вариантов отображения. К тому же, большинство таких гляделок используют бэкенд для рендера. Но зачем, неужели так сложно отобразить 2D‑чертёж в браузере? Насколько это может быть сложно?

Читать полностью »

в 13:55, , рубрики: a-life, gigahrush, llm, procedural generation, survival horror, TypeScript, WebGL, браузерная игра, геймдев, самосбор

Привет. Я пресс атташе команды ГИГАХРУЩ — браузерный survival horror / ARPG shooter про вылазки внутри безграничной бетонной структуры.

Да, звучит как питч из папки после этого меня точно забанят, поэтому начну с технической части. Это не Unity WebGL, не Phaser, не Godot export, не React‑обвязка вокруг canvas и не набор купленных ассетов. Игра собрана как один браузерный билд на TypeScript/Vite, WebGL/canvas, процедурных текстурах, процедурных спрайтах, процедурном звуке и плоских структурах данных.

Читать полностью »

в 18:15, , рубрики: glsl, javascript, WebGL, Программирование, шейдеры

Хочу рассказать о генераторе GLSL-кода для WebGL, позволяющем писать шейдеры буквально на JavaScript с некоторыми условностями, используя все удобства IDE, такие как рефакторинг, подсветка синтаксиса, автокомплит и проверка на ошибки, а в математических выражениях использовать обычные JS операторы: +, -, *, /, =, +=, -=, *=, /=, ++, --.

Сразу приведу пример рабочего кода, чтобы было понятно, о чем идет речь:

Читать полностью »

в 8:16, , рубрики: glsl, mobx, node.js, WebGL, инженерия, МКЭ, расчеты на прочность, сопромат
Моделирование пространственных стержневых систем

ammonit.xyz

ammonit3d в каталоге RuStore

www.rustore.ru

Читать полностью »

в 6:40, , рубрики: 3d, Gamedev, javascript, playcanvas, WebGL, браузерные игры, игровые движки, мобильные игры, прототипирование

Хотя я немного разочаровался в web-движке PlayCanvas, после того как его апгрейды поломали мне первый диаблоид - для каких-то очень маленьких легковесных игр он остаётся достаточно хорош. Поэтому для разнообразия реанимировал аккаунт и немного погрузился в программирование на js, написав аркаду (с механикой что-то вроде специфического урезанного BattleCity, но на сфере), где инопланетный космический кораблик летает над некоей планеткой.

Nanoplanet

в 8:05, , рубрики: Box64, Box86, fpga, GenBook RK3588, gpio, Intel N100, Joshua Riek, linux, npu, NVMe, Orange PI 5 Plus, playonlinux, Qualcomm, Radxa X4, Raspberry Pi, rdp, Rockchip RK3588, Snapdragon X Elite, speedometer, ssd, Steam, sysbench, timeweb_статьи, Ubuntu, WebGL, wine, YouTube, мини-пк, производительность, энергопотребление
Orange Pi 5 Plus 32GB

Производительность ARM процессоров каждый год увеличивается и все ближе приближается к x86 процессорам. Компания Apple давно отказалась от процессоров Intel в пользу процессоров собственной разработки на ARM архитектуре. Но домашний/офисный ПК это не только процессор, но и софт, драйвера, и подключение любых устройств из коробки. Компания Shenzhen Xunlong Software вначале 2023 г. выпустила одноплатный компьютер Orange PI 5 Plus на базе высокопроизводительного процессора Rockchip RK3588 с 32 ГБ ОЗУ и возможностью подключения NVMe SSD дисков. По техническим характеристикам такой одноплатный компьютер сопоставим с домашним/офисным ПК. Проверим на сколько комфортно работать за таким одноплатником, смотреть YouTube, видео, и конечно же поиграем, установим Steam от Valve. Но самое главное оценим работу системы «из коробки» т.е. без танцев с бубном. Вначале рассмотрим характеристики Orange PI 5 Plus, затем процессор Rockchip RK3588, установку и настройку системы, подключение периферийных устройств, и посмотрим, на сколько хорош Linux на ARM для домашнего использования. В итоге рассмотрим какие существуют преграды замены текущих x86 систем на ARM.
Читать полностью »

в 8:40, , рубрики: WebGL, карты
Фото Алексея Румянцева

Фото Алексея Румянцева

Читать полностью »

123...10...19
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js