Для изучения Canvas решил написать что-нибудь на JavaScript, с которым я практически никогда не работал. В качестве задачи, выбрал реализацию простой игры по захвату поля, которая в наших интернетах называется Filler.

В процессе разработки использовал отличные библиотеки AtomJS и LibCanvas от TheShock. Инструменты понравились и всячески рекомендуются к применению. Выражаю огромную благодарность автору за работу.

Результат вы можете опробовать ниже. Цель игры захватить большинство клеток, меняя свой цвет. Игра начнется по клику на поле. Управлять можно также контролами снизу. Для начала новой игры, перезагрузите страницу.

Боты довольно слабенькие, код довольно грязный. Нет поддержки тача (добавлю). Но в первом приближении другого и не требовалось.

Исходники доступны на гитхабе: https://github.com/klen/filler

Ссылки:

• Обучение canvas
• Canvas FAQ
• Основы LibCanvas