Форум программистов, компьютерный форум, киберфорум
Webassembly
Войти
Регистрация
Восстановить пароль
Старый
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
Запись от 8Observer8 размещена 04.03.2026 в 00:03 / Блог 8Observer8. Обновил(-а) 8Observer8 04.03.2026 в 00:05
Показов 2440 Комментарии 0

Содержание блога

Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c.zip

На первой гифке отладочные линии отключены, а на второй включены:


Вспомогательные линии нужны...
Старый
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
Запись от 8Observer8 размещена 02.03.2026 в 17:15 / Блог 8Observer8. Обновил(-а) 8Observer8 05.03.2026 в 18:05
Показов 2831 Комментарии 1

Содержание блога

Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c.zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем.



...
Старый
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
Запись от 8Observer8 размещена 27.02.2026 в 20:31 / Блог 8Observer8. Обновил(-а) 8Observer8 31.03.2026 в 19:52
Показов 2424 Комментарии 3

Содержание блога

Недавно вышла версия 3.4.2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. Однако там отсутствуют сборки для Emscripten (Wasm). Это связано с тем, что для Web-платформы критически важно, чтобы SDL3 была...
Старый
Рейтинг: 5.00. Голосов: 1.
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
Запись от 8Observer8 размещена 20.02.2026 в 16:51 / Блог 8Observer8. Обновил(-а) 8Observer8 02.03.2026 в 14:01
Показов 4036 Комментарии 0

Содержание блога

Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее препятствие на этом скриншоте:



Финальная демка этой инструкции. Итоговый код: finish-player-movement-sdl3-c.zip

В физическом мире Box2D...
Старый
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
Запись от 8Observer8 размещена 12.02.2026 в 00:48 / Блог 8Observer8. Обновил(-а) 8Observer8 03.03.2026 в 00:34
Показов 3774 Комментарии 0

Содержание блога

Финальная демка запускается в браузерах на Desktop (Windows, Linux, macOS) и в браузерах на мобильных устройствах (Android и iOS). Исходники результата: finish-box2d-v3-wasm-sdl3-c.zip



Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли...
Старый
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
Запись от 8Observer8 размещена 11.02.2026 в 14:19 / Блог 8Observer8. Обновил(-а) 8Observer8 03.03.2026 в 19:38
Показов 3608 Комментарии 0

Содержание блога

Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным фоном) встроенными средствами библиотеки SDL3. Финальная демка запускается в браузерах на Desktop (Windows, Linux, macOS) и в браузерах на мобильных устройствах (Android и iOS). Исходники результата: finish-native-png-loader-wasm-sdl3-c.zip
...
Старый
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
Запись от 8Observer8 размещена 10.02.2026 в 21:25 / Блог 8Observer8. Обновил(-а) 8Observer8 10.02.2026 в 20:47
Показов 2094 Комментарии 0

Содержание блога

Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным фоном) помощью библиотеки SDL3_image. Финальная демка запускается в браузерах на Desktop (Windows, Linux, macOS) и в браузерах на мобильных устройствах (Android и iOS). Исходники результата: finish-load-png-wasm-sdl3-c.zip

Подключение библиотек SDL3 и SDL3_image

...
Старый
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
Запись от 8Observer8 размещена 08.02.2026 в 23:05 / Блог 8Observer8. Обновил(-а) 8Observer8 10.02.2026 в 19:50
Показов 1965 Комментарии 0

Содержание блога

Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по касанию холста на мобильных устройствах. Запустить финальную демку в браузере можно по ссылке. Скачать результат: finish-play-sound-wasm-sdl3-c.zip

Подключение библиотек SDL3 и SDL3_mixer к стартовому примеру



  • Установите Emscripten 4.0.15 и CMake
...
Старый
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
Запись от 8Observer8 размещена 07.02.2026 в 17:31 / Блог 8Observer8. Обновил(-а) 8Observer8 19.02.2026 в 21:16
Показов 1787 Комментарии 0

Содержание блога

Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса отладки. В этой инструкции подключим мобильное устройство по USB-кабелю к компьютеру. Выведем отладочную информацию и мобильного веб-приложения в консоль браузера Chrome на компьютер.

...
Старый
Рейтинг: 5.00. Голосов: 1.
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
Запись от 8Observer8 размещена 02.02.2026 в 00:05 / Блог 8Observer8. Обновил(-а) 8Observer8 07.02.2026 в 20:21
Показов 3771 Комментарии 0

Содержание блога

Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик касания экрана мобильного устройства, чтобы один и тот же проект работал в браузере ПК и в браузере мобильного устройства. Исходники того, что получилось: mouse-and-touch-handlers-sdl3.zip

