|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
11.01.2018, 00:48 | #1 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Проекты на Three.js и Babylon.js
Предлагаю делиться здесь проектами/примерами на Three.js и Babylon.js
Для затравки выложу примеры из начальных официальных туториалов. Getting Started (Three.js) Песочница: https://plnkr.co/edit/vaiCvJNydTTQh4Jn0kB1?p=preview Код:
Песочница: https://plnkr.co/edit/HUdxpwY392ZieGIOSY3l?p=preview Код:
|
03.02.2018, 14:22 | #2 |
Старожил
Регистрация: 12.01.2011
Сообщений: 19,500
|
Three.js замок на острове и двигающиеся вперед-назад лодки.
Лаба сделанная несколько лет назад в вузе. Код и подробное описание реализации (англ.): https://github.com/AlexP11223/Three.js_IslandCastle Запустить можно тут: https://alexp11223.github.io/Three.j...tle/index.html
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом. Последний раз редактировалось Alex11223; 03.02.2018 в 15:46. |
04.02.2018, 13:17 | #3 |
Старожил
Регистрация: 12.01.2011
Сообщений: 19,500
|
Вторая лаба.
Тот же замок, но с текстурами и моделями охраны. Рыцари ходят вокруг замка + кнопкой можно добавить еще рыцарей, они выйдут из замка и тоже начнут патрулировать этот радиус. Текстуры и модели с http://opengameart.org Для работы нужен HTTP сервер (просто отдающий файлы), или изменение каких-то настроек безопасности браузеров. В то время я использовал Mongose https://cesanta.com/binary.html (его советовал в книге "Learning Three.js" J. Dirksen): там просто кинуть .ехе в папку и запустить. Код и подробное описание реализации (англ.): https://github.com/AlexP11223/Three.js_GuardedCastle Запустить можно тут: https://alexp11223.github.io/Three.j...tle/index.html
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом. Последний раз редактировалось Alex11223; 04.02.2018 в 13:19. |
04.02.2018, 13:36 | #4 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Загрузка текстурированного объекта JSON-формата и текстуры в Three.js из 3D-редактора Blender
Кубик создан в Blender'е (Blender - это бесплатный аналог Maya и 3DsMax). Текстура для кубика создана в GIMP (GIMP - это бесплатный аналог Photoshop'а) Кубик экспортирован в JSON из Blender'а с помощью плагина: Three.js Blender Export Песочница: https://plnkr.co/edit/Owc6rAOwaF0WUQjghH8D?p=preview Исходники архивом: textured-cube.zip Blender проект: cube.blend.zip GIMP проект: cube.gimp.zip textured-cube.png |
05.02.2018, 14:49 | #5 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Снеговики из встроенных сфер и конусов на Three.js
Демка: https://codepen.io/8Observer8/full/JORMMd Исходники: snowmen.zip snowmen.png |
01.03.2018, 22:32 | #6 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Загрузка плоскости с Normal Map из Blender'а в Babylon.js
Демка на весь экран Демка в песочнице Исходники: normal-map.zip Карта нормалей создана в Blender'е по туториалу: Blender Урок 10 Запекание карт нормалей baking-normal-map.jpg index.html Код:
Код:
Код:
Последний раз редактировалось 8Observer8; 01.03.2018 в 22:34. |
04.03.2018, 18:13 | #7 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Забыл добавить в сообщение выше style.css:
Код:
|
19.11.2021, 14:44 | #8 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Skybox на Babylon.js и JavaScript
Демка в песочнице Код:
|
22.11.2021, 00:52 | #9 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Падающие кубики. Matter.js, Babylon.js, JavaScript
Кубики падают на статические объекты.
index.html Код:
|
22.11.2021, 17:41 | #10 |
Старожил
Регистрация: 02.01.2011
Сообщений: 3,327
|
Пример комбинации графики на Babylon.js и физики на Matter.js в классе на TypeScript
Box.ts [JS] import * as BABYLON from "babylonjs"; import * as Matter from "matter-js"; export default class Box { private _box: BABYLON.Mesh; private _body: Matter.Body; private RATIO = 100; public constructor(x: number, y: number, width: number, height: number, depth: number, isStatic: boolean, matterEngine: Matter.Engine, scene: BABYLON.Scene) { this._box = BABYLON.MeshBuilder.CreateBox("box" , { width: width, height: height, depth: depth }, scene); this._box.position.x = x; this._box.position.y = y; this._body = Matter.Bodies.rectangle(x * this.RATIO, y * this.RATIO, width * this.RATIO, height * this.RATIO, { isStatic: isStatic }); Matter.World.add(matterEngine.world , this._body); } public update(): void { this._box.position.x = this._body.position.x / this.RATIO; this._box.position.y = this._body.position.y / this.RATIO; this._box.rotation.z = this._body.angle; } } [/JS] |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Многофайловые проекты | SomeGuy | Паскаль, Turbo Pascal, PascalABC.NET | 3 | 22.05.2016 16:48 |
проекты | komra2 | C# (си шарп) | 9 | 16.02.2016 18:52 |
Многофайловые проекты. | inc | Общие вопросы C/C++ | 1 | 25.04.2012 16:57 |
разработать проекты.... | Virus | Помощь студентам | 2 | 20.06.2007 17:53 |