Перейти к содержимому


Загрузка изображения на ipic.su:




Фотография - - - - -

Игра на чистом HTML+CSS



На Хабре была неделя игр в 30 строк JavaScript, но победила, имхо, эта игра в 0 строк JS:

http://jsfiddle.net/0dmin/9dQx3/light/

Автор описывает механизм срабатывания столкновений:

Корабль — это курсор, в котором вместо дефолтного — картинка космолета. Наведя курсор (космолет) на элемент — получаем срабатывание ховера, в котором через before и after пишем стили и текст для фаил скрина.

Бонусы — это чекбоксы, у них есть состояние :checked. Так что если попали на бонус — он становится чекед и у него просто меняется свойство, описывающее позиционирование.

Нашел интересные свойства, позволяющие чекбокс представить как кнопку:
-moz-appearance:button;
-webkit-appearance:button;

Работает правда стабильно только в хроме и сафари. В FF под линуксом — ок, под вендой — чекбокс. В Ие так же чекбокс.


Остальные демки в минимум кода:

Тетрис: http://jsfiddle.net/ova777/kFxja/

Арканоид: http://jsfiddle.net/martin_/Fq8F4/

Змейка, текст которой помещается в 1 твитт: http://www.140byt.es/keywords/snake



Джо, знаешь какую-нибудь годную литературу по JC, HTML и CSS? Мне в основном удалось нарыть только справочники, которые явно не для чайников. Опыт у меня был лишь только в создании сайта под WP http://gamerage.ru/

  • Жалоба

htmlbook например, да много их в гугле можно много найти)

  • Жалоба

хтмлбук как вики норм, а примеры гуглить

  • Жалоба

угу... я когда начал работать на текущем месте ваще имел нулевые знания по JS и верстке...

все гуглил ) теперь йа пиздат )

  • Жалоба

игра в 0 строк не работает на моем ФФ :) курсор вижу, а кораблик нет. в итоге игра заканчивается совсем неожиданно :)

  • Жалоба

Джо, знаешь какую-нибудь годную литературу по JC, HTML и CSS? Мне в основном удалось нарыть только справочники, которые явно не для чайников. Опыт у меня был лишь только в создании сайта под WP http://gamerage.ru/

норм, к успеху идёшь))

  • Жалоба

Warning

Все тексты опубликованные в данном журнале - ИМХО и плод моей фантазии. Любые суждения - оценочные. Не нравится - не читайте.

Реклама(r)

пользователей просматривает

0 пользователей, 24 гостей, 0 анонимных


Ahrefs (1)

Последние комментарии

Последние записи

Яндекс.Метрика
Наши кнопки

Гильдийный счет (Яндекс.Деньги) 41001343732038

Огромное спасибо компании ЗЕНОН www.zenon.ru за отличный хостинг!

Любая перепечатка материалов форума insane.su - только с разрешения администрации или самих авторов.
В онлайн-издания перепечатка разрешена при указании ссылки на оригинал.