Если у вас не установлены Emscripten SDK и CMake, то установите...
Старый
Рейтинг: 5.00. Голосов: 1.
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf
Запись от 8Observer8 размещена 01.02.2026 в 00:47 / Блог 8Observer8. Обновил(-а) 8Observer8 19.03.2026 в 15:05
Показов 3330 Комментарии 0

Содержание блога

В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный хостинг Vercel из консоли парой консольных команд: "vercel login" и "vercel". Финальный результат инструкции в браузере: запустить демку в один клик. Исходники финальной демки: finish-hello-ttf-wasm-sdl3-c.zip

Если у вас не установлены Emscripten...
Старый
Рейтинг: 5.00. Голосов: 1.
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли в WebAssembly (Wasm)
Запись от 8Observer8 размещена 30.01.2026 в 23:45 / Блог 8Observer8. Обновил(-а) 8Observer8 01.04.2026 в 14:01
Показов 3521 Комментарии 1

Содержание блога

Финальный код: finish-hello-wasm-sdl3-c.zip

Название: 693b6f07-c865-4613-88b4-b0e812a904bf.png
Просмотров: 1369

Размер: 2.0 Кб

QR-код для запуска на смартфонах:

Название: 010516df-4372-49e1-8b0a-ffcb04494b76.png
Просмотров: 1369

Размер: 4.6 Кб

Демка в браузере

Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples (кстати, они все на Си), то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main() отсутствует:
  • SDL_AppInit
...
Старый
Рейтинг: 5.00. Голосов: 1.
Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
Запись от 8Observer8 размещена 30.01.2026 в 20:21 / Блог 8Observer8. Обновил(-а) 8Observer8 16.03.2026 в 15:31
Показов 4243 Комментарии 0

Содержание блога

Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git необходимо в данном случае только для клонирования репозитория emsdk.

Установка Emscripten SDK (emsdk)



Есть официальная пошаговая инструкция, которой мы будет следовать:

  1. Откройте терминал в корне
...
Старый
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
Запись от 8Observer8 размещена 24.01.2026 в 19:54 / Блог 8Observer8. Обновил(-а) 8Observer8 12.03.2026 в 22:24
Показов 2089 Комментарии 0

Содержание блога

Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main() отсутствует:
  • SDL_AppInit (Initialization) - эта функция срабатывает один раз самой первой.
  • SDL_AppEvent (Event Handler) - эта функция срабатывает каждый раз, когда происходит
...
Старый
Запуск модели YOLO в браузере с ONNX, WebAssembly и Next.js
Запись от Reangularity размещена 21.10.2025 в 21:27 / Vue/React/Angular/Svelte notes
Показов 5236 Комментарии 0

Нажмите на изображение для увеличения
Название: Запуск модели YOLO в браузере с ONNX, WebAssembly и Next.js.jpg
Просмотров: 360
Размер:	116.2 Кб
ID:	11322
Помню, как лет пять назад коллега спросил: можно ли запустить детекцию объектов прямо в браузере? Тогда я посмеялся - какой браузер, нужна серверная ферма с GPU. Сейчас же распознавание лиц в видеочате или детекция жестов работают локально, и никто уже не удивляется. WebAssembly перевернул представление о том, что может JavaScript. ONNX Runtime Web позволяет запускать модели машинного обучения с производительностью,...
Аватар для Reangularity
Старый
Рейтинг: 5.00. Голосов: 1.
WebAssembly как платформа для языков программирования
Запись от Jason-Webb размещена 06.10.2025 в 19:03 / Webmastering PHP
Показов 4405 Комментарии 0

Нажмите на изображение для увеличения
Название: WebAssembly как платформа для языков программирования.jpg
Просмотров: 348
Размер:	145.3 Кб
ID:	11264
WebAssembly начинался как способ ускорить веб-приложения. В 2017-м впервые запустил C++ код прямо в браузере - тогда казалось магией. Сейчас же Wasm вырос во что-то большее: универсальную платформу для запуска кода на любом языке где угодно. Не просто виртуальная машина, а целая экосистема с собственными стандартами,...
Аватар для Jason-Webb
Старый
Проблемы с Kotlin и Wasm при создании игры
Запись от GameUnited размещена 03.07.2025 в 21:23 / The biggest game world
Показов 7665 Комментарии 0

