Играть в игры — часть человеческой природы. В процессе игры, помимо удовольствия для тела и ума, мы также можем получить полное ощущение достижения. Тем не менее, всегда есть классические игры, которые мы никогда не забудем. Даже сейчас картинки из игры можно охарактеризовать как «ужасные», но они сопровождали нас в лучшее время детства, приносили нам бесконечную радость и стали сегодняшней классикой.
Недавно я создал#Ежедневная Ручка#Тема, которую часто просматривают зарубежные фронтенд-сообщества -Codepen.В процессе просмотра все еще есть небольшие сюрпризы: многие разработчики использовали передовые технологии для «восстановления» тех ретро-классических игр, которые снова вернули меня к классике детства. Например, Super Mario, Sonic the Hedgehog, Zelda, Pac-Man, Little Bee... Сколько из этих классических игр вы помните?
1.супер братья марио
Сантехник Супер Марио в красной шапке и синем комбинезоне известен всем, и он хранит в себе воспоминания слишком многих людей. Таким образом, первая работа, опубликованная сегодня, — это Super Mario Bros. 3, реализованная Эшли Ноланом с использованием CSS-анимации и медиа-запросов. Вы можете играть в демо, регулируя ширину окна Codepen, и он также написалстатьяПоделитесь своим общим процессом реализации игровой анимации. Заинтересованные друзья могут узнать об этом.
Адрес проекта: 【портал】
2.Еж Соник
Как главный герой игры, которая когда-то прокатилась по миру, этот милый маленький ёжик действительно имеет бесчисленное количество поклонников. С 1991 года он сохраняет высокую выносливость, постоянно бегая и продвигаясь вперед. Как и анимация HTML+CSS разработчика Райана Петерсена, он поддерживает классику.
адрес проекта:【портал】
3.Легенда о Зельде
The Legend of Zelda, пожалуй, самая известная и получившая наибольшее количество оценок серия игр от Nintendo. Эта игра была первоначально выпущена на красно-белой машине Nintendo (FC) в 1986 году под названием «The Legend of Zelda: Hyrule's Fantasy», и разработчик Stix использовал HTML + CSS + JS, чтобы сделать ее ремейком страницы 404. Это заставляет вас что-то пропустить?
Конечно, чтобы быть выбранной как самая классическая игра, в ней должно быть что-то особенное. Это не так, в марте этого года «Легенда о Зельде: Дыхание дикой природы» также была официально выпущена и одним махом завоевала чрезвычайно высокий балл почти полных оценок в игровой индустрии. Заинтересованные друзья могут найти время, чтобы попробовать, вы не будете разочарованы.
адрес проекта:【портал】
4.пакман
Игра Pac-Man может быть первой игрой, с которой все соприкасаются, а также одной из классических аркадных игр в истории видеоигр. После выхода в 1980 году он быстро покорил мир. В этом году исполняется 37 лет, и разработчик Namco использовал это изображение в качестве своего талисмана и логотипа компании, который используется до сих пор.
Так как же замечательный программист может пропустить переделку этой классической игры! HTML5-разработчик hellokatili реализовал эту интересную игру с использованием фронтенд-технологии Давайте снова почувствуем магию милого рта на CodePen! Наконец, пройдите тест для вас, знаете ли вы, откуда произошло название «Pac-Man»?
адрес проекта:【портал】
5.Пчелка
В дополнение к Pac-Man, игре Little Bee, я думаю, что все соприкасались с ней раньше. Еще в 1970-х годах его появление доставило массу удовольствия нашим родителям. И на этот раз разработчик adonis domingues vieira сделал простую реализацию с использованием HTML+JS, так что нам посчастливилось снова поиграть в самолеты вместе.
адрес проекта:【портал】
6.пинг-понг
Если вы играете в настольный теннис на улице с друзьями или коллегами, вам, вероятно, через некоторое время это надоест. Но дедушка спортивных видеоигр, Pong — это аркадная игра, которая когда-то сводила с ума старого американца и вызвала бурю видеоигр в Соединенных Штатах. Говорят, что игру также можно использовать для диагностики болезни Паркинсона, а также неврологических заболеваний, таких как аутизм. И так, чего же ты ждешь? Давайте вместе вернемся к JS-версии Pong!
адрес проекта:【портал】
7. Покемон
Это был 1996 год, в Японии родилась сумасшедшая игра для портативных устройств, и карманный монстр стал популярным в то время. С карманным монстром, разнообразными видеоиграми, а также более чем 700 уникальными волшебными эйверсиями, до сегодняшнего дня он по-прежнему привлекает поклонников нового поколения.
Как классическая ролевая игра, она также имеет честь быть второй самой продаваемой видеоигрой в мире после серии Super Mario. Конечно, в дополнение к главному герою Сяочжи, который все еще свеж в нашей памяти, милые эльфийские малыши, такие как чудесные лягушачьи семена, Пикачу и черепашки Дженни, также являются мечтами, которые каждый из нас когда-то хотел иметь.
У каждого есть свой способ выразить свою любовь к покемонам, и группа программистов особенно особенная. Они хорошо используют свое собственное мастерство, чтобы переделать классические сцены, предметы, домашних животных и т. д. в игре, чтобы показать свою любовь к игре. Все последующие ремейки — их способ доказать настоящую любовь.
Настоящая анимация Нового города реализована в CSS
Блестящие покеболы на чистом CSS
Оригинальная анимация покемонов, реализованная на чистом CSS.
Чистый CSS для рисования лица Пикачу
Иллюстрация покемонов, реализованная с помощью CSS
После просмотра вы думаете, что это тоже неплохо? Для фронтенд-разработчиков на самом деле нет ничего невозможного, только неожиданное.
Некоторые игры, это просто игры. Поиграл, повеселился и забыл. Другие игры сопровождали рост целого поколения и пробуждали в них юношеские воспоминания. Я думаю, что так называемая классика классики — это ослепительный цветок, который наконец-то распускается после того, как его закалило время. Он приносит нам не только воспоминания, трогательные и резонансные, но и бессмертные следы, оставленные после крещения годами.
Какая из вышеперечисленных игр вам больше всего нравится, и добро пожаловать, чтобы оставить сообщение, чтобы поделиться с нами своими воспоминаниями и чувствами.
Спасибо за прочтение. Если у вас что-то получилось, ставьте лайк и делитесь.
Если вам нужно перепечатать, пожалуйста, укажите источник. Спасибо за ваше сотрудничество!
автор:ИТ-программа Лев
Статья из:zhuanlan.zhihu.com/p/31594225
Еще статьи:
1. 10 самых популярных веб-сайтов Coding Challenge 2017 года
2. 10 сайтов-головоломок, чтобы отточить свои навыки программирования
3. Потрясающий! Последние 12 популярных фронтенд-проектов на CodePen
4. 12 бесплатных игр, которые помогут вам научиться программировать
Также приглашаем подписаться на мой WeChat【Лев ИТ-программы】, время от времени делитесь обучающими ИТ-статьями и ресурсами.