Извините, ничего не найдено.

Не расстраивайся! Лучше выпей чайку!
Регистрация
Справка
Календарь

Вернуться   forum.boolean.name > Веб-программирование > JavaScript / HTML

JavaScript / HTML Создание динамической разметки страниц

Ответ
 
Опции темы
Старый 31.08.2015, 13:23   #1
Skaner
ПроЭктировщик
 
Аватар для Skaner
 
Регистрация: 30.01.2012
Сообщений: 162
Написано 40 полезных сообщений
(для 86 пользователей)
j2Ds

Может кому будет интересно или даже полезно =)
Ведем разработку игрового 2D движка на HTML5 основе.
Сейчас пока возможностей не так много...

Исходники движка: https://github.com/SkanerSoft/J2ds

Характеристики
- Жанровая направленность: 2D игры любого жанра и типа;
- Платформа: HTML5;
- Лицензия: абсолютно бесплатно и без ограничений;
- Языки программирования: JavaScript;
- Открытый исходный код: предоставляется;
- Достоинства: понятен для новичков, открыт, развивается;
- Разработчики движка: SkanerSoft

Особенности
- Поддержка ограничения FPS
- ООП архитектура
-Работа с примитивами
- Прозрачности, цветовые эффекты
- Спрайты, сложные линии
- Анимация изображений, работа со спрайт-картами, скорость анимации, фрейм-движок
- Работа со сценой, как с объектом
- Работа с игровыми состояниями, меню, паузы, уровни
- Поддержка мыши/клавиатуры/тачскрина
- Обнаружение столкновений, создание собственных объектов на основе имеющихся
- Работа с камерами, вращение, перемещение, поддержка viewports
- Постобработка, motionBlur, alphaBlur, Сепия, инверс цветом и т.д.

Целевая платформа для готовой игры может быть совершенно любой, на данный момент протестированы следующие платформы:

WEB (Chrome, FireFox, Web-browser Ubuntu, Safari, Opera)
Android (начиная с 4.4.2, ниже не тестили)
iOS
Социальная сеть ВКонтакте (по сути тот же веб)

Примеров игр пока мало... поиграть в них можно тут
Посмотреть еще пример
__________________
Blitz3D - СИЛА!

Последний раз редактировалось moka, 23.09.2015 в 15:31.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
St_AnGer (31.08.2015)
Старый 31.08.2015, 14:12   #2
Nerd
Чудо-кот
 
Аватар для Nerd
 
Регистрация: 22.02.2011
Сообщений: 901
Написано 480 полезных сообщений
(для 1,471 пользователей)
Ответ: j2Ds

Слишком сыро.
Пример с бегущим кубиком тормозит (или это фича?), ибо хотя бы пост-эффекты надо рисовать через 3д-контекст.
a= createRect(vec2df(50, 50), vec2df(30, 30), 'black');
Ппц. В javascript такой подход не годится.
(Offline)
 
Ответить с цитированием
Сообщение было полезно следующим пользователям:
Skaner (31.08.2015)
Старый 31.08.2015, 15:12   #3
Skaner
ПроЭктировщик
 
Аватар для Skaner
 
Регистрация: 30.01.2012
Сообщений: 162
Написано 40 полезных сообщений
(для 86 пользователей)
Ответ: j2Ds

В каком плане тормозит? Сыро - это не то слово)) В разработке ведь еще) Про кубик... при частых прыжках "время" в игре замедляется, чем реже прыжки - тем быстрее движется кубик и тем быстрее набираются очки.
__________________
Blitz3D - СИЛА!
(Offline)
 
Ответить с цитированием
Старый 31.08.2015, 15:15   #4
Skaner
ПроЭктировщик
 
Аватар для Skaner
 
Регистрация: 30.01.2012
Сообщений: 162
Написано 40 полезных сообщений
(для 86 пользователей)
Ответ: j2Ds

Про подход, можно использовать след. варианты:
a= addRectNode(vec2df(10, 50), vec2df(20, 20), 'red');
или
a= addRectNode({x:10, y:30},{x:20, y:20}, 'red');
или
a= new RectNode(10, 30, 20, 20, 'red')
__________________
Blitz3D - СИЛА!
(Offline)
 
Ответить с цитированием
Старый 20.09.2015, 20:29   #5
Skaner
ПроЭктировщик
 
Аватар для Skaner
 
Регистрация: 30.01.2012
Сообщений: 162
Написано 40 полезных сообщений
(для 86 пользователей)
Ответ: j2Ds


Движок обновился, сделал адекватную справку на гите, и пару рабочих демок в архиве с двигом. Растем)))
__________________
Blitz3D - СИЛА!
(Offline)
 
Ответить с цитированием
Старый 20.09.2015, 21:44   #6
Randomize
[object Object]
 
Аватар для Randomize
 
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,354
Написано 2,470 полезных сообщений
(для 6,850 пользователей)
Ответ: j2Ds

Сообщение от Skaner Посмотреть сообщение
Про подход, можно использовать след. варианты:
a= addRectNode(vec2df(10, 50), vec2df(20, 20), 'red');
или
a= addRectNode({x:10, y:30},{x:20, y:20}, 'red');
Это создаёт новые сущности (Object со всеми его многообразными свойствами), которые накапливаются в памяти пока ни придёт Garbage Collector, он это дело найдёт и будет чистить. Во время чистки будет ощутимый "пролаг".
В js нужно очень бережно аллоцировать память.
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
(Offline)
 
