Laman Web HTML5 Mempamerkan 48 Demo Kemungkinan Flash-Membunuh

Jadi anda telah mendengar semua khabar angin mengenai HTML5 akan mengambil alih Adobe Flash. Walaupun kebanyakan komuniti web berhujah bahawa ia mungkin atau tidak, anda mesti mengembara yang menjadikan HTML5 begitu kuat sehingga syarikat raksasa Apple juga mahu menggunakannya untuk menggantikan Flash.

Itulah sebabnya jawatan ini wujud, kita tidak akan bercakap mengenai apa yang boleh dilakukan oleh HTML5, tetapi menunjukkan demo secara langsung tentang perkara-perkara ajaib yang boleh dicapai oleh HTML5 dengan bahasa lain seperti JavaScript, jadi bersiaplah untuk diilhami.

Nota: Oleh kerana HTML5 tidak disokong sepenuhnya oleh pelayar web tertentu seperti Internet Explorer, anda sangat disyorkan untuk menggunakan penyemak imbas Firefox untuk melihat semua demo HTML5 di bawah.

Animasi

Unsur kanvas HTML5 adalah faktor penentu untuk HTML5 untuk menggantikan animasi Flash tertentu. Ia membolehkan anda membina rendering dinamik, skrip 2D bentuk dan imej bitmap dengan Javascript, yang dengan maksud lain adalah, animasi yang boleh dikawal.

Animasi Audioburst

Animasi yang selesa dan hebat dibuat dengan kanvas dan tag audio HTML5.

Kolam Bola

Dipamerkan dalam acara Google I / O yang terakhir, demo ini menunjukkan kepada anda bagaimana dinamik boleh HTML5 menjadi.

Blob Sallad

Makhluk yang dihasilkan oleh HTML5 yang akan menggembirakan anda.

Bomomo

Dengan Bomomo, anda boleh memerhatikan pergerakan atom yang berbeza yang disimulasikan dengan HTML5.

Bola Penyemak Imbas

Dapatkan kagum dengan bola HTML5 'penyemak imbas' ini.

Bubbles

Bersenang-senang dengan membuat gelembung terapung yang tidak berkesudahan dengan warna yang berbeza.

Animasi Kartun Canvas

Kartun HTML5 yang mudah dan lucu yang membantu anda memahami elemen kanvas HTML5 yang boleh dilakukan.

Coolclock

Jam analog yang disesuaikan dan dibina oleh HTML5 dan JavaScript.

Tayangan Flickr PS3

Lihat foto Flickr anda dengan tayangan gaya PS3 dalam penyemak imbas web.

Polaroid interaktif

Satu demo interaktif yang berfungsi hampir sama dengan antara muka antara muka.

JS Fireworks

Nikmati saat bunga api dengan graviti dan kelajuan pilihan anda, yang dikuasakan oleh HTML5 dan Javascript.

Kaleidoskop

Kaleidoskop HTML5 yang sangat cantik dan futuristik.

Zarah cecair

Animasi zarah sensitif yang bertindak balas berdasarkan pergerakan tetikus anda.

Mesmerizer

Satu lagi demo HTML5 sensitif dan cemerlang yang menunjukkan bagaimana unsur-unsur berdekatan bertindak balas dengan pergerakan tetikus anda.

Awan nebula

Tersesat dengan nebula HTML5 yang menakjubkan ini.

Parallax

Lihat semua 2D bentuk dalam perspektif selari.

Animasi zarah

An animasi zarah elegan HTML5 yang boleh membentuk mesej pilihan anda.

Sebarkan

Tersesat dengan animasi penyebaran yang tidak berkesudahan ini.

Starfield

Animasi starfield HTML5 yang sangat sejuk yang akan mengubah arah dan kelajuan berdasarkan pergerakan tetikus anda.

Pemusnahan Video

Satu klik untuk membesar video bermain.

Bentuk gelombang

Perhatikan bagaimana gelombang kanvas HTML5 bergerak dengan mengubah amplitud, panjang gelombang, lebar, dan sebagainya.

Kesan 3D

Tertarik dengan animasi kanvas? Itulah elemen kanvas HTML5 yang boleh dilakukan, dan ia dipanggil kesan 3D. Pemaju boleh bergantung pada elemen kanvas, DOM dan JavaScript untuk mencipta kesan 3D, yang kemudiannya boleh dimajukan menjadi animasi atau permainan 3D.

Canvas3D dan Flickr

Mempunyai pengalaman 3D baru dengan Flickr's photostream.

Simulasi Kain

Simulasi kain berasaskan HTML5 yang realistik.

