Arion Aug 8 2011 at 11:14

Создаем html5 мини-бродилку на CraftyJS

12 min

15K

Game development*

+66

Comments 42

RiderSx Aug 8 2011 at 11:18

Все что без серверной части можно выложить на narod.ru/, думаю яндекс точно вытянет)) Ну или прямо на гитхабе можно выкладывать тоже :)

ArtemSmirnov Aug 8 2011 at 11:20

 <!-- objects -->
 <script type="text/javascript" src="js/objects/flower.js"></script>
 <script type="text/javascript" src="js/objects/bush.js"></script>
 <script type="text/javascript" src="js/objects/grass.js"></script>
 <script type="text/javascript" src="js/objects/unit.js"></script>
 <script type="text/javascript" src="js/objects/player.js"></script>
 <script type="text/javascript" src="js/objects/fourway_ai.js"></script>
 <script type="text/javascript" src="js/objects/monster.js"></script>
 <!-- scenes -->
 <script type="text/javascript" src="js/scenes/loading.js"></script>
 <script type="text/javascript" src="js/scenes/main.js"></script>
 <script type="text/javascript" src="js/scenes/win.js"></script>
 <script type="text/javascript" src="js/scenes/lose.js"></script>

Arion Aug 8 2011 at 11:31

ваши предложения, не используя серверные языки, и не гавнокодя один огромный файл?

TheShock Aug 8 2011 at 11:33

Есть ещё вариант — require.js

Arion Aug 8 2011 at 11:39

Каюсь, не видел такого кросбраузерного решения, хотя для туториала, ИМХО, перечисление более наглядно.

ArtemSmirnov Aug 8 2011 at 11:33

Ну например requirejs.org/docs/api.html#jsfiles

tenshi Aug 8 2011 at 11:39

а что плохого в использовании серверных языков?

в любом случае удобнее подключать 1 скрипт, который уже подключит все остальные.

Arion Aug 8 2011 at 11:41

это немного не по теме, речь идет о создание игр на html5, например для дальнейшего портирования на мобильные устройства через phonegap

tenshi Aug 8 2011 at 13:56

что плохого в использовании серверных/десктопных скриптов во время разработки?

mark_ablov Aug 8 2011 at 11:47

как бы продакшен версия одно, девелоперская — другое.
для первой гораздо лучше один огромный файл, который можно собрать различными тулзами, тем же Closure Compiler, например.
Для второго, конечно, удобнее модульная структура.

TheShock Aug 8 2011 at 11:32

С чего бы вдруг? Во время разработки я тоже подключаю по файлу на каждый класс.

ArtemSmirnov Aug 8 2011 at 11:37

Я тоже обычно включаю по файлу на класс, но когда это доходит до больших масштабов стараюсь избежать длинного списка файлов.

bdiang Aug 22 2011 at 08:08

А нужны ли подгрузки во время игры? По моему надежнее во время лоадинга загрузить все, чтобы не тревожить геймплей подгрузками (конечно до тех пор пока память позволяет). В рамках игры да еще и такой мелкой, facepalm'ы по поводу классического подключения скриптов это просто придирки :)

Ano Aug 8 2011 at 11:42

bush — это куст :)

Arion Aug 8 2011 at 11:44

блин, вы меня раскусили, плохо владею английским да еше и дальтоник =)

avatarmov Aug 8 2011 at 11:42

Вы не поверите: пару дней назад делал для nds игру с абсолютно той же задумкой, только там пещеры, вместо цветочков — сокровища.

Может это знак ..?)

mariofag Aug 8 2011 at 15:00

Знак, сообщающий, что рогалики достаточно популярны среди разработчиков?

CoDe_reD Aug 8 2011 at 11:45

Пару раз вылетел за карту и вернуться уже не получилось. А так забавная игра, ну и конечно интересная реализация.

alesto Aug 8 2011 at 11:49

Подскажите пожалуйста как пройти 5й уровень.

Arion Aug 8 2011 at 11:50

там очень сложный бос, в него нужно камнями кидаться

romign Aug 8 2011 at 12:27

спрятался :(

romign Aug 8 2011 at 12:39

Вы забыли добавить описание фичи: нажимаем одновременно две стрелки и получаем способность хождения сквозь и внутри стен.

mirrr Aug 9 2011 at 00:30

Возможность выхода за карту тоже есть.

djung Aug 8 2011 at 12:48

нашел баг, если нажать одновременно вверx и W, то персонаж проскакивает через стены и ускоряеться.

artishok Aug 8 2011 at 12:59

Тоже самое если нажимать: A + левая стрелка, D + правая стрелка, S + стрелка вниз.

Arion Aug 8 2011 at 13:01

это всего лишь базовый пример, не на что не претендующий, все исходники открыты github.com/arion/simplerpg так что «Fork & Go»

AusTiN Aug 8 2011 at 13:01

не продумано :(

doremidon Aug 8 2011 at 13:13

кто просмотрел тему для того чтобы проиграть? )

bazilxp Aug 8 2011 at 13:17

10k.aneventapart.com/
Афтор у тебя все шансы есть поучаствовать в 10k конкурсе =)

Тогда придется весь JS в один скрипт, дальше closure или yui compressor, дальше пожать в PNG и сделать загразчик.

Kaaboeld Aug 8 2011 at 13:43

Конкурс по html5 играм уже прошел, этот по сайтам и задача там иная.

bazilxp Aug 8 2011 at 13:46

Пруф 10k.aneventapart.com/ ДО 12 Сентября
habrahabr.ru/company/microsoft/blog/125641/

Всё еще только начинается

Kaaboeld Aug 8 2011 at 13:55

Ииии? прочитайте описание конкурса. Я в той теме даже отписывался так что в курсе как никак. К играм этот конкурс не имеет никакого отношения а приведенный в данном топике проект с конкурсом связан разве что используемыми технологиями. Там речь идет о создании сайтов с «отзывчивым» интерфейсом независим от платформы на которой он открывается, адаптируясь под пользовательское окружение, и используя в своей функциональности все его преимущества и тд.

Другими словами это конкурс от той же компании но совсем с другой темой.

deepslam Aug 8 2011 at 13:49

NOD32 говорит, что на демо страничке вирус.

alexxxst Aug 8 2011 at 17:29

Однако…

Arion Aug 8 2011 at 17:31

может он все сайты на народе считает опасными? все исходники открыты, в статье описано что и что делает, так что смотрите сами, вирусов там точно нет…

alexxxst Aug 8 2011 at 17:34

Да, похоже, что все сайты на народе в черном списке. Жесть.

127 Aug 8 2011 at 21:32

А такой вопрос, интереса ради попробовал во всех объектах заменить Canvas на DOM — и ни фига. За z-индексами и стилями компонентов надо «вручную» следить?

Arion Aug 8 2011 at 22:50

в Canvas тоже нужно следить за слоями, за это отвечает атрибут z, а не заработало у вас потому, что в коде используются методы, которые присущи только для компонента Canvas, необходимо заменить их на аналогичные для DOM

127 Aug 9 2011 at 09:49

ага, покопавшись глубже, понял
спасибо

gribozavr Aug 8 2011 at 23:09

> This source code was highlighted
Вы серьёзно? Весь код чёрно-белый! Да и хабр поддерживает тег <source lang=...>, пользуйтесь им.

Arion Aug 8 2011 at 23:21

пользуюсь ХабраРедактором и этот текст писал в нем же

gribozavr Aug 8 2011 at 23:28

И что? Код не подсвечен (а там где подсвечен, подсвечен криво: посмотрите на строки подключения скриптов в html), вывод — редактор кривой. Пользуйтесь пожалуйста, тегами хабра: они работают, в отличие от.