Ответить с цитированием
Старый 20.09.2015, 21:50   #7
Nikich
Бывалый
 
Регистрация: 22.12.2011
Сообщений: 844
Написано 150 полезных сообщений
(для 275 пользователей)
Ответ: j2Ds

Почему не WebGL? Почему не используется паттерн object pool?
(Offline)
 
Ответить с цитированием
Старый 21.09.2015, 14:05   #8
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: j2Ds

Исходники открыты, а можно ссылку на гит в первом посте?
И какие у вас преимущества против например pixi.js?
(Offline)
 
Ответить с цитированием
Старый 23.09.2015, 14:24   #9
Skaner
ПроЭктировщик
 
Аватар для Skaner
 
Регистрация: 30.01.2012
Сообщений: 162
Написано 40 полезных сообщений
(для 86 пользователей)
Ответ: j2Ds

Сообщение от moka Посмотреть сообщение
Исходники открыты, а можно ссылку на гит в первом посте?
Нет возможности редактировать первый пост, видимо время истекло...

По поводу преимуществ перед Pixi сказать ничего не могу, так как с Pixi не знаком.

На гите описаны возможности и лежит подробная справка.

Движок имеет очень низкий порог вхождения и не требует каких-то сверх знаний в области проектирования ООП в целом.

Из коробки уже есть работа с примитивами, спрайтами, устройствами ввода, слоями. Есть возможность определять игровые состояния (аналогично activity в Android), поддержка клавиатуры, мыши, сенсоров... много всего есть.

Ссылка на гит: https://github.com/SkanerSoft/J2ds

В первый пост, увы, добавить не могу =(
__________________
Blitz3D - СИЛА!
(Offline)
 
Ответить с цитированием
Старый 23.09.2015, 14:41   #10
Nikich
Бывалый
 
Регистрация: 22.12.2011
Сообщений: 844
Написано 150 полезных сообщений
(для 275 пользователей)
Ответ: j2Ds

Движок имеет очень низкий порог вхождения и не требует каких-то сверх знаний в области проектирования ООП в целом.
Это же не означает, что код движка должен быть плохо спроектирован. Object pool даст существенный прирост в скорости, особенно в JS.
(Offline)
 
Ответить с цитированием
Старый 23.09.2015, 15:32   #11
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: j2Ds

Сообщение от Skaner Посмотреть сообщение
Нет возможности редактировать первый пост, видимо время истекло...

В первый пост, увы, добавить не могу =(
Добавил.

Сообщение от Skaner Посмотреть сообщение
По поводу преимуществ перед Pixi сказать ничего не могу, так как с Pixi не знаком.
Очень рекомендую ознакомится детально с рынком 2д движков сперва. Понять суть их проблем и приемуществ.

Делать репозиторий на русском языке, изначально себя ограничивать от 99% потенциальной аудитории.
(Offline)
 
Ответить с цитированием
Старый 25.10.2015, 10:58   #12
Skaner
ПроЭктировщик
 
Аватар для Skaner
 
Регистрация: 30.01.2012
Сообщений: 162
Написано 40 полезных сообщений
(для 86 пользователей)
Ответ: j2Ds

Проект делается исключительно для русскоговорящих. Хотя и не отменяет использования другими людьми, кто понимает этот язык, а так же движок подразумевает очень низкий порог вхождения в процесс разработки.

Мы обновились до версии 0.0.5, появилось много нового, например: менеджер состояний, возможность генерировать текстуры программно, создавать шаблоны алгоритмов текстурирования, на основе этого можно делать генерируемые облака, траву, всегда разные. Скоро добавятся деревья, постройки, и персонажи. Так же обновилась система контроллеров, поддерживаются все события клавиатуры а так же есть возможность считывания символа при нажатии, удобно для проверки чит-кода)
__________________
Blitz3D - СИЛА!
(Offline)
 
Ответить с цитированием
Старый 26.10.2015, 01:09   #13
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: j2Ds

0.0.5? А какую нотацию версий вы используете?
(Offline)
 
Ответить с цитированием
Старый 26.10.2015, 14:18   #14
Skaner
ПроЭктировщик
 
Аватар для Skaner
 
Регистрация: 30.01.2012
Сообщений: 162
Написано 40 полезных сообщений
(для 86 пользователей)
Ответ: j2Ds

Сейчас я перешел на сем. версионирование, и начиная с этой версии веду проект самостоятельно, раньше он разрабатывался кусочками, и каждый отдельный сегмент кода имел свою версию, версии выходили как попало.
__________________
Blitz3D - СИЛА!
(Offline)
 
Ответить с цитированием
Старый 26.10.2015, 15:43   #15
moka
.
 
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений
(для 6,863 пользователей)
Ответ: j2Ds

Если ты используешь семантическую версию нотаций, то твой 0.0.5 должен быть 0.1.0, т.к. ты реализовал новые фичи, а не только баг фиксы, и это minor (второе число) обновление.
(Offline)
 
Ответить с цитированием
Ответ


Опции темы

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 21:22.


vBulletin® Version 3.6.5.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
Style crйe par Allan - vBulletin-Ressources.com