15 (больше) вдохновляющих HTML5 экспериментов
Если вы не жили под камнем, вы слышали о HTML5. Это сейчас повсюду, благодаря продвижению Apple Генеральный директор бывший генеральный директор Стив Джобс и некоторые разработчики, которые считают, что HTML5 может захватить Flash.
Ну, на самом деле мы еще не видели, чтобы такая ситуация была, но HTML5 действительно волшебен в отношении своих возможностей видео, иллюстрации холста и анимации, которые работают очень хорошо и плавно. Дело в том, что это настолько многообещающе, что проекты появляются во всех местах, созданных для проверки границ HTML5..
Верьте или нет, мы покажем вам 15 просветительских экспериментов, которые наилучшим образом используют HTML5, и догадайтесь, что вы можете испытать гравитацию, музыкальную анимацию и рендеринг существ, которые просто работают как существа! Весело проведите время с ними и, к сожалению, лучше всего использовать последнюю версию Mozilla Firefox и Google Chrome..
На всякий случай, если вы не удовлетворены этими забавными HTML5, у нас есть для вас больше!
- HTML5: 48 потенциальных демонстрационных роликов
- HTML5: 19 потенциальных веб-приложений
Холст цикл
Совместная работа художника Марка Феррари и кодера Джозефа Хакаби - это великолепная коллекция движущихся природных сцен, таких как леса зимой, морские пейзажи и штормовые горы. На них приятно смотреть и они действительно потрясающие, со звуками, прикрепленными к фотографиям. Если вы хотите немного отдохнуть от работы, вы можете просмотреть эти фотографии и почувствовать, что ваше напряжение просто тает..
Google Gravity
Еще один замечательный мистер Дуб, он менее интерактивный, чем первый, но все же классный. Это дает базовую копию главной страницы поиска Google. Но когда вы наводите курсор, вся страница начинает «падать», пока все они не упадут внизу. Логотип Google работает как активная ссылка, которая обновляет страницу. Хорошая игра для тех великих компаний, которые ненавидят Google, может быть.
Холст Деревья
Созданный Кеннетом Йоргенсоном, это может быть единственное место, где можно увидеть фразу «Освежись для более вкусных деревьев :)». Это именно то, что он говорит: вы нажимаете на веб-сайт, и он переносит вас на белый фон. Черные чернила на дереве начнут «расти», рассчитывая, сколько веток идет. Вы можете обновить, чтобы увидеть столько раз, сколько вы хотите.
магнитные
Это еще одна забавная и захватывающая игра для вас. Вы начинаете с пары «магнитов», которые можно перемещать по экрану. Частицы света вращаются вокруг них, и если вы меняете положение, вы можете изменить их форму. Если вы хотите больше магнитов и частиц, просто дважды щелкните и перетащите их туда, куда вы хотите. Да, это все о магнитах и физике!
График доходов знаменитостей
Хотите увидеть визуальное представление того, сколько телевизионные знаменитости зарабатывают за эпизод? Это крутой маленький график, который показывает стопки цветных полос, которые представляют, сколько конкретная знаменитость зарабатывает на съемках телевизионного шоу (или сделана в таких случаях, как Чарли Шин). Это было сделано как один из многих проектов и экспериментов Даниэлем Раппом.
Холст ленты
Пол Труонг сделал это интересное приложение, которое позволяет рисовать с помощью постоянно движущейся разноцветной ленты по экрану. Это делает формы и проекты, и эффект довольно симпатичен. Все, что вам нужно сделать, это перетащить его по экрану, говоря о простоте, да.
WebGL Water
Вот отличная демонстрация с использованием революционизирующей WebGL (веб-библиотеки графики), которая лучше всего подходит для Google Chrome. С помощью демонстрации вы можете рисовать на воде, чтобы создать рябь, или перетаскивать сферу, чтобы перемещать ее, и нажимать клавиши на клавиатуре, чтобы установить направление света и переключать гравитацию, - все это свидетельствует о том, как движущийся объект оживленно взаимодействует с окружающей средой, пугающе реалистический.
Chrysaora
Еще одна потрясающая демонстрация с применением магии WebGL, в которой вы можете увидеть группу чрезвычайно красивых и, что самое главное, живых медуз, движущихся в воде, облученных лучами сказочного солнечного света. Станьте свидетелем того времени, когда HTML5 и WebGL оживляют сеть, которую лучше всего просматривать с помощью Google Chrome..
Voxel Rain
Воксельный дождь означает, что разноцветные трехмерные коробки спускаются, образуя вращающийся большой блок. Это похоже на демонстрацию возможностей компьютера в 1990-х годах, и теперь все дело в веб-браузере с использованием возможностей HTML5, самая яркая эра Интернета не за горами..
HTML5 текстовые эффекты
Мы, веб-дизайнеры, часто задаемся вопросом, сколько возможностей HTML5 действительно помогает нам достичь прорыва в веб-типографике, и эта демонстрация дает вам ответ, как никогда ранее! Вы можете наблюдать стереоскопический эффект, неоновый эффект или даже эффект неонового движения, будущее веб-типографики - в руках HTML5.
Вращающийся логотип HTML5
Я просто не могу удержать славу HTML5, он вращается, вращается ... это круто.
Эскиз в 3D
Вам надоел сервис 2D-эскизов на основе HTML5? Проверь это. Просто нарисуйте линию и нажмите пробел, затем перетащите влево или вправо, и вы увидите, что ваш рисунок вращается в трехмерной перспективе. 3D-черчение не сложнее с HTML5.
mta.me Проводник
Mta.me Conductor вдохновляет вас, создавая точки, которые будут непрерывно перемещаться, образуя линии, и когда линии “сталкиваться” друг с другом они вызовут некоторое взаимодействие. Все, чтобы доказать, что HTML5 - это не просто код, а взаимодействие, и это то, что действительно волнует пользователей сети..
Doogle Gmail
Интересная стрелялка, но герой - Gmail, освободи ее от зла! Как и в классической стрелялке, вы получаете жизнь, очки и всемогущий лазерный луч. Вероятно, одна из потенциальных демонстраций, демонстрирующих возможности HTML5 как игры. Берегись, Flash.
W Pilot
Это такая захватывающая игра, что она должна быть незаконной. Серьезно, когда вы войдете на один из их серверов, вы захотите играть часами. Вы в основном летаете вокруг, стреляя, избегая при этом попадания в других игроков. Играть в нее просто и весело, а тот факт, что она обеспечивает многопользовательскую игру, является серьезным плюсом, который ставит ее выше флэш-игр, которые сейчас так популярны.
