Сайт в виде 3D-игры на HTML5

Недавно наткнулся на очень оригинальный сайт, который сделан в виде 3D-игры, использующий HTML5. Адрес сайта — http://www.creaktif.com.

Видели мы игры на HTML5, скажете Вы, даже гонки на HTML5 были. Согласен с Вами, абсолютно. Игры на HTML5 еще пока считаются крутыми, но уже не кажутся такими оригинальными. Но в этом и фишка — то были игры. А это — полноценный сайт со страничкой «Контакты» (кстати, табличка входа на эту страницу представлена на 4 языках — в том числе и на русском), «Портфолио» и другими. Просто сама навигация по сайту сделана в виде 3D-игры.

И так, перед нами сайт парижских дизайнеров. По-крайней мере, в контактах написано — «75002, Париж, Франция». С помощью стрелок на клавиатуре, как в играх, мы управляем человечком , который перемещается на своей «пятой точке», будто бы всю дорогу съезжает с горки на ледянке (хотя, может и на ногах, но больше все-таки похоже на ту самую точку). Только ледянки нет — даже не задумывайтесь, чем он отталкивается с места и благодаря чему движется — возможно, по-тихонечку выпускает из себя реактив углекислого газа  — но авторы на это ответа не дают. smile

Там, где проехал этот «чудик», на снегу остается след, при том, в том месте, где находятся руки, как будто он все-таки на руках едет, как на лыжах… Хотя, и в этом случае реактив никуда не может деться… В общем, способ его передвижения не понятен, но и не так уж интересен.

Когда человечек подъезжает к нагромождениям, чем то напоминающим здания или башни, предлагается «войти внутрь» и узнать информацию, которой постройка и посвящена (то есть, на постройке с надписью WORK можно увидеть портфолио дизайнеров, а при входе в постройку с надписями «СВЯЗАТЬСЯ», «CONTACT», каком-то слове на китайском и, наверное, арабском языке, увидеть их страницу контактов). В нижней части страницы можно увидеть ссылки, ведущие на страницы с этими постройками и некоторыми другими, если кому-то будет лень «кататься» по игровому миру и изучать его. Хотя, такая навигация не напрягает, пока выглядит оригинальной. А вот «разъезжать» так каждый день  можно только врагу пожелать.

Кстати, там даже «уличный кинотеатр» есть! Можно так же подъехать к нему и смотреть какие-то рекламные ролики, видимо, творения дизайнеров, которым и принадлежит сей оригинальный сайт. Музыка на сайте тоже играет (куда же без нее — как и в играх), легкая, ненавязчивая.

Еще один важный момент, о котором нельзя не упомянуть — помимо Вас, по миру сайта (так и хочется сказать по миру игры) так же передвигаются еще с пару десятков похожих человечков. Вряд ли это другие посетители сайта, обрабатывающиеся в реал-тайме — скорее всего, это боты, управляемые сервером. Иначе, когда я их «бортовал», они бы не вставали как вкопанные или проезжали так, будто ничего и не было, а как минимум, шли бы на ответный «таран» smile Да и в такое время (статья писалась ночью) на сайтах обычно столько народу не набирается, а уж тем более на сайтах дизайнеров smile

По поводу графики 3D-движка могу сказать только то, что это явно не чета уже вышеназванной гонке — в мире игр это привет из начала 2000-ых, то есть «так себе». Но для сайта, тем более одного из первых подобных — сойдет. Думаю, скоро таких сайтов будет становиться все больше.

Если заинтересовались — обязательно посетите www.creaktif.com, жизнь лучше не станет, но ради знакомства с новыми технологиями в мире интернет-паутины посмотреть на него точно не будет лишним.

UPD. Как оказалось, человечком можно управлять и с помощью смартфона, о чем говорится сразу же после полной загрузки сайта (по-началу, я этого даже и не заметил). На компьютере выводится четырехзначный код, который нужно ввести на смартфоне, зайдя по адресу m.creaktif.com и выбрав вкладку REMOTE.

Правда, у меня с этим как-то не срослось, попрыгал несколько раз на месте и потерял управление  smile больше человечек на нажатия не реагировал, но, возможно, это только мне так повезло. Попробуйте и Вы, интересно, сколько нажатий выдержит ВАШ человечек smile

UPD. 24.02.2014. На данный момент, сайт выглядит уже совсем по-другому… От былого остались только мои скриншоты smile Сейчас это тоже довольно технологичный сайт на HTML5, но уже не в виде 3D-игры и не настолько крут…




Довольно обидно, когда делаешь добрые дела, помогаешь кому-то и за это еще и каждый месяц несешь убытки... Если статья Вам понравилась, помогла или просто сэкономила время и средства, Вы можете помочь автору хотя бы в оплате хостинга. Ведь для Вас это может быть всего 5 или 10 рублей (не деньги), но если хотя бы часть читателей будет сознательна, блог будет самоокупаться. Я на этом не заработаю, но хотя бы хостинг смогу оплатить. Очень не хочется завешивать свой труд настырной навязчивой рекламой (это как "нагадить" в собственной квартире), поэтому прошу помощи у Вас.

WebMoney-кошелек: R400441386741 (в меню выбрать "Перевести" и указать кошелёк)
Яндекс.Кошелёк: 410012164738327
Огромное спасибо за понимание и помощь!

Присоединяйтесь к нам Вконтакте, чтобы получить более оперативные ответы на свои вопросы, ПЕРВЫМИ читать новые статьи и обмениваться информацией с другими участниками группы!


Сайт в виде 3D-игры на HTML5
Комментариев: 2.

  1. Anton 07.04.2014 в 11:56 написал:

    К сожалению указанный сайт уже с обычным меню.

    • Admin 07.04.2014 в 23:45 написал:

      Да, он еще до февраля изменился, я писал об этом в Апдейте. Но сейчас он тоже интересно выглядит — складывается как буклетик, интересно — но уже не так

Добавить комментарий

Ваш e-mail не будет опубликован.

Навигация