Нажмите на изображение для увеличения
Название: Проблемы с KotlinWasm при создании игры.jpg
Просмотров: 462
Размер:	241.4 Кб
ID:	10953
В современном мире разработки игр выбор технологии - это зачастую балансирование между удобством разработки, переносимостью и производительностью. Когда я решил создать свою первую веб-игру, мой выбор пал на Kotlin/Wasm и Compose Multiplatform - перспективные технологии, обещающие возможность писать код на любимом языке с запуском на любой платформе.

Kotlin/WebAssembly (или Kotlin/Wasm) - экспериментальная технология, компилирующая код на Kotlin в бинарный...
Аватар для GameUnited
Старый
WebAssembly и контейнеры в .NET Aspire для оркестрации распределенных архитектур
Запись от ArchitectMsa размещена 23.06.2025 в 21:12 / Microservice it all!
Показов 2473 Комментарии 0

Нажмите на изображение для увеличения
Название: WebAssembly и контейнеры в .NET Aspire для оркестрации распределенных архитектур.jpg
Просмотров: 368
Размер:	214.9 Кб
ID:	10920
Я наблюдаю, как WebAssembly (или просто WASM) постепенно выходит за рамки своего первоначального предназначения — исполнения кода на стороне браузера. Теперь эта технология проникает в серверную часть, предлагая уникальное сочетание безопасности, производительности и переносимости, которого нам так не хватало в традиционных контейнерных решениях.

Параллельно Microsoft выпустила .NET Aspire — стек для оркестрации распределенных...
Аватар для ArchitectMsa
Старый
Создаем SPA на C# и Blazor
Запись от stackOverflow размещена 04.05.2025 в 19:06
Показов 5002 Комментарии 0

Нажмите на изображение для увеличения
Название: dad7ada3-c120-4b36-8914-aaae14ed1e72.jpg
Просмотров: 219
Размер:	115.8 Кб
ID:	10740
Мир веб-разработки за последние десять лет претерпел коллосальные изменения. Переход от традиционных многостраничных сайтов к одностраничным приложениям (Single Page Applications, SPA) — это настоящий тектонический сдвиг в индустрии. Если раньше каждый клик пользователя...
Аватар для stackOverflow
Старый
Flutter: Оптимизация производительности сложных UI
Запись от mobDevWorks размещена 09.04.2025 в 17:37 / Mobile or nothing
Показов 3507 Комментарии 0

Нажмите на изображение для увеличения
Название: 5dca215e-7850-4593-9039-e1b8cb68a0e9.jpg
Просмотров: 213
Размер:	204.3 Кб
ID:	10562
Когда речь идет о сложных интерфейсах, Flutter сталкивается с несколькими фундаментальными проблемами производительности. Одна из них — избыточная перерисовка (repainting), когда даже небольшие изменения состояния вызывают перестроение значительных участков интерфейса....
Аватар для mobDevWorks
Старый
Рейтинг: 5.00. Голосов: 1.
Интеграция JavaScript в Haskell
Запись от golander размещена 18.03.2025 в 08:11 / go go just go
Показов 2158 Комментарии 0

Нажмите на изображение для увеличения
Название: a65cc0be-92e4-41b4-b921-4b85748d3b76.jpg
Просмотров: 305
Размер:	188.1 Кб
ID:	10443
Ключевая особенность нового JS-бэкенда GHC — возможность создавать колбэки из JavaScript в Haskell-код. Это открывает дорогу разработке полноценных браузерных приложений, позволяя реагировать на действия пользователя прямо из Haskell. Фактически это означает, что теперь мы можем писать интерфейсы пользователя на Haskell и компилировать их непосредственно в JavaScript.

Haskell
1
2
3
foreign import javascript unsafe 
""" 
((f) => {
...
Аватар для golander
Старый
Создание расширяемых WebAssembly приложений и микрофронтендов с Go
Запись от golander размещена 12.03.2025 в 08:40 / go go just go
Показов 2263 Комментарии 0

Нажмите на изображение для увеличения
Название: 71aa9c2f-bcb4-4015-9414-36c2fc1a66bf.jpg
Просмотров: 185
Размер:	183.1 Кб
ID:	10369
Go как язык программирования всегда выделялся своей простотой и производительностью, и его поддержка компиляции в WebAssembly открывает интересные возможности. Начиная с версии Go 1.11, когда был добавлен первый порт js/wasm, экосистема Go-WASM постепенно развивалась, но имела существенные ограничения в плане интеграции с внешним миром. Выход Go 1.24 обозначил важный прогресс в этом направлении, добавив две ключевые функции: директиву go:wasmexport и возможность...
Аватар для golander
Новые блоги и статьи
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: показать затраченные материалы за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru