Головна » Веб дизайн » Відображення веб-сайту HTML5 48 Потенційні демо-версії Flash-Killing

    Відображення веб-сайту HTML5 48 Потенційні демо-версії Flash-Killing

    Таким чином, ви чули, що всі чутки про HTML5 займуть Adobe Flash. Хоча більшість веб-спільноти стверджує, що це можливо чи ні, ви повинні блукати, що робить HTML5 настільки потужним, що навіть гігантська компанія Apple хоче використовувати її для заміни Flash.

    Ось чому цей пост існує, ми не збираємося говорити про те, що може зробити HTML5, але покажемо живі демонстрації чарівних речей, які HTML5 може досягти з іншою мовою, як JavaScript, так що будьте готові до натхнення.

    Примітка: Оскільки HTML5 повністю не підтримується певним веб-переглядачем, наприклад Internet Explorer, рекомендується використовувати браузер Firefox для перегляду всіх нижчеподаних версій HTML5.

    Анімація

    Елемент полотна HTML5 є вирішальним фактором для заміни HTML5 певною анімацією Flash. Вона дозволяє створювати динамічні, сценаріїв рендеринг 2D-форм і растрових зображень з Javascript, які за допомогою інших засобів є керованою анімацією.

    Анімація Audioburst

    Зручна та фантастична анімація, створена за допомогою полотна та аудіо тегів HTML5.

    Ball Pool

    Будучи продемонстрованою в останній події Google I / O, ця демонстрація показує, наскільки динамічно може бути HTML5.

    Блоб Саллад

    Створене HTML5-створіння, яке сподобалося б вам.

    Bomomo

    За допомогою Bomomo можна спостерігати різні атомні руху, модельовані за допомогою HTML5.

    М'яч браузера

    Здивуйтеся цим м'ячем HTML5 у крос-браузері.

    Бульбашки

    Отримуйте задоволення, створюючи нескінченні плаваючі бульбашки різного кольору.

    Полотно мультфільм анімації

    Простий і смішний мультфільм HTML5, який допоможе вам зрозуміти, що може зробити елемент полотна HTML5.

    Coolclock

    Гарний, настроюваний аналоговий годинник, побудований за допомогою HTML5 і JavaScript.

    Слайд-шоу Flickr PS3

    Переглядайте фотографії Flickr зі слайдами стилю PS3 у веб-переглядачі.

    Інтерактивний Polaroid

    Інтерактивна демонстрація, яка працює дуже схоже на мультитач інтерфейс.

    JS Fireworks

    Насолоджуйтеся моментом феєрверку з вашою бажаною силою тяжіння і швидкістю, що працюють від HTML5 і Javascript.

    Калейдоскоп

    Дуже красивий і футуристичний калейдоскоп HTML5.

    Рідкі частинки

    Чутлива анімація частинок, яка реагує на основі руху миші.

    Mesmerizer

    Ще одна чудова і видатна HTML5 демонстрація, яка показує, як сусідні елементи реагують з вами рухом миші.

    Туманність хмара

    Забудьтеся про цю дивовижну туманність HTML5.

    Паралакс

    Переглянути всі 2D фігури паралельно.

    Анімація частинок

    Елегантна анімація частинок HTML5, яка може формуватися у вашому бажаному повідомленні.

    Спред

    Забудьтеся з цією нескінченною анімацією.

    Starfield

    Дуже класна анімація зірочки HTML5, яка змінює напрямок і швидкість на основі руху миші.

    Знищення відео

    Один клік, щоб запустити відео.

    Форма сигналу

    Спостерігайте, як хвиля полотна HTML5 рухається, змінюючи її амплітуду, довжину хвилі, ширину тощо.

    3D-ефект

    Вражає полотно анімація? Це більше може зробити елемент полотна HTML5, і це називається 3D-ефект. Розробник може покладатися на елемент canvas, DOM і JavaScript для створення 3D-ефекту, який згодом може бути розроблений у вигляді 3D-анімації або гри.

    Canvas3D і Flickr

    Майте абсолютно новий 3D досвід з фотопотоком Flickr.

    Моделювання тканини

    Реалістичне моделювання тканин на основі HTML5.

    Розвивається монстр

    Спостерігайте монстра, що перетворюється на складне істота, одним з його творців є HTML5.

    Google Giftbox

    Гігантська пошукова система Google представлена ​​у вигляді 3D-зображень.

    JS Touch

    Високоякісна і реалістична вітрина "3D на 2D Canvas".

    Презентація даних

    Хоча елемент полотна HTML5 може використовуватися для створення анімації та 3D-ефекту, він також може бути реалізований для представлення математичних даних.

    Gnuplot

    Gnuplot, програма для нанесення даних у версії HTML5.

    RGraph

    RGraph надає широкий спектр презентацій даних, таких як стовпчаста діаграма, індикатор виконання та традиційна радіолокаційна карта.

    Веб-додаток

    Зрештою, використовуючи всі можливості, об'єднані HTML5 та іншою мовою, можна створити інтерактивну програму або гру, яка близька до програми Flash.

    CanvasPaint

    Свідок, що брат Microsoft Paint входить у ваш веб-браузер, а його батько є HTML5.

    CanvasMol

    Наукова програма, яка побудована, щоб допомогти вам зрозуміти певну структуру елемента Землі.

    Мультфільм будівельник

    Намалюйте цікавий мультяшний образ за допомогою цього мінімального та інтерактивного мультиплікатора.

    Перетягніть Нічого Тут

    Перетягніть все, що можна перетягнути в демонстраційній версії, щоб показати деталі.

    Ескіз Gartic

    Оригінальне HTML5-додаток, що дозволяє робити деякі основні креслення, які можна зберегти в іншому форматі зображення, наприклад jpeg або png.

    PhysicSketch

    Намалюйте все, що вам подобається, і подивіться, як вони реагують з імітацією гравітації.

    Sketchpad

    Потужне додаток для малювання HTML5, яке дає змогу малювати та редагувати зображення точним способом.

    Невеличка розмова

    Веб-додаток, що підтверджує географічне розташування повідомлень, пов'язаних з погодою, отриманих від Twitter, таким чином формуючи їх на карті "соціальної погоди" на основі полотна, досить тривіальною (як зазначено автором), але цікавою.

    Гра

    3Bored

    Ви ніколи не будете нудьгувати, якщо ви зможете продовжувати ухилятися від сотень HTML5 куль у наступну секунду.

    Прорив

    Відскочити м'яч, щоб розбити всі цеглини.

    Canvascape

    Не зовсім гра, але вона демонструє, як HTML5 можна використовувати для розробки браузера першої особи.

    Спіймати його

    Скільки куль ви можете уникнути, щоб отримати ваш виграшний квадрат HTML5?

    Ланцюгова реакція

    Ланцюг вибуху для досягнення мети, не пристрасться.

    Cubeout

    Грати в Тетріс в 3D, зверху вниз.

    etchaPhysics

    Намалюйте пункт, щоб перемістити м'яч до зірки, не забувайте про гравітацію.

    Пазл

    Клацніть, обертайте та опускайте шматочки головоломки, щоб вирішити цю головоломку на основі HTML5.

    Слайд-головоломка

    Пересуньтеся до перемоги, іншої гри HTML5, яка побудована для того, щоб вичавити ваш сік розуму.

    Та ж гра

    Вилучіть певну групу, щоб отримати іншу групу в одному кольорі, і ви в кінцевому підсумку отримаєте перемогу.

    Тетріс

    Одна з найкласичніших ігор, що повертається до життя за допомогою HTML5.

    Тор

    Ще одна гра Тетріс в псевдо-3D версії.

    Висновок

    У чому полягає обмеження HTML5? На цьому етапі ми не можемо вирішити, але з вражаючим відео нижче ми можемо дізнатися, наскільки далеко був висунутий HTML5:

    Так, це Quake II у веб-браузері, тому тепер дуже ясно, що за допомогою HTML5 буде створено більш новаторське веб-додаток для обслуговування мільйонів користувачів Інтернету. Це швидко, він розвивається, і він змінює світову павутину. Питання в тому, як би ви використали цей HTML5, що змінює гру?

    Ми любимо чути вашу ідею!