Memajukan Monster

Perhatikan raksasa yang berkembang menjadi makhluk yang rumit, salah seorang penciptanya adalah HTML5.

Google Giftbox

Enjin carian raksasa Google dibentangkan dalam paparan 3D, dimainkan.

JS Touch

Pameran yang berkualiti dan realistik '3D pada 2D Canvas'.

Penyampaian Data

Walaupun elemen kanvas HTML5 boleh digunakan untuk membuat animasi dan kesan 3D, ia juga boleh dilaksanakan untuk mempersembahkan data matematik.

Gnuplot

Gnuplot, aplikasi peletakan data dalam versi HTML5.

RGraph

RGraph menyediakan pelbagai persembahan data seperti carta bar, bar kemajuan dan carta radar tradisional.

Aplikasi sesawang

Pada akhirnya, menggunakan semua kemungkinan yang digabungkan oleh HTML5 dan langauge lain, seseorang boleh membuat aplikasi interaktif atau permainan yang dekat dengan aplikasi Flash.

CanvasPaint

Saksikan kakak dari Microsoft Paint datang ke pelayar web anda, dan bapanya adalah HTML5.

CanvasMol

Aplikasi saintifik yang dibina untuk membantu anda memahami struktur unsur bumi tertentu.

Pembina Kartun

Lukiskan imej kartun yang menarik dengan pembina kartun yang minimum dan interaktif ini.

Seret Apa-apa Di Sini

Seret apa sahaja yang boleh anda seret dalam demo untuk menunjukkan butiran.

Lakaran Gartik

Aplikasi HTML5 asal yang membolehkan anda membuat beberapa lukisan asas yang boleh disimpan ke dalam format imej yang berbeza seperti jpeg atau png.

PhysicSketch

Lukis apa sahaja yang anda suka dan lihat bagaimana mereka bertindak balas dengan graviti simulasi.

Skrin padanan

Aplikasi lukisan HTML5 yang kuat yang membolehkan anda menarik dan mengedit imej anda secara tepat.

Smalltalk

Aplikasi web yang mengesahkan kedudukan geografi mesej yang berkaitan dengan cuaca yang diperoleh dari Twitter, dengan itu membentuk mereka ke dalam peta 'cuaca sosial' berasaskan kanvas, agak remeh (seperti yang dinyatakan oleh penulis) tetapi menarik.

Permainan

3Bored

Anda tidak akan pernah bosan jika anda boleh terus mengelakkan beratus-ratus peluru HTML5 dalam detik berikutnya.

Breakout

Rebound bola untuk memecahkan semua batu bata.

Canvascape

Tidak cukup permainan, tetapi ia menunjukkan bagaimana HTML5 boleh digunakan untuk membangunkan permainan pelayar Pertama Orang Menembak.

Tangkap Ia

Berapa banyak bola yang boleh anda mengelak untuk mendapatkan persegi HTML5 menang anda?

Tindakbalas berantai

Rantai letupan untuk mencapai matlamat, jangan ketagih.

Cubeout

Main Tetris dalam 3D, pandangan atas ke bawah.

etchaPhysics

Lukiskan item untuk menggerakkan bola ke bintang, jangan lupa tentang graviti.

Jigsaw Puzzle

Klik, putar dan lepas kepingan teka-teki untuk menyelesaikan teka-teki jigsaw berasaskan HTML5 ini.

Teka-teki Slide

Luncurkan kemenangan, satu lagi permainan HTML5 yang dibina untuk memerah jus minda anda.

Permainan yang sama

Keluarkan kumpulan tertentu untuk mendapatkan kumpulan lain yang berpasangan dengan warna yang sama dan akhirnya anda akan diberikan kemenangan.

Tetris

Salah satu permainan yang paling klasik dibawa kembali oleh HTML5.

Torus

Satu lagi permainan Tetris dalam versi pseudo-3D.

Kesimpulannya

Apakah had HTML5? Pada ketika ini kita tidak boleh membuat keputusan, tetapi dengan video yang mengagumkan di bawah ini kita dapat mengetahui sejauh mana HTML5 telah ditolak:

Ya, itu adalah Quake II dalam pelayar web, jadi sekarang sangat jelas dengan HTML5, aplikasi web yang lebih hebat akan dilahirkan untuk melayani berbilion-bilion pengguna internet. Ia pantas, ia berkembang, dan ia mengubah dunia di seluruh dunia. Persoalannya ialah, bagaimana anda menggunakan HTML5 yang mengubah permainan ini?

Kami ingin mendengar idea anda!