Тетрис на Javascript



Каждый программист рано или поздно пишет свой тетрис. Этот тетрис уже, наверное 10 на моём счету. Но на javascript - первый. Скажем так, лишил свой javascript тетрисной девственности.

Тетрис на Javascript

Собсно сам тетрис.

Кода не много, кому нужно разберётся. Основная проблема была не пересоздавать элементы дом дерева. Можно было использовать reactjs, но не хотелось тянуть пачку тяжелых библиотек из-за столь простой игрушки.

Ну и как обычно универсализатор взял верх над здравым смыслом, и в итоге тетрис можно создавать любых размеров, а новые фигурки задавать через простенькие объекты.


Сообщество: AWS

Комментариев(6)


ID: #490   Создан:
Автор: Филипп Фопберг

А почему бы не сделать на canvas? Без создания DOM-элементов.

ID: #491   Создан:
Автор: ololoev
>>490

А вот хз, захотелось сделать именно так. Будет время, запилю ещё кую-нить миниигру на канвасе. Будет повод с ним разобраться (я ж бэкер а не фронтовик).

ID: #492   Создан:
Автор: Филипп Фопберг

В любом случае, годный получился тетрис, играбельный и симпатичный. За такой не стыдно. Респект и уважуха.

ID: #493   Создан:
Автор: ololoev
>>492

Спасибо)

ID: #686   Создан:
Автор: anonym

А где сам файл с кодом?

ID: #687   Создан:
Автор: ololoev

>686 Так, это ж веб. Открой исходный код страницы, view-source:https://talks.pub/content/code/aws/2017/tetris_na_javascript/jstetris.html

И там и будет ссылка на жску /content/code/aws/2017/tetris_na_javascript/jsTetris.js

Всего: 6 комментариев на 1 страницах

Ваш комментарий будет анонимным. Чтобы оставить не анонимный комментарий, пожалуйста, зарегистрируйтесь



Сообщества