Hunter - 2d игра в стиле minecraft

Веб-програмування
939 переглядів
06.05.2018
3-level12.PNG
2-level11.PNG
4-level16.PNG
5-menu.PNG
speed-mobile.PNG
speed-desktop.PNG
7-small.PNG

http://hunter-2d.tk/ [b][h3]Описание[/h3][/b] Простая, но при этом увлекательная 2d-игра в стиле minecraft. Играть можно как на компьютере, так и на смартфоне или планшете. [b]Цель игры:[/b] Целью игры является прохождение всех уровней. Что бы пройти уровень нужно собрать все ценные предметы, и только после этого прийти на финиш. Если вы придете на финиша до того, как соберете все предметы, то ничего не произойдет. Сможете пройти последний уровень с первого раза? p.s. сложные уровни начинаются с 9 (1-8 уровни - это скорее подготовка) [b]Управление:[/b] В игре есть несколько способов управление: [list][*]A/D/W (налево, направо, прыжок)[*]Клавише со стрелками[*]Касание по кнопкам - налево, направо, касание по экрану - прыжок (для сенсорных экранов)[/list] [h3]Технические характеристики[/h3] [b]Производительность[/b] [list][*]fps в игре все время держится в районе 60 fps (что является максимумом в браузере), даже на мобильных[*]В сервисе [url=https://developers.google.com/speed/pagespeed/insights/]PageSpeed Insights[/url] от google оценка 99/100 для mobile и 98 для desktop.[/list] [b]Адаптивность[/b] Игра полностью адаптивна. Она адекватно отображается на дисплеях вплоть до 250х250px Дополнительные возможности [list][*]Игра сохраняет текущий уровень в localStorage, поэтому при обновлении страницы уровень сохраняется[*]Также в localStorage сохраняются уровни, поэтому при повторном открытии уровня он берется из localStorage[/list][list][*]Можно очень легко менять масштаб игры: https://github.com/DimaGashko/hunter/blob/master/app/js/game/render.js#L8 [*]Масштаб игры можно менять по осям (то есть картинку можно исказить): [url=https://github.com/DimaGashko/hunter/blob/master/modeling/screenshots/scale-32-64.PNG]скриншот[/url] [/list][b]Используемые технологии[/b] [list][*]html (jade/pug)[*]css (sass)[*]js (es-6, canvas...)[*]gulp 4[*]yarn + npm[*]Карты рисуются в [url=http://yandex.ua/clck/jsredir?bu=2wb22m&from=yandex.ua%3Bsearch%2F%3Bweb%3B%3B&text=&etext=1779.pyDMGmR5ZVmqAEJesaP4FQD_gUOQFb4rT2CFhLrSqDkI0NFu71hndR2ROjaXB2VH.8822531918d04f7125d8e13442f59e3d1b96d44f&uuid=&state=PEtFfuTeVD5kpHnK9lio9T6U0-imFY5IWwl6BSUGTYl260BtXWEO1dknJ_stfCwsZZ2hnzQ_xzQgGri-NRib-XYGeNkjpOUn2dqvIxEyU0samOA-X3sgS3gCdxBOa8UN&&cst=AiuY0DBWFJ5Hyx_fyvalFOspWgwZB1NXmb7br4_ziok2pXrZF1dOnOWbk2TQVHSmIAmTJ4BqtLAU1wVrE4xuuyTFVdAigciH2WU2j5X8l_WVso2iMNaV7KbvPvpvopvOMJSKEmmt2rvU5gTK7oo9dArs6h94jIPUBcoWU8ntA4D6TQjl8Bsn7PLW6i1eWBfbBeWVNvAjeFPrtbRd2kFwwxwkJZRfIXA1qS9nVoeWbvWPK6TS7S0Z1QAPmbnkeW7zsMpoXr4SO6D_8WyVyjx-MwaENCUSv0rns7Chaq4vIoYA7ig2BVHTfDGd11Okem5X8_XwHI_eE9xRHH6_QVULqw,,&data=UlNrNmk5WktYejY4cHFySjRXSWhXUFJWLUhmalcwV3NvM2plWHhod1NxcnRRVDdybnFWWjFhdnpIaEtFUHVIcm1JMTBXM0FpZHVia0hnQlh5eDVESWRnM2dIb2dIeTNaTnRVTjBuVDlaV0ks&sign=089f5be86ac4f88267a987e7e9f6f84c&keyno=0&b64e=2&ref=orjY4mGPRjmt1xzYuZsDZSKx6sHOF1RVLE6Qj-3kxAE,&l10n=ru&cts=1525607232525&mc=1.9219280948873623]Tiled Map [/url][url=http://yandex.ua/clck/jsredir?bu=2wb22m&from=yandex.ua%3Bsearch%2F%3Bweb%3B%3B&text=&etext=1779.pyDMGmR5ZVmqAEJesaP4FQD_gUOQFb4rT2CFhLrSqDkI0NFu71hndR2ROjaXB2VH.8822531918d04f7125d8e13442f59e3d1b96d44f&uuid=&state=PEtFfuTeVD5kpHnK9lio9T6U0-imFY5IWwl6BSUGTYl260BtXWEO1dknJ_stfCwsZZ2hnzQ_xzQgGri-NRib-XYGeNkjpOUn2dqvIxEyU0samOA-X3sgS3gCdxBOa8UN&&cst=AiuY0DBWFJ5Hyx_fyvalFOspWgwZB1NXmb7br4_ziok2pXrZF1dOnOWbk2TQVHSmIAmTJ4BqtLAU1wVrE4xuuyTFVdAigciH2WU2j5X8l_WVso2iMNaV7KbvPvpvopvOMJSKEmmt2rvU5gTK7oo9dArs6h94jIPUBcoWU8ntA4D6TQjl8Bsn7PLW6i1eWBfbBeWVNvAjeFPrtbRd2kFwwxwkJZRfIXA1qS9nVoeWbvWPK6TS7S0Z1QAPmbnkeW7zsMpoXr4SO6D_8WyVyjx-MwaENCUSv0rns7Chaq4vIoYA7ig2BVHTfDGd11Okem5X8_XwHI_eE9xRHH6_QVULqw,,&data=UlNrNmk5WktYejY4cHFySjRXSWhXUFJWLUhmalcwV3NvM2plWHhod1NxcnRRVDdybnFWWjFhdnpIaEtFUHVIcm1JMTBXM0FpZHVia0hnQlh5eDVESWRnM2dIb2dIeTNaTnRVTjBuVDlaV0ks&sign=089f5be86ac4f88267a987e7e9f6f84c&keyno=0&b64e=2&ref=orjY4mGPRjmt1xzYuZsDZSKx6sHOF1RVLE6Qj-3kxAE,&l10n=ru&cts=1525607232525&mc=1.9219280948873623]Editor[/url][/list][b] Ссылки[/b] [list][*]Сама игра: [url=http://hunter-2d.tk/]http://hunter-2d.tk/[/url] [/list][list][*]GitHub: [url=https://github.com/DimaGashko/hunter]https://github.com/DimaGashko/hunter[/url] [/list]
CSSHTMLJavaScriptSASSGulp