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


Загрузка изображения на 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 пользователей, 43 гостей, 0 анонимных


Yandex (4), Ahrefs (2), Bing (1)

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

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

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

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

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

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