Форум программистов, компьютерный форум, киберфорум
Three.js
Войти
Регистрация
Восстановить пароль
Старый
Рисование коллайдеров Box2D v2 на Three.js с помощью порта @box2d/core
Запись от 8Observer8 размещена 06.06.2025 в 00:59 / Блог 8Observer8
Показов 5761 Комментарии 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 много туториалов.

В релизе рисование коллайдеров...
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование коллайдеров физического движка Box2D-WASM v3 на Three.js
Запись от 8Observer8 размещена 04.06.2025 в 03:43 / Блог 8Observer8
Показов 5820 Комментарии 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...
Старый
Рейтинг: 5.00. Голосов: 1.
Интеграция JavaScript в Haskell
Запись от golander размещена 18.03.2025 в 08:11 / go go just go
Показов 2060 Комментарии 0

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

Haskell
1
2
3
foreign import javascript unsafe 
""" 
((f) => {
...
Аватар для golander
Старый
Рейтинг: 5.00. Голосов: 1.
Простой контроллер от третьего лица на Three.js, OimoPhysics и JavaScript
Запись от 8Observer8 размещена 11.05.2024 в 23:36 / Блог 8Observer8
Показов 1105 Комментарии 0
Метки gamedev, javascript, three.js

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

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

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

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

Камера следует за кораблём. Камеру можно вращать вокруг объекта с помощью зажатой левой кнопкой мыши. Камеру можно приближать и отдалять с помощью колёсика мыши. На сцене есть куб через который корабль не может пройти, потому что вокруг куба статический коллайдер, а вокруг корабля динамический коллайдер в форме сферы.
Старый
Рейтинг: 5.00. Голосов: 1.
Программировани­е на языке JavaScript с помощью Rollup на примере Three.js и Cannon-ES
Запись от 8Observer8 размещена 23.06.2022 в 11:52 / Блог 8Observer8
Показов 1242 Комментарии 0
Метки javascript, three.js

Содержание блога
  • Установите редактор кода VSCode и Node.js
  • Создайте пустую папку для проекта и перейдите в неё с помощью терминала
  • Введите в терминале команду: code . (не забудьте добавить точку, эта команда запустит VSCode в текущей директории)
  • Откройте терминал в VSCode (в меню: "View" > "Terminal"
...
Старый
Рейтинг: 5.00. Голосов: 1.
Программировани­е на языке TypeScript с помощью Parcel на примере Three.js и Cannon-ES
Запись от 8Observer8 размещена 23.06.2022 в 08:57 / Блог 8Observer8
Показов 1216 Комментарии 1
Метки three.js, 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
Показов 1146 Комментарии 1
Метки javascript, three.js

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

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

Инструкция:
  • Установите Rollup командой: npm i -D rollup
  • Используйте следующую команду для отладки:
...
Старый
Рейтинг: 5.00. Голосов: 1.
Змейка 3D из NoobTuts на TypeScript и Three.js
Запись от 8Observer8 размещена 23.07.2019 в 17:12 / Блог 8Observer8
Показов 2343 Комментарии 0
Метки gamedev, three.js, typescript

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

Перевёл результат тутора Unity 2D Snake Tutorial с C#/Unity на TypeScript/Three.js

Кликните, чтобы запустить в браузере.
Старый
Рейтинг: 5.00. Голосов: 1.
Пример дружбы TypeScript с Three.js
Запись от 8Observer8 размещена 01.07.2019 в 01:46 / Блог 8Observer8
Показов 5684 Комментарии 2
Метки three.js, typescript

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

Пример я переписал на TypeScript из официальной документации, отсюда: https://threejs.org/docs/#manu... ng-a-scene

Песочница на TypeScript

Исходники в архиве

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

Исходные файлы


package.json

JSON
1
2
3
4
{
    "name": "getting-started-with-threejs",
    "version": "1.0.0",
    "description": "",
...
Старый
Рейтинг: 5.00. Голосов: 1.
Книги по графике: HTML5 Canvas, WebGL, ThreeJS и Phaser
Запись от 8Observer8 размещена 13.09.2016 в 09:05 / Блог 8Observer8
Показов 17767 Комментарии 0

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

На русском по WebGL:
  1. 2015 - WebGL. Программирование трехмерной графики - Коичи Мацуда, Роджер Ли -> описание -> исходники

На русском по Canvas
  1. 2016 - JavaScript для детей. Самоучитель по программированию -> описание

На английском по Canvas и WebGL:
  1. 2011 - 11 - Foundation HTML5 Animation with JavaScript - Billy Lamberta, Keith Peters -> description and source code
  2. 2012 - 05 - Core HTML5 Canvas Graphics, Animation, and Game Development
...
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru