GameBox — аркадная игрушка на JavaScript.

    Привет.
    Решил я познакомится с технологией canvas и написал ардкадную игрушку.

    Использовал для старта руководство.



    Суть проста. Ездит скейтик и отбивает шар, стукает кирпичи.
    Кирпич может быть целым — тогда нужно два удара и битым — один удар.

    При увеличение очков на 5 прибавляется уровень + скорость.
    Всего 4 жизни, после того как жизнь потратилась, скорость сбрасывается.
    После окончании игры очки перемножаются с данными по игре и получается результат.

    Управление мышкой + клавишами (влево-вправо);

    Скриншот


    Скриншот игры

    Similar posts

    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 24

    • UFO just landed and posted this here
        –3
        Для этого есть руководство, на которое есть ссылка в топике.

        А исходник данной игры, ну не стоит того, что бы в него смотреть ;)
        • UFO just landed and posted this here
            –5
            Ну игрушка не такая и классная, смысл в показать простоту технологии ::)
              +6
              … не показывая сами технологии :)
        +2
        Как по мне, то эту игрушку можно и без Canvas сделать.
          0
          Дело не в игрушке, а в canvas :)
        • UFO just landed and posted this here
            0
            Набрал 438 очков
              –1
              Осталось развить игру (добавить уровней, подизайнить), сделать таблицу рекордов и возможность аутентификации и игра будет интересна и доступна на многих платформах где есть JavaScript и Canvas.
                0
                Ну из этой игрушки я вынес одну мысль.
                canvas для анимации не готов.

                Быстрее будет работа с html элементами, canvas стоит использовать для отрисовки плавных линий и сложных фигур (к примеру графики), а с простыми фигурами (квадрат, прямоугольник) css+html справляется лучше.

                Да игрушку вот сейчас переписываю на html + ccs.
                  +2
                  Ну из этой игрушки я вынес одну мысль.
                  canvas для анимации не готов.

                  Интересные выводы делаете товарищ. Если я не могу жить под водой — значит вода непригодна для жизни.

                  По средствам js можно создавать отличную анимацию, которая и глаз радует, не раздражает и не отвлекает. В отличие от flash и разных банероротатеров/бегущих строк для её создания требуются довольно хорошие навыки, что не доступно массам и это хорошо.
                  Canvas и SVG могли бы сократить разницу в возможностях анимации между flash и js, но благодаря IE о таких вещах можно забыть.
                    0
                    А кто спорит-то, что с помощью js можно создать анимацию?
                    Я говорю, что canvas не предназначен для этого (во всяком случае до перехода на html5).
                    За SVG отвечать не стану, не тестировал.
                –2
                Я такую игрушку делал в 2005-м: был режим паузы, загрузка уровней, отдельное расширяемое модулями ядро, изменяемая «физика» — при уничтожении кирпичиков можно было, к примеру, замедлить скорость движения шарика, сделать его «прилипаемым» к палке или увеличить длину самой палки, ну и прочее. Конечно же делал без canvas. Идеи взял из игры (на Спектруме была) CrackOut :)
                  0
                  На самом деле исходники не обфусцированы, и посмотреть их может любой желающий. Но немножко непонятно, почему бы автору не мучать своих читателей форматированием его кода, а просто выложить исходники. Либо пропустить через обфускатор, как вариант.
                    0
                    Отличия в моем исходнике от руководства минимальны. А в руководстве еще и каждый шаг описан.
                    –1
                    У вас как с физикой? Угол падения равен углу отражения, если что.
                      0
                      this.dy = -this.dy;
                      this.dx = -this.dx;

                      С математикой не поспоришь :(
                        0
                        Не понял, зачем х инвертируется, если отражение при ударе об площадку по оси у.
                          +1
                          Удары о стенку.
                      –1
                      Когда только начинал изучать JavaScript написал такую вот штуку.
                        0
                        Правило простое, за какое то время (не помню какое) нужно как можно больше раз попасть в «чудище».
                        Мой рекорд около 20.
                        +1
                        почему-то сразу получилось заставить мячик летать исключительно по горизонтали.

                        причём не специально
                          0
                          да-да, такая же бага, только не сразу.

                        Only users with full accounts can post comments. Log in, please.