Форум программистов, компьютерный форум, киберфорум
Webassembly
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск  
Старый
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
Запись от 8Observer8 размещена 04.03.2026 в 00:03 / Блог 8Observer8. Обновил(-а) 8Observer8 04.03.2026 в 00:05
Показов 2767 Комментарии 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
Показов 3099 Комментарии 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 07.05.2026 в 16:56
Показов 2697 Комментарии 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
Показов 4444 Комментарии 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
Показов 3991 Комментарии 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
Показов 3838 Комментарии 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
Показов 2300 Комментарии 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
Показов 2252 Комментарии 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
Показов 2037 Комментарии 0

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

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

...
Старый
Рейтинг: 5.00. Голосов: 1.
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
Запись от 8Observer8 размещена 02.02.2026 в 00:05 / Блог 8Observer8. Обновил(-а) 8Observer8 11.07.2026 в 14:14
Показов 4032 Комментарии 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
Показов 3527 Комментарии 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
Показов 3833 Комментарии 1

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

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

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

Размер: 2.0 Кб

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

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

Размер: 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
Показов 4524 Комментарии 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
Показов 2271 Комментарии 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
Показов 6347 Комментарии 0

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

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

Нажмите на изображение для увеличения
Название: Проблемы с KotlinWasm при создании игры.jpg
Просмотров: 596
Размер:	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!
Показов 2653 Комментарии 0

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

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

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

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

Нажмите на изображение для увеличения
Название: a65cc0be-92e4-41b4-b921-4b85748d3b76.jpg
Просмотров: 353
Размер:	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
Показов 2475 Комментарии 0

Нажмите на изображение для увеличения
Название: 71aa9c2f-bcb4-4015-9414-36c2fc1a66bf.jpg
Просмотров: 211
Размер:	183.1 Кб
ID:	10369
Go как язык программирования всегда выделялся своей простотой и производительностью, и его поддержка компиляции в WebAssembly открывает интересные возможности. Начиная с версии Go 1.11, когда был добавлен первый порт js/wasm, экосистема Go-WASM постепенно развивалась, но имела существенные ограничения в плане интеграции с внешним миром. Выход Go 1.24 обозначил важный прогресс в этом направлении, добавив две ключевые функции: директиву go:wasmexport и возможность...
Аватар для golander
Новые блоги и статьи
сукцессия 33. открытые вопросы от клауде
anaschu 19.07.2026
"Что накопилось за эту часть А — тринадцать правок, из которых шесть пришли из ваших вопросов и каждая оказалась реальной ошибкой, а не калибровкой: односторонний симбиоз, отсутствующий листопад,. . .
32 сукцессия
anaschu 19.07.2026
сукцессия 28‑мерное ядро стабилизировано Коллеги, фиксирую разбор инженерных правок и их изоморфную проекцию на экономику, меметику и половой отбор. Модель теперь не «подкручивает» сходимость —. . .
сукцессия 31: модель микоризы - это модель ещё нескольких явлений, социальных и экономических
anaschu 18.07.2026
Теория «Всего»: апдейт v1. 1. 2 — 28‑мерное ядро стабилизировано Коллеги, фиксирую разбор инженерных правок и их изоморфную проекцию на экономику, меметику и половой отбор. Модель теперь не. . .
сукцессия 30. Массив проверяющих друг друга моделей
anaschu 18.07.2026
Архитектура сети взаимопроверяющих моделей микоризной сукцессии (v2. 0) Развитие тензорного ОДУ-ядра и создание кросс-платформенного калибровочного полигона Уважаемые коллеги! В продолжение. . .
Грибы - это женщины, деревья - это мужчины. Анти инь янь для союза мужчины и женщины.
anaschu 18.07.2026
ГЛАВНЫЙ НАУЧНО-ФИЛОСОФСКИЙ ВЫВОД: Сексуально-Репродуктивный Капитализм против Государства Моногамии Коллеги, мы вышли на финишную прямую 20-мерного ОДУ-моделирования вековой сукцессии (ветка. . .
Текстовый слайдер с нумерацией страниц и кроссбраузерность.
russiannick 18.07.2026
Один мой друг написал текстовый слайдер с нумерацией страниц. Сегодня я расскажу как он умудрился подружить его с кроссбраузерностью. Очевидно сложно угодить с шириной каждому браузеру. Один крадет. . .
Грибы - это мемы, дерево - это человек. Применение микоризной модели к теории меметики Докинза.
anaschu 18.07.2026
Меметический изоморфизм теории «всего»: Грибная сукцессия как модель эволюции идей Докинза Базовый код системы ОДУ микоризной сукцессии описывает не просто биологию, а универсальную. . .
Грибы - это корпорации, деревья - это государства. Механизм массонского захвата власти
anaschu 18.07.2026
Макроэкономический изоморфизм теории «всего»: Грибная сукцессия как модель транснационального капитализма Базовый код системы ОДУ микоризной сукцессии описывает не просто биологию, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru