HTML5 Website Showcase 48 Potensi Demo Pembunuhan Flash

Jadi, Anda sudah mendengar semua rumor tentang HTML5 akan mengambil alih Adobe Flash. Sementara sebagian besar komunitas web berpendapat bahwa itu mungkin atau tidak, Anda harus mengembara apa yang membuat HTML5 begitu kuat sehingga bahkan perusahaan raksasa Apple ingin menggunakannya untuk menggantikan Flash.

Karena itulah pos ini ada, kami tidak akan membicarakan tentang apa yang dapat dilakukan HTML5, tetapi tunjukkan demo langsung hal-hal ajaib yang dapat dicapai HTML5 dengan bahasa lain seperti JavaScript, jadi bersiaplah untuk terinspirasi.

Catatan: Karena HTML5 tidak sepenuhnya didukung oleh browser web tertentu seperti Internet Explorer, Anda sangat disarankan untuk menggunakan browser Firefox untuk melihat semua demo HTML5 di bawah ini..

Animasi

Elemen kanvas HTML5 adalah faktor penentu untuk HTML5 untuk menggantikan animasi Flash tertentu. Hal ini memungkinkan Anda untuk membangun rendering bentuk 2D dan gambar bitmap yang dinamis dan skrip dengan Javascript, yang artinya, animasi yang dapat dikontrol.

Animasi Audioburst

Animasi yang nyaman dan fantastis dibuat dengan kanvas dan tag audio HTML5.

Kolam bola

Dipamerkan di acara Google I / O terakhir, demo ini menunjukkan kepada Anda seberapa dinamis HTML5.

Gumpalan Sallad

Makhluk HTML5-spawned yang akan menyenangkan Anda.

Bomomo

Dengan Bomomo, Anda dapat mengamati berbagai gerakan atom yang disimulasikan dengan HTML5.

Bola Browser

Terkagum-kagum dengan bola HTML5 'lintas-browser' ini.

Gelembung

Bersenang-senang dengan membuat gelembung mengambang tanpa akhir dengan warna berbeda.

Kanvas Kartun Animasi

Kartun HTML5 sederhana dan lucu yang membantu Anda memahami apa yang dapat dilakukan elemen kanvas HTML5.

Coolclock

Jam analog yang bagus dan dapat disesuaikan yang dibuat oleh HTML5 dan JavaScript.

Tampilan slide Flickr PS3

Lihat foto Flickr Anda dengan tampilan slide gaya PS3 di browser web.

Polaroid Interaktif

Demo interaktif yang berfungsi sangat mirip dengan antarmuka multi-sentuh.

JS Fireworks

Nikmati momen kembang api dengan gravitasi dan kecepatan pilihan Anda, ditenagai oleh HTML5 dan Javascript.

Kaledoskop

Kaleidoskop HTML5 yang sangat cantik dan futuristik.

Partikel cair

Animasi partikel sensitif yang bereaksi berdasarkan gerakan mouse Anda.

Mesmerizer

Demo HTML5 sensitif dan luar biasa lainnya yang menunjukkan bagaimana elemen terdekat bereaksi dengan gerakan mouse Anda.

Nebula Cloud

Tersesat dengan nebula HTML5 yang menakjubkan ini.

Parallax

Lihat semua bentuk 2D dalam perspektif paralel.

Animasi Partikel

Animasi partikel HTML5 yang elegan yang dapat membentuk pesan pilihan Anda.

Penyebaran

Tersesat dengan animasi penyebaran tak berujung ini.

Starfield

Animasi HTML5 starfield yang sangat keren yang akan mengubah arah dan kecepatan berdasarkan gerakan mouse Anda.

Penghancuran Video

Satu klik untuk membuat video diputar.

Bentuk gelombang

Amati bagaimana gelombang kanvas HTML5 bergerak dengan mengubah amplitudo, panjang gelombang, lebar, dll.

Efek 3D

Terkesan oleh animasi kanvas? Itu lebih banyak elemen kanvas HTML5 yang bisa dilakukan, dan itu disebut efek 3D. Pengembang dapat mengandalkan elemen kanvas, DOM dan JavaScript untuk membuat efek 3D, yang nantinya dapat dikembangkan menjadi animasi atau game 3D.

Canvas3D dan Flickr

Dapatkan pengalaman 3D yang sepenuhnya baru dengan photostream Flickr.

Simulasi Kain

Simulasi kain realistis berbasis HTML5.

Monster yang Berkembang

Amati monster yang berevolusi menjadi makhluk yang rumit, salah satu penciptanya adalah HTML5.

Google Giftbox

Mesin pencari raksasa Google disajikan dalam tampilan 3D yang dapat diputar.

JS Touch

Showcase '3D on 2D Canvas' yang berkualitas tinggi dan realistis.

Presentasi Data

Sementara elemen kanvas HTML5 dapat digunakan untuk membuat animasi dan efek 3D, elemen kanvas HTML5 juga dapat diterapkan untuk menyajikan data matematika.

Gnuplot

Gnuplot, aplikasi data plotting dalam versi HTML5.

RGraph

RGraph menyediakan berbagai presentasi data seperti diagram batang, bilah kemajuan, dan grafik radar tradisional.

Aplikasi web

Pada akhirnya, dengan menggunakan semua kemungkinan yang dikombinasikan oleh HTML5 dan bahasa lainnya, orang dapat membuat aplikasi atau game interaktif yang dekat dengan aplikasi Flash.

CanvasPaint

Saksikan saudara Microsoft Paint masuk ke peramban web Anda, dan ayahnya HTML5.

CanvasMol

Aplikasi ilmiah yang dibangun untuk membantu Anda memahami struktur elemen bumi tertentu.

Pembuat Kartun

Gambar kartun yang menarik dengan pembuat kartun yang minimal dan interaktif ini.

Seret Apa Pun Di Sini

Seret apa pun yang dapat Anda seret dalam demo untuk menampilkan detail.

Sketsa Gartik

Aplikasi HTML5 asli yang memungkinkan Anda membuat beberapa gambar dasar yang dapat disimpan ke dalam format gambar yang berbeda seperti jpeg atau png.

PhysicSketch

Gambarlah apa pun yang Anda suka dan lihat bagaimana mereka bereaksi dengan gravitasi yang disimulasikan.

Sketsa

Aplikasi menggambar HTML5 yang kuat yang memungkinkan Anda untuk menggambar dan mengedit gambar Anda secara tepat.

Smalltalk

Aplikasi web yang mengkonfirmasi posisi geografis pesan terkait cuaca yang diperoleh dari Twitter, sehingga membentuknya menjadi peta 'cuaca sosial' berbasis kanvas, cukup sepele (seperti yang dinyatakan oleh penulis) tetapi menarik.

Permainan

3 Bosan

Anda tidak akan pernah bosan jika Anda dapat terus menghindari ratusan peluru HTML5 di detik berikutnya.

Breakout

Rebound bola untuk memecahkan semua batu bata.

Canvascape

Bukan sebuah game, tetapi ini menunjukkan bagaimana HTML5 dapat digunakan untuk mengembangkan game browser First Person Shooting.

Tangkap

Berapa banyak bola yang bisa Anda hindari untuk mendapatkan kotak HTML5 kemenangan Anda?

Reaksi berantai

Rantai ledakan untuk mencapai tujuan, jangan kecanduan.

Cubeout

Mainkan Tetris dalam tampilan 3D atas-bawah.

etchaPhysics

Draw item untuk memindahkan bola ke bintang, jangan lupa tentang gravitasi.

Puzzle Jigsaw

Klik, putar dan jatuhkan potongan puzzle untuk menyelesaikan teka-teki gambar berbasis HTML5 ini.

Puzzle Geser

Geser ke kemenangan, gim HTML5 lain yang dibuat untuk memeras pikiran Anda.

Game yang sama

Hapus grup tertentu untuk mendapatkan grup lain yang dipasangkan dengan warna yang sama dan Anda akhirnya akan diberikan kemenangan.

Tetris

Salah satu game paling klasik yang dihidupkan kembali oleh HTML5.

Torus

Namun game Tetris lain dalam versi pseudo-3D.

Kesimpulan

Apa batasan HTML5? Pada titik ini kami tidak dapat memutuskan, tetapi dengan video mengesankan di bawah ini kami dapat mengetahui sejauh mana HTML5 telah didorong:

Ya, Quake II di browser web, jadi sekarang sangat jelas bahwa dengan HTML5, aplikasi web yang lebih inovatif akan lahir untuk melayani miliaran pengguna internet. Cepat, berevolusi, dan mengubah web di seluruh dunia. Pertanyaannya adalah, bagaimana Anda akan menggunakan HTML5 yang mengubah game ini?

Kami ingin mendengar ide Anda!