Форум программистов, компьютерный форум, киберфорум
Без категории
Форум программистов и сисадминов Киберфорум > Блоги > Блог 8Observer8
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
Без категории Записи без категории
Старый
Рисование коллайдеров Box2D v2 на Three.js с помощью порта @box2d/core
Запись от 8Observer8 размещена 06.06.2025 в 00:59 / Блог 8Observer8. Обновил(-а) 8Observer8 06.06.2025 в 01:04
Показов 1768 Комментарии 0
Метки box2d, javascript, three.js, wasm
Используется порт Box2D v2 под названием @box2d/core - пакет NPM. Загрузил документацию Box2D v2 на Netlify: https://box2d-v2-docs.netlify.app/ Документацию Box2D v2 можно скачать с официального репозитория с этой страницы: Final release of version 2

Box2D v3 заменил v2, но @box2D/core проще в изучении, чем Box2D-WASM v3, так как код проще. По v2 много туториалов.

В релизе рисование коллайдеров отключается...
Миниатюры
Нажмите на изображение для увеличения Название: debug-drawer-box2dcore-threejs-js.gif Просмотров: 98 Размер: 249.2 Кб ID: 10880  
Вложения
Тип файла: zip debug-drawer-box2d-core-v2-threejs-js-plunker.zip (5.5 Кб, 68 просмотров)
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование коллайдеров физического движка Box2D-WASM v3 на Three.js
Запись от 8Observer8 размещена 04.06.2025 в 03:43 / Блог 8Observer8. Обновил(-а) 8Observer8 04.06.2025 в 12:00
Показов 3062 Комментарии 0
Метки box2d, javascript, three.js, wasm
Erin Catto (автор Box2D) переписал с нуля Box2D v2 с С++ на Си и появилась версия Box2D v3. Birch-san собрал Box2D v3 в WebAssembly (WASM), чтобы можно было использовать Box2D v3 на JavaScript.

В этом примере я объединил Box2D-WASM v3 и Three.js, чтобы можно было видеть коллайдеры. Для прямоугольников Box2D-WASM даёт координаты...
Изображения
 
Вложения
Тип файла: zip debug-drawer-box2d-wasm-v3-threejs-js-plunker.zip (193.7 Кб, 133 просмотров)
Старый
Рейтинг: 3.00. Голосов: 2.
Подключение CMake и MinGW к Qt Creator для C и C++ без фреймворка Qt
Запись от 8Observer8 размещена 08.12.2024 в 20:50 / Блог 8Observer8
Показов 5968 Комментарии 0
Метки c, c++, cmake, mingw, qt, qt creator
Записал видео. Qt Creator скачивается с GitHub без фреймворка Qt.

Сколько весит:
  • Архив с Qt Creator 15.0.0 весит 123 MB. Займёт на жёстком 465 MB
  • CMake 3.31.2 - 115 MB
  • MinGW 14.2 - 829 MB

По ссылкам ниже архив с более старой, но меньшей версией MinGW 11.2, которая весит 571 MB в распакованном виде, а не 829 MB, как MinGW 14.2:
Старый
Рейтинг: 3.67. Голосов: 3.
Запуск программы на C++ в браузере с помощью Emscripten
Запись от 8Observer8 размещена 12.07.2024 в 17:23 / Блог 8Observer8
Показов 1248 Комментарии 0
Метки c++
Содержание блога

Программы на C++ можно размещать на своём сайте для портфолио. Плюс запуска в браузере в том, что вам не нужно заботиться о сборке исполняемых файлов под различные операционные системы и платформы. Ваша программа запустится в один клик на любой ОС и даже на мобильном...
Старый
Рейтинг: 5.00. Голосов: 1.
Вращение, перемещение, приближение и отдаление камеры мышкой на Qt 6.6.3 и OpenGL ES 2.0 для Android, Desktop и Web
Запись от 8Observer8 размещена 15.06.2024 в 17:51 / Блог 8Observer8
Показов 1824 Комментарии 1
Метки c++, c++ qt, qt
Содержание блога

