04.07.2015 07:21
Skaner 8 8371 Источник
Как-то давно был спор, что в браузере без canvas или flash невозможно создать игру с 2D графикой. Решил поэкспериментировать в этом ключе и вот что получилось. Ниже небольшой курс в видеоформате о моих потугах в создании игровых приложений на HTML и JavaScript без Canvas и прочего.

Сперва попробовал canvas



Потом тоже canvas, циклы, клавиатура



А потом начал работать на чистом HTML:

Игра на чистом HTML (часть 1). Основы всего



Игра на чистом HTML (часть 2). Основы всего 2



Игра на чистом HTML (часть 3). Движок игры



Игра на чистом HTML (часть 4). Пользовательские свойства объектов



Игра на чистом HTML (часть 5). FireFox, FPS, отладчик



Игра на чистом HTML (часть 6). Анимация, PNG, Пинг-Понг



Игра на чистом HTML (часть 7). Анимированный Марио ONLINE



И сопутствующие видео о создании анимации в GIMP:



P.S.: Не пользы ради, а забавы для. На самом деле этим способом пользоваться и не собираюсь, но может кому-то пригодится или хотя бы интересно будет.

Комментарии (8)


  1. Suvitruf
    04.07.2015 10:46
    #8486731
    +2

    Может всё же «Игра на чистом HTML/JS»?


    1. Skaner Автор
      04.07.2015 11:55
      #8486787

      Вообще не знаю как назвать лучше, т.к. даже если пользоваться canvas, то это тоже чистый html… Так что с названием не долго думал =)


  1. R0ckwi11
    04.07.2015 13:04
    #8486815

    Написал похожим образом копию тетриса когда-то (выглядело вполне аутентично, звуки были, выдрал медиа из приложения под андроид). Я думаю в 2015 это уже немного outdated, но кому-то может пригодится, спасибо


  1. aml
    04.07.2015 13:18
    #8486817

    Я на чистом HTML/JS в своё время большую MMO-браузерку напилил — www.magiclands.ru.


    1. Skaner Автор
      04.07.2015 13:32
      #8486837

      Понравилось! Меня только один вопрос мучает, почему этим способом никто не пользуется? Наверняка у него есть минусы, о которых я не знаю =) Но использование такого подхода, на мой взгляд, вполне разумно.


      1. k12th
        04.07.2015 14:17
        #8486893
        +4

        Производительность. Все эти операции с дом-деревом — не очень быстро.


  1. Keyten
    04.07.2015 14:49
    #8486917
    +1

    При желании можно что угодно.
    Например, могу с кем-нибудь на что-нибудь поспорить, что реализую на чистом DOM, или даже ASCII, 3D-графику).
    (имеется в виду не DOM или ASCII-рендер ThreeJS, например, а чистое написание с нуля, без библиотек, регистрации и смс)

    Только вот нужно ли… По множеству тестов, что я видел, DOM значительно медленнее canvas-а.


  1. oshibka404
    04.07.2015 15:43
    #8486957
    -1

    Мы два года назад на Chaos Constructions'13 за 24 часа с перерывом на сон запилили игрушку на ползающих и летающих дивах. Шрифты только отвалились, почему-то(