Beranda » Coding » 15 (Lebih Banyak) Eksperimen HTML5 yang Menginspirasi

    15 (Lebih Banyak) Eksperimen HTML5 yang Menginspirasi

    Kecuali Anda telah hidup di bawah batu, Anda akan pernah mendengar tentang HTML5. Sekarang hanya ada di mana-mana, berkat promosi Apple CEO mantan CEO Steve Jobs dan pengembang tertentu yang percaya bahwa HTML5 dapat mengambil alih Flash.

    Sebenarnya, kita belum melihat situasi ini terjadi, tetapi HTML5 benar-benar ajaib sehubungan dengan kemampuan videonya, ilustrasi kanvas dan animasi yang bekerja dengan sangat baik dan lancar. Faktanya adalah sangat menjanjikan bahwa proyek bermunculan di semua tempat yang telah dibuat sebagai cara untuk menguji batas-batas HTML5.

    Percaya atau tidak, kami akan menunjukkan kepada Anda 15 percobaan mencerahkan yang memanfaatkan HTML5 terbaik, dan coba tebak, Anda dapat mengalami gravitasi, animasi berbasis musik, dan rendering makhluk yang hanya berfungsi seperti makhluk! Bersenang-senanglah dengan mereka dan oops, mereka disajikan terbaik dengan versi terbaru Mozilla Firefox dan Google Chrome.

    Kalau-kalau Anda tidak puas dengan kesenangan HTML5 ini, kami punya lebih banyak untuk Anda!

    • HTML5: 48 Potensi Demo Pembunuhan Flash
    • HTML5: 19 Aplikasi Web Potensial

    Siklus Kanvas

    Upaya kolaboratif antara seniman Mark Ferrari dan pembuat kode Joseph Huckaby, ini adalah koleksi indah pemandangan alam yang bergerak seperti hutan di musim dingin, bentang laut, dan gunung berapi. Mereka santai untuk melihat dan benar-benar menakjubkan, dengan suara yang melekat pada gambar. Jika Anda ingin sedikit waktu untuk bersantai dari pekerjaan, Anda dapat melihat-lihat foto-foto ini dan merasakan ketegangan Anda hilang begitu saja.

    gravitasi Google

    Satu lagi oleh Mr Doob yang luar biasa, yang satu ini kurang interaktif dari yang pertama tetapi masih keren. Ini memberikan salinan dasar dari halaman pencarian utama Google. Tetapi ketika Anda mengarahkan kursor Anda, seluruh halaman mulai 'jatuh' sampai semuanya jatuh di bagian bawah. Logo Google berfungsi sebagai tautan aktif yang menyegarkan halaman. Permainan yang bagus untuk perusahaan-perusahaan hebat yang membenci Google, mungkin.

    Pohon Kanvas

    Dibuat oleh Kenneth Jorgenson, ini mungkin satu-satunya tempat Anda dapat melihat frasa 'Refresh for more delicious trees :)'. Persis seperti yang dikatakannya: Anda mengklik situs web dan itu akan membawa Anda ke latar belakang putih. Gambar tinta hitam dari pohon akan mulai 'tumbuh' sambil menghitung berapa banyak cabang yang sedang berlangsung. Anda dapat menyegarkan untuk melihat sebanyak yang Anda inginkan.

    Magnetik

    Ini satu lagi kesenangan dan kecanduan yang bisa Anda nikmati. Anda pada dasarnya memulai dengan beberapa 'magnet' yang dapat diseret di sekitar layar. Partikel-partikel cahaya mengorbit di sekitarnya dan jika Anda menggeser posisi, Anda dapat mengubah bentuknya. Jika Anda ingin lebih banyak magnet dan partikel, cukup klik dua kali dan seret ke tempat yang Anda inginkan. Ya, ini semua tentang magnet dan fisika!

    Grafik Penghasilan Selebriti

    Ingin melihat representasi visual tentang berapa banyak penghasilan selebriti televisi per episode? Ini adalah grafik kecil yang keren yang menunjukkan tumpukan bar warna yang menunjukkan berapa banyak selebriti tertentu membuat per rekaman acara televisi (atau dibuat, dalam kasus-kasus seperti Charlie Sheen). Itu dibuat sebagai salah satu dari banyak proyek dan eksperimen oleh Daniel Rapp.

    Pita kanvas

    Paul Truong membuat aplikasi menarik yang memungkinkan Anda melukis menggunakan pita multi warna yang bergerak secara konstan di seluruh layar. Itu membuat bentuk dan desain, dan efeknya cukup cantik. Yang harus Anda lakukan adalah menyeretnya melintasi layar, berbicara tentang kesederhanaan, eh.

    WebGL Water

    Di sinilah demo keren menggunakan WebGL (Perpustakaan Grafik Berbasis Web) yang merevolusi, yang paling baik disajikan dengan Google Chrome. Dengan demo, Anda dapat menggambar di atas air untuk membuat riak, atau menyeret bola untuk memindahkannya dan menekan beberapa tombol keyboard untuk mengatur arah cahaya dan beralih gravitasi, semua untuk menyaksikan bagaimana objek yang dipindahkan berinteraksi dengan lingkungan dengan lingkungan, realistis.

    Chrysaora

    Namun demo lain yang menakjubkan menerapkan keajaiban WebGL, yang dapat Anda lihat sekelompok ubur-ubur yang sangat indah dan paling penting bergerak di air, disinari oleh sinar matahari seperti mimpi. Saksikan periode ketika HTML5 dan WebGL menghidupkan web, paling baik dilihat dengan Google Chrome.

    Voxel Rain

    Voxel rain berarti kotak 3D multi-warna turun untuk membentuk blok besar yang berputar. Ini seperti memamerkan kemungkinan komputer pada 1990-an, dan sekarang hadir di peramban web dengan memanfaatkan kekuatan HTML5, era internet yang paling cerah tidak lebih jauh..

    Efek Teks HTML5

    Seringkali kita, perancang web bertanya-tanya seberapa besar kemungkinan HTML5 dapat benar-benar membantu kita melakukan terobosan dalam tipografi web, dan demo ini memberi Anda jawabannya, lebih dari sebelumnya! Anda dapat memilih untuk menyaksikan efek stereoskopis, efek neon, atau bahkan efek neon bergerak, masa depan tipografi web ada di tangan HTML5.

    Memutar Logo HTML5

    Aku hanya tidak bisa menahan kejayaan HTML5, itu berputar, berputar ... itu keren.

    Membuat sketsa dalam 3D

    Bosan dengan layanan sketsa 2D berbasis HTML5? Lihat ini. Cukup menggambar garis, dan tekan Spasi kemudian seret ke kiri atau kanan, dan Anda akan melihat gambar Anda berputar dalam perspektif 3D. Sketsa 3D tidak lebih rumit dengan HTML5.

    konduktor mta.me

    Mta.me Conductor menginspirasi Anda dengan memunculkan poin yang akan bergerak terus menerus untuk membentuk garis, dan ketika garis “bertabrakan” satu sama lain mereka akan memicu beberapa interaksi. Semua untuk membuktikan bahwa HTML5 bukan hanya tentang kode tetapi interaksi, dan itulah yang benar-benar diperhatikan oleh pengguna web.

    Doogle Gmail

    Gim bertipe penembak yang menarik tetapi pahlawannya adalah Gmail, bebaskan dari kejahatan! Sama seperti gim penembak klasik, Anda mendapatkan kehidupan, skor, dan sinar laser yang luar biasa. Mungkin salah satu demo potensial untuk memamerkan kemampuan HTML5 melakukan sebagai permainan. Awas, Flash.

    Pilot W

    Ini adalah permainan yang membuat ketagihan sehingga harus ilegal. Serius, begitu Anda masuk ke salah satu server mereka, Anda akan ingin bermain selama berjam-jam. Anda pada dasarnya terbang berkeliling menembak sambil menghindari tembakan oleh pemain lain. Ini sederhana dan sangat menyenangkan untuk dimainkan, dan fakta bahwa itu memungkinkan untuk pengalaman multipemain merupakan nilai tambah yang serius yang menempatkannya di atas game Flash yang sangat populer saat ini.