Демка в браузере на WASM
  • Вращать камеру - зажатой левой кнопкой мыши
  • Перетаскивать камеру - зажатой правой кнопкой мыши
  • Приближать/отдалять камеру - вращением колёсика мыши

Исходники и исполняемые приложения:
...
Миниатюры
Нажмите на изображение для увеличения Название: 66d92cc54a3b912a0f0a7d7f6fceddfb2233de70.png Просмотров: 519 Размер: 5.4 Кб ID: 8751   Нажмите на изображение для увеличения Название: orbit-controls-opengles2-qt6-cpp.gif Просмотров: 947 Размер: 184.6 Кб ID: 8752  
Изображения
 
Вложения
Тип файла: zip orbit-controls-opengles2-qt6-cpp.zip (6.0 Кб, 414 просмотров)
Тип файла: zip orbit-controls-opengles2-qt6-cpp-exe.zip (8.22 Мб, 353 просмотров)
Тип файла: zip orbit-controls-opengles2-qt6-cpp-apk.zip (8.76 Мб, 371 просмотров)
Тип файла: zip orbit-controls-opengles2-qt6-cpp-wasm.zip (4.94 Мб, 320 просмотров)
Старый
Рейтинг: 3.67. Голосов: 3.
Демка с Марио на бесплатных ассетах на чистом OpenGL ES 2.0, Qt C++, Box2D, OpenAL для Android, Windows и WebAssembly
Запись от 8Observer8 размещена 22.05.2024 в 17:50 / Блог 8Observer8
Показов 1428 Комментарии 0
Метки c++, opengl
Содержание блога

Следующую демку с Марио на бесплатных ассетах я написал на С++ на чистом OpenGL ES 2.0 с использованием C++-фреймворка Qt 6. Собрал исполняемые файлы для Android, Windows и WebAssembly (для запуска в браузере). В демке использую Box2D для: передвижения, прыжка, определения столкновений...
Миниатюры
Нажмите на изображение для увеличения Название: mario-2d-jumps-webfussel-opengles2-qt6-cpp-android.gif Просмотров: 500 Размер: 1,002.4 Кб ID: 8710  
Вложения
Старый
Рейтинг: 5.00. Голосов: 1.
Простой контроллер от третьего лица на Three.js, OimoPhysics и JavaScript
Запись от 8Observer8 размещена 11.05.2024 в 23:36 / Блог 8Observer8
Показов 870 Комментарии 0
Метки javascript
Содержание блога

Демка на бесплатном хостинге Glitch

Исходники на Glitch

GitHub репозиторий

Камера следует за кораблём. Камеру можно вращать вокруг объекта с помощью зажатой левой кнопкой мыши. Камеру можно приближать и отдалять с помощью колёсика мыши. На сцене есть куб через который корабль не может пройти, потому что вокруг куба статический коллайдер, а вокруг корабля динамический коллайдер в форме сферы.
Миниатюры
Нажмите на изображение для увеличения Название: ship-movement-oimophysics-rollup-threejs-js.gif Просмотров: 190 Размер: 990.8 Кб ID: 8675  
Вложения
Тип файла: zip ship-movement-oimophysics-rollup-threejs-js.zip (684.2 Кб, 278 просмотров)
Старый
Рейтинг: 5.00. Голосов: 1.
My step by step guides
Запись от 8Observer8 размещена 30.04.2024 в 19:42 / Блог 8Observer8
Показов 806 Комментарии 0
Метки c++, opengl
Blog contents
Миниатюры
Нажмите на изображение для увеличения Название: distribute-a-link.png Просмотров: 151 Размер: 22.1 Кб ID: 8661  
Изображения
 
Вложения
Старый
Рейтинг: 5.00. Голосов: 2.
Консольные команды для форматирования исходного кода на C++, JavaScript, HTML и CSS. Сортировка пакетов на Python
Запись от 8Observer8 размещена 18.02.2024 в 16:35 / Блог 8Observer8
Показов 1809 Комментарии 1
Метки c, c++, css, html, javascript, python, си
Содержание блога

Здесь представлены ссылки на утилиты и команды для автоматического форматирования отступов из консоли. Если использовать Far Manager, то консольные команды будут сохранены в подсказчике. Far Manager похож на Total Commander, но можно показывать и скрывать консоль сочетанием клавиш Ctrl+O. Например, достаточно будет ввести команду...
Старый
Рейтинг: 5.00. Голосов: 1.
Спрайт в стиле SFML на Qt6, OpenGL ES 2.0, C++, Python и JavaScript для Android, Desktop и WebAssembly
Запись от 8Observer8 размещена 17.02.2024 в 19:23 / Блог 8Observer8
Показов 1006 Комментарии 0
Метки c++, javascript, opengl, python
Содержание блога

Пример загружает спрайты из sprite sheet, который был создан в FreeTexturePacker. Парсится JSON-файл. Здесь работа со страйтом в стиле SFML, то есть используются методы, как в SFML:

C++
1
2
3

    void setPosition(float x, float y);
    void setSize(float w, float h);
    void setTextureRect(const QString &spriteName);
Песочницы:
Прикреплённые исходники:...
Миниатюры
Нажмите на изображение для увеличения Название: c77d02eb-b413-4b83-9b46-7f93d04e9fc7.png Просмотров: 182 Размер: 6.4 Кб ID: 8504   Нажмите на изображение для увеличения Название: 09332a35-0e52-4f36-ab84-92f182dc3045.png Просмотров: 155 Размер: 38.2 Кб ID: 8505  
Вложения
Тип файла: zip sprite-in-sfml-style-opengles2-pyqt6-python.zip (12.6 Кб, 337 просмотров)
Тип файла: zip sprite-in-sfml-style-opengles2-pyside6-python.zip (12.6 Кб, 380 просмотров)
Тип файла: zip sprite-in-sfml-style-opengles2-qt6-cpp.zip (15.4 Кб, 437 просмотров)
Тип файла: zip sprite-in-sfml-style-opengles2-qt6-cpp-android-7-14-apk.zip (8.94 Мб, 380 просмотров)
Тип файла: zip sprite-in-sfml-style-opengles2-qt6-cpp-win10x64-exe.zip (10.85 Мб, 377 просмотров)
Тип файла: zip sprite-in-sfml-style-rollup-webgl-js.zip (24.8 Кб, 469 просмотров)
Старый
Рейтинг: 5.00. Голосов: 2.
Примеры с библиотеками физики, которые используются для разработки игр и интерактивных анимаций
Запись от 8Observer8 размещена 22.07.2023 в 19:29 / Блог 8Observer8
Показов 2545 Комментарии 9
Метки c++
Содержание блога

Содержание:
  1. Анимация прыгающего мяча в 3D с помощью физической библиотеки Bullet Physics, OpenGL1, FreeGLUT и C++
  2. Пример триггера, текста и рисования коллайдеров с помощью библиотеки физики Bullet Physics, OpenGL1, FreeGLUT и C++
  3. Пример взрыва при касании сферического триггера, текста и отключения/включения рисования коллайдеров с помощью библиотеки физики Bullet Physics, OpenGL1, FreeGLUT и C++
  4. Спрайт в стиле SFML, используя WebGL 1.0 и JavaScript
  5. Jumping with ground check using ray casting, Box2D-WASM, Melon.js, and JavaScript
...
Миниатюры
Нажмите на изображение для увеличения Название: bouncing-ball-bullet-opengl1-freeglut-cpp.gif Просмотров: 215 Размер: 507.4 Кб ID: 8180   Нажмите на изображение для увеличения Название: trigger-bullet-opengl1-freeglut-cpp.gif Просмотров: 735 Размер: 408.0 Кб ID: 8183   Нажмите на изображение для увеличения Название: explosion-bullet-opengl1-freeglut-cpp-400x400.gif Просмотров: 738 Размер: 432.2 Кб ID: 8184  

Вложения
Тип файла: zip bouncing-ball-bullet-opengl1-freeglut-cpp.zip (1.44 Мб, 299 просмотров)
Тип файла: zip trigger-bullet-opengl1-freeglut-cpp.zip (1.40 Мб, 227 просмотров)
Тип файла: zip explosion-bullet-opengl1-freeglut-cpp.zip (1.37 Мб, 269 просмотров)
Тип файла: zip bullet3-3.24-mingw-64-bit.zip (4.65 Мб, 289 просмотров)
Тип файла: zip freeglut-3.2.2-mingw-64-bit.zip (296.0 Кб, 230 просмотров)
Тип файла: zip glu.zip (3.0 Кб, 239 просмотров)
Тип файла: zip can-jump-with-ray-casting-box2dwasm-melonjs-js.zip (246.6 Кб, 314 просмотров)
Старый
Рейтинг: 5.00. Голосов: 5.
WebGL-демка с маяком от первого лица в одиночном и кооперативном режимах
Запись от 8Observer8 размещена 19.06.2023 в 16:06 / Блог 8Observer8
Показов 990 Комментарии 0
Метки javascript
Содержание блога

Сделал простые модели маяка, острова, забора в Blender. Запёк тени в Blender. Собрал демку на Rollup, JavaScript, WebGL 1.0, OimoPhysics, glMatrix. Вы можете ходить с FPS-камерой в одиночном и кооперативном режимах: https://8observer8.github.io/w... s/?lang=ru
Миниатюры
Нажмите на изображение для увеличения Название: simple-lighthouse-oimophysics-webgl-js.png Просмотров: 247 Размер: 122.2 Кб ID: 8103  
Вложения
Старый
Рейтинг: 5.00. Голосов: 5.
Реализовал простейший мультиплеер, используя WebSockets, с анимациями из Resident Evil
Запись от 8Observer8 размещена 28.05.2023 в 14:33 / Блог 8Observer8
Показов 1628 Комментарии 1
Метки node.js, python
Содержание блога

Реализовал простейший мультиплеер, используя WebSockets (пакет https://www.npmjs.com/package/ws) и Node.js. Отправляю ввод с клавиатуры на сервер, который ретранслирует его на другие клиенты. Используется WebGL 1.0, glMatrix и OimoPhysics. Извлёк оригинальные модели, текстуры и анимации, используя RE1MV. Создал скелетную...
Миниатюры
Нажмите на изображение для увеличения Название: multiplayer-short.gif Просмотров: 706 Размер: 1.80 Мб ID: 8080   Нажмите на изображение для увеличения Название: jill-animations-webgl-js-optimize.gif Просмотров: 625 Размер: 1.99 Мб ID: 8081   Нажмите на изображение для увеличения Название: barry-animations-webgl-js.gif Просмотров: 649 Размер: 1.69 Мб ID: 8082  

Вложения
Старый
Рейтинг: 5.00. Голосов: 2.
Демка от первого лица на WebGL для осмотра результата туториала: Blender: Interior Environments for Games by Alan Thorn
Запись от 8Observer8 размещена 21.05.2023 в 21:53 / Блог 8Observer8
Показов 1215 Комментарии 0
Метки webgl
Содержание блога

Сделал демку на WebGL 1.0 (OimoPhysics, glMatrix), в которой можно от первого лица перемещаться (WASD + мышь) и осматривать результат выполнения туториала "Blender: Interior Environments for Games by Alan Thorn"

На трубу надо было тоже запечь тень, а то она выделяется без тени, но в туториале так было. Позже запеку.
Миниатюры
Нажмите на изображение для увеличения Название: result-of-game-environments-tutorial-by-alan-thorn.png Просмотров: 263 Размер: 335.4 Кб ID: 8071  
Вложения
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование домика в 2D с GUI на WebGL 1.0 (JavaScript, TypeScript) и OpenGL 2.1 (Python, C++, Qt, PyQt, PySide)
Запись от 8Observer8 размещена 05.02.2023 в 16:34 / Блог 8Observer8
Показов 2187 Комментарии 1
Содержание блога

Рисование домика в 2D с GUI на:
  • JavaScript, WebGL 1.0
  • TypeScript, WebGL 1.0
  • Python, PyQt6, OpenGL 2.1
  • Python, PySide6, OpenGL 2.1
  • C++, Qt6, OpenGL 2.1
и размышления по поводу инструментов программировани­­­­я рисования графики

Исходники на GitHub:
...
Миниатюры
Нажмите на изображение для увеличения Название: house-2d-opengl21-pyside6-python.gif Просмотров: 1378 Размер: 69.4 Кб ID: 7926  
Вложения
Тип файла: zip house-2d-opengl21-qt6-cpp-win10-64bit-exe.zip (7.48 Мб, 411 просмотров)
Тип файла: zip house-2d-webgl-js.zip (5.7 Кб, 308 просмотров)
Тип файла: zip house-2d-webgl-ts.zip (6.1 Кб, 358 просмотров)
Тип файла: zip house-2d-opengl21-pyqt6-python.zip (4.2 Кб, 347 просмотров)
Тип файла: zip house-2d-opengl21-pyside6-python.zip (4.3 Кб, 341 просмотров)
Тип файла: zip house-2d-opengl21-qt6-cpp.zip (5.8 Кб, 385 просмотров)
Старый
Рейтинг: 5.00. Голосов: 1.
Класс b2Draw на JavaScript с поддержкой ES6-module в составе модуля box2d-wasm
Запись от 8Observer8 размещена 20.01.2023 в 14:32 / Блог 8Observer8
Показов 1788 Комментарии 1
Метки javascript
Содержание блога

Пакет box2d-wasm имеет в составе класс b2Draw на JavaScript с поддержкой ES6-module. Класс b2Draw необходим для рисования границ коллайдеров.

Официальный пример на GitHub

Код официального примера

index.html

PHP/HTML
1
2
3
4
5
6
7

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width,initial-scale=1'>
 
    <title>Box2D in WebAssembly</title>
...
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование коллайдеров физического движка Box2D с помощью b2Draw, OpenGL1, PyQt6 и Python
Запись от 8Observer8 размещена 15.01.2023 в 11:02 / Блог 8Observer8
Показов 2223 Комментарии 2
Метки pyqt, python
Содержание блога

Пример показывает, как рисовать коллайдеры с помощью b2Draw. Используется OpenGL версии 1 для простоты.

pyBox2D работает с Python 3.8. Скачайте и установите Python 3.8 отсюда: https://www.python.org/downloads/

Установите необходимые пакеты с помощью этой команды из CMD:

pip установить Box2D PyQt6 PyOpenGL
Скачайте исходный код: https://github.com/8Observer8/... ngl1-pyqt6

Перейдите...
Миниатюры
Нажмите на изображение для увеличения Название: fb996c81-97b7-4638-bf04-ecbc7e6a32c7.gif Просмотров: 1102 Размер: 156.5 Кб ID: 7875  
Вложения
Тип файла: zip edit-gravity-debug-drawer-opengl1-pyqt6-main.zip (118.9 Кб, 345 просмотров)
Старый
Рейтинг: 5.00. Голосов: 2.
Конвертация Ammo.js в ES6-модуль для использования с Rollup на JavaScript
Запись от 8Observer8 размещена 22.11.2022 в 19:53 / Блог 8Observer8
Показов 1017 Комментарии 0
Метки javascript
Содержание блога

Сделано на основе этого решения, то есть этой демки и этого кода.

Решение такое - в файле ammo.js нужно удалить следующий код:



Пример на Rollup выводящий значение гравитации

Для работы примера нужно глобально установить следующие модули командой: "npm i -g rollup broserify uglify-js"...
Вложения
Тип файла: zip ammo-es-module-rollup-js.zip (3.9 Кб, 249 просмотров)
Тип файла: zip ammo-es.zip (434.0 Кб, 283 просмотров)
Старый
Рейтинг: 5.00. Голосов: 1.
Видео примера простого рисования треугольника на OpenGL2, Qt6 и С++
Запись от 8Observer8 размещена 10.10.2022 в 23:41 / Блог 8Observer8
Показов 215 Комментарии 0
Метки c++, opengl, qt
Я создал сейчас каналы на Rutube и Boosty. Загрузил первое видео по примеру из сообщения #4. Мне оно не очень понравилось. Я его, скорее всего, перезапишу, а потом также текстом опишу пример с матрицей проекции и добавлю видео. На Youtube добавлю, когда сделаю субтитры на английском.

makefile

Windows Batch file
1
2
3
4
5
6
7
8

# Build commands for CMD:
# qmake -makefile
# mingw32-make
# "./release/app"
 
QT += core gui openglwidgets
 
win32:
...
Миниатюры
Нажмите на изображение для увеличения Название: triangle.png Просмотров: 69 Размер: 3.4 Кб ID: 7729  
Вложения
Тип файла: zip very-simple-triangle-opengl2-qt6-cpp.zip (1.7 Кб, 98 просмотров)
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование коллайдеров типов Box и Sphere созданных с помощью физического движка Cannon-ES на WebGL и TypeScript
Запись от 8Observer8 размещена 05.08.2022 в 14:11 / Блог 8Observer8
Показов 1270 Комментарии 0
Метки typescript, webgl
Содержание блога

Класс CannonDebugger я взял из этого сообщения.

На Sandbox скройте и откройте предварительный просмотр, чтобы увидеть результат нажатием сочетаний клавиш: Ctrl+Shift+D

Инструкция по сборке:
  • Установить пакеты глобально: `npm i -g typescipt parcel browserify uglify-js http-server`
  • Установить пакеты локально: `npm i`
  • Запустить parcel для отладки
...
Изображения
  
Вложения
Тип файла: zip cannon-es-box-sphere-debugger-webgl-ts-main.zip (29.6 Кб, 453 просмотров)
Старый
Рейтинг: 5.00. Голосов: 1.
Демка перемещения Jill с помощью физического движка Ammo.js (порт Bullet Physics)
Запись от 8Observer8 размещена 16.07.2022 в 14:42 / Блог 8Observer8
Показов 2394 Комментарии 0
Метки webgl
Содержание блога

Демка перемещения Jill с помощью физического движка Ammo.js (порт Bullet Physics). Исходники контроллера управления от третьего лица в этой теме: Управление героем стрелками в 3D, вид от 3-го лица, на WebGL

Миниатюры
Нажмите на изображение для увеличения Название: jill-movement.gif Просмотров: 2573 Размер: 1.58 Мб ID: 7635  
Вложения
Старый
Рейтинг: 5.00. Голосов: 1.
Несколько базовых изменений в PyQt6 и PySide6 касательно графики на шейдерном OpenGL
Запись от 8Observer8 размещена 26.06.2022 в 00:23 / Блог 8Observer8
Показов 2237 Комментарии 5
Метки opengl, pyqt
Содержание блога

Эти изменения верны и для PySide6. Тема: Разница между PyQT 5 и PyQT 6

1. OpenGL-классы перенесли в отдельное пространство имён PyQt6.QtOpenGL:

PyQt5:
Python
1
2

from PyQt5.QtGui import (QOpenGLBuffer, QOpenGLShader, QOpenGLShaderProgram,
                         QOpenGLTexture)
PyQt6:

Python
1

from PyQt6.QtOpenGL import (QOpenGLBuffer, QOpenGLShader, QOpenGLShaderProgram,
...
Старый
Рейтинг: 5.00. Голосов: 1.
Программировани­е на языке JavaScript с помощью Rollup на примере Three.js и Cannon-ES
Запись от 8Observer8 размещена 23.06.2022 в 11:52 / Блог 8Observer8
Показов 902 Комментарии 0
Метки javascript
Содержание блога
  • Установите редактор кода VSCode и Node.js
  • Создайте пустую папку для проекта и перейдите в неё с помощью терминала
  • Введите в терминале команду: code . (не забудьте добавить точку, эта команда запустит VSCode в текущей директории)
  • Откройте терминал в VSCode (в меню: "View" > "Terminal"
...
Старый
Рейтинг: 5.00. Голосов: 1.
Программировани­е на языке TypeScript с помощью Parcel на примере Three.js и Cannon-ES
Запись от 8Observer8 размещена 23.06.2022 в 08:57 / Блог 8Observer8
Показов 1003 Комментарии 1
Метки typescript
Содержание блога
  • Установите редактор кода VSCode и Node.js
  • Установите глобально пакеты TypeScript и Parcel командами в терминале: npm i -g typescript parcel
  • Создайте пустую папку для проекта, перейдите в неё в терминале и создайте в ней файл package.json командой: npm init -y
  • Введите в терминале команду: code . (не забудьте добавить
...
Старый
Рейтинг: 5.00. Голосов: 3.
Пример сборки JavaScript-проекта с помощью Rollup с ES6-модулями: Cannon-ES, Three.js, OrbitControl, ColladaLoader
Запись от 8Observer8 размещена 09.06.2022 в 19:18 / Блог 8Observer8
Показов 983 Комментарии 1
Метки javascript
Содержание блога

Cannon-ES - это физический движок для браузерных 3D-игр и неигровых симуляций физики, разработчики которого были вдохновлены физическим движком Ammo.js, который является прямом портом с C++ физического движка Bullet Physics. Cannon-ES - более легковесный и проще в использовании, чем Ammo.js

Инструкция:
  • Установите Rollup командой: npm i -D rollup
  • Используйте следующую команду для отладки:
...
Миниатюры
Нажмите на изображение для увеличения Название: ThreeJSAndCannonES.gif Просмотров: 300 Размер: 99.8 Кб ID: 7590  
Вложения
Тип файла: zip falling-box-threejs-cannon-es-js.zip (7.6 Кб, 278 просмотров)
Старый
Рейтинг: 5.00. Голосов: 2.
Игровая демка "Сапёр" на чистом WebGL 1.0 и JavaScript из туториала "Unity 2D Minesweeper Tutorial" от NoobTuts
Запись от 8Observer8 размещена 06.03.2022 в 11:49 / Блог 8Observer8
Показов 2217 Комментарии 0
Метки javascript, unity, unity2d, webgl
Содержание блога

Игровая демка "Сапёр" на чистом WebGL 1.0 и JavaScript портированная из туториала Unity 2D Minesweeper Tutorial от NoobTuts

Название: 01 - you win.png Просмотров: 5790 Размер: 5.7 Кб Название: 02 - you lose.png Просмотров: 5740 Размер: 7.2 Кб

Для создания игровой демки использовались инструменты:
  • Легковесный бесплатный редактор кода VSCode, который
...
Вложения
Тип файла: zip minesweeper-2d-noobtuts-port-planckjs-webgl-js.zip (43.5 Кб, 497 просмотров)
Старый
Рейтинг: 5.00. Голосов: 1.
Загрузка 3D-моделей из Blender из формата dae без текстур на WebGL 1.0. Физический движок Cannon.js для падения кубиков
Запись от 8Observer8 размещена 08.01.2022 в 18:14 / Блог 8Observer8
Показов 1056 Комментарии 0
Метки javascript, webgl
Содержание блога

В примере загружаются стандартные объекты Blender из формата dae без текстур. Цвет каждого объекта задаётся в самой программе - цвет через uniform-переменную передаётся в фрагментный шейдер. Библиотека...
Миниатюры
Нажмите на изображение для увеличения Название: transform-animation-from-dae.gif Просмотров: 362 Размер: 316.7 Кб ID: 7368   Нажмите на изображение для увеличения Название: colored-objects-from-dae-and-cannonjs.gif Просмотров: 400 Размер: 595.0 Кб ID: 7369  
Вложения
Тип файла: zip colored-objects-from-dae-cannonjs-webgl-js.zip (357.3 Кб, 414 просмотров)
1 из 8 1 2345 »
Новые блоги и статьи
Квантовые алгоритмы и обработка строк в Q#
EggHead 07.06.2025
Квантовые вычисления перевернули наше представление о том, как работать с данными, а Q# стал одним из ключевых языков для разработки квантовых алгоритмов. В традиционых системах мы оперируем битами —. . .
NUnit и C#
UnmanagedCoder 07.06.2025
В . NET существует несколько фреймворков для тестирования: MSTest (встроенный в Visual Studio), xUnit. net (более новый фреймворк) и, собственно, NUnit. Каждый имеет свои преимущества, но NUnit. . .
с++ Что нового?
russiannick 06.06.2025
Продолжаю обзор dev-cpp5. 11. Посмотрев на проекты, предоставленные нам для обучения, становится видно, что они разные по содержащимся файлам где: . dev обязательно присутствует . cpp/ . c один из них. . .
WebAssembly в Kubernetes
Mr. Docker 06.06.2025
WebAssembly изначально разрабатывался как бинарный формат инструкций для виртуальной машины, обеспечивающий высокую производительность в браузерах. Но потенциал технологии оказался гораздо шире - она. . .
Как создать первый микросервис на C# с ASP.NET Core, step by step
stackOverflow 06.06.2025
Если говорить простыми словами, микросервисная архитектура — это подход к разработке, при котором приложение строится как набор небольших, слабо связанных сервисов, каждый из которых отвечает за. . .
Рисование коллайдеров Box2D v2 на Three.js с помощью порта @box2d/core
8Observer8 06.06.2025
Используется порт Box2D v2 под названием @box2d/ core - пакет NPM. Загрузил документацию Box2D v2 на Netlify: https:/ / box2d-v2-docs. netlify. app/ Документацию Box2D v2 можно скачать с официального. . .
Как создать стек в Python
AI_Generated 05.06.2025
Как архитектор с более чем десятилетним опытом работы с Python, я неоднократно убеждался, что знание низкоуровневых механизмов работы стеков дает конкурентное преимущество при решении сложных задач. . . .
Server-Sent Events (SSE) в Node.js
run.dev 05.06.2025
Потоковая передача данных с сервера прямо в браузер стала повседневной потребностью - от биржевых графиков и спортивных трансляций до чатов и умных дашбордов. Много лет разработчики полагались на. . .
Создаем RESTful API на Golang с Fiber
golander 04.06.2025
Я перепробовал десятки фреймворков для создания RESTful API за последние годы, и когда впервые столкнулся с Fiber, понял, что это совсем другой уровень. Нет, я не собираюсь рассказывать сказки о. . .
Как работать с куки в ASP.NET Core
UnmanagedCoder 04.06.2025
Когда я впервые начал работать с куки в ASP. NET Core, меня поразило, насколько отличается работа с ними от классического ASP. NET. В Core все стало более декомпозированным - больше нет удобного. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru
OSZAR »