Laman » Pengekodan » 15 (Lebih) Eksperimen HTML5 yang Inspirasi

    15 (Lebih) Eksperimen HTML5 yang Inspirasi

    Kecuali anda telah tinggal di bawah batu, anda akan mendengar tentang HTML5. Ia hanya di mana-mana sekarang, terima kasih kepada promosi Apple Ketua Pegawai Eksekutif bekas CEO Steve Jobs dan pemaju tertentu yang percaya bahawa HTML5 boleh mengambil alih Flash.

    Malah, sebenarnya kita tidak melihat keadaan ini berlaku lagi, tetapi HTML5 benar-benar ajaib merujuk ke keupayaan video, ilustrasi kanvas dan animasi yang berfungsi dengan baik dan lancar. Faktanya ialah ia sangat menjanjikan bahawa projek-projek yang muncul di seluruh tempat-tempat yang telah dibuat sebagai satu cara untuk menguji sempadan HTML5.

    Percaya kuasanya atau tidak, kami akan mempamerkan 15 eksperimen yang mencerahkan yang menjadikan penggunaan HTML5 terbaik, dan meneka apa, anda boleh mengalami graviti, animasi berasaskan muzik, dan membuat makhluk yang hanya berfungsi seperti makhluk! Bersenang-senang dengan mereka dan oops, mereka paling berkhidmat dengan versi terkini Mozilla Firefox dan Google Chrome.

    Sekiranya anda tidak berpuas hati dengan keseronokan HTML5 ini, kami mempunyai lebih banyak untuk anda!

    • HTML5: 48 Potensi Demo Flash-Membunuh
    • HTML5: 19 Aplikasi Web Berpotensi

    Kitaran Kanvas

    Usaha kolaboratif antara artis Mark Ferrari dan pengarang Joseph Huckaby, ini adalah koleksi indah pemandangan alam yang bergerak seperti hutan di musim sejuk, laut dan gunung-gunung yang ribut. Mereka santai untuk melihat dan benar-benar menakjubkan, dengan bunyi yang melekat pada gambar-gambar. Jika anda ingin sedikit masa untuk berehat dari kerja, anda boleh melalui gambar-gambar ini dan merasakan ketegangan anda hanya mencair.

    tarikan Google

    Satu lagi oleh Encik Doob yang menakjubkan, yang ini kurang interaktif daripada yang pertama tetapi masih sejuk. Ia memberikan salinan asas halaman carian utama Google. Tetapi apabila anda mengarahkan kursor anda, seluruh halaman mula 'jatuh' sehingga semuanya jatuh di bahagian bawah. Logo Google berfungsi sebagai pautan aktif yang menyegarkan halaman. Permainan yang baik untuk syarikat-syarikat besar yang membenci Google, mungkin.

    Pokok Kanvas

    Dibuat oleh Kenneth Jorgenson, ini mungkin satu-satunya tempat yang anda dapat melihat frasa 'Refresh untuk pokok-pokok yang lebih lazat :)'. Itulah yang dikatakannya: anda klik pada laman web dan ia membawa anda ke latar belakang putih. Lukisan dakwat hitam pokok akan mula 'berkembang' sambil mengira jumlah cawangan sedang berjalan. Anda boleh menyegarkan untuk melihat sebanyak yang anda kehendaki.

    Magnet

    Ini satu lagi menyeronokkan dan ketagihan untuk anda nikmati. Anda pada dasarnya bermula dengan beberapa 'magnet' yang boleh diseret di sekitar skrin. Zarah-zarah dari orbit cahaya di sekitar mereka dan jika anda beralih kedudukan anda boleh mengubah bentuk yang mereka buat. Jika anda mahukan lebih banyak magnet dan zarah anda hanya klik dua kali dan seretnya ke tempat yang anda inginkan. Ya, semuanya mengenai magnet dan fizik!

    Grafik Pendapatan Selebriti

    Mahu melihat gambaran visual berapa selebriti televisyen mendapat setiap episod? Ini adalah grafik kecil yang sejuk yang menunjukkan susunan bar warna yang mewakili berapa selebriti tertentu membuat setiap rakaman rancangan televisyen (atau dibuat, dalam kes seperti Charlie Sheen). Ia dibuat sebagai salah satu daripada banyak projek dan eksperimen oleh Daniel Rapp.

    Kanvas pita

    Paul Truong membuat aplikasi menarik ini yang membolehkan anda melukis menggunakan reben berwarna yang sentiasa bergerak, berwarna-warni di skrin. Ia membuat bentuk dan reka bentuk, dan kesannya agak cantik. Apa yang anda perlu lakukan ialah menyeretnya ke skrin, bercakap mengenai kesederhanaan eh.

    Air WebGL

    Di sini terdapat demo sejuk menggunakan WebGL yang merevolusikan (Perpustakaan Grafik Berasaskan Web), yang paling berkhidmat dengan Google Chrome. Dengan demo, anda boleh melukis di atas air untuk membuat riak, atau seret sfera untuk bergerak di sekitar dan tekan beberapa kekunci papan kekunci untuk menetapkan arah cahaya dan toggle gravity, semuanya untuk menyaksikan bagaimana objek yang bergerak berinteraksi secara meriah dengan alam sekitar, realistik.

    Chrysaora

    Satu lagi demo yang menakjubkan memaparkan keajaiban WebGL, yang dapat anda lihat sekelompok sangat cantik dan yang paling penting, ubur-ubur meriah yang bergerak di dalam air, yang disinari oleh sinar matahari seperti mimpi. Saksikan tempoh yang HTML5 dan WebGL membawa web ke kehidupan, yang paling dilihat dengan Google Chrome.

    Voxel Rain

    Hujan Voxel bermakna kotak 3D berwarna-warni turun untuk membentuk blok besar berputar. Ia seperti mempamerkan kemungkinan komputer pada tahun 1990-an, dan kini ia datang kepada penyemak imbas web dengan menggunakan kuasa HTML5, era paling terang di internet tidak lebih jauh.

    Kesan Teks HTML5

    Selalunya pereka web kami tertanya-tanya berapa banyak kemungkinan HTML5 benar-benar dapat membantu kami untuk terobosan dalam tipografi web, dan demo ini memberi anda jawapan, lebih daripada biasa! Anda boleh memilih untuk menyaksikan kesan stereoskopik, kesan neon, atau kesan neon yang bergerak, masa depan tipografi web berada di tangan HTML5.

    Logo HTML5 berputar

    Saya tidak boleh memegang kemuliaan HTML5, ia berputar, ia berputar ... ia sejuk.

    Lakaran dalam 3D

    Bosan dengan perkhidmatan melakar 2D berasaskan HTML5? Semak ini. Hanya lukiskan garisan, dan tekan Space kemudian seret kiri atau kanan, dan anda akan melihat lukisan anda berputar dalam perspektif 3D. Lakaran 3D tidak lebih rumit dengan HTML5.

    konduktor mta.me

    Pengendali Mta.me mengilhamkan anda dengan mata pemijahan yang akan bergerak terus untuk membentuk garis, dan apabila garis “bertembung” satu sama lain mereka akan mencetuskan beberapa interaksi. Semua untuk membuktikan bahawa HTML5 bukan hanya tentang kod tetapi interaksi, dan itulah yang pengguna web sangat peduli.

    Doogle Gmail

    Permainan jenis penembak yang menarik tetapi wira Gmail, membebaskannya dari kejahatan! Sama seperti permainan penembak klasik, anda mendapat kehidupan, skor, dan pancaran laser yang maha kuasa. Mungkin salah satu demo yang berpotensi untuk menunjukkan keupayaan melakukan HTML5 sebagai permainan. Berhati-hati, Flash.

    Pilot W

    Ini adalah permainan ketagihan yang harus menyalahi undang-undang. Serius, sebaik sahaja anda masuk ke salah satu pelayan mereka, anda akan mahu bermain selama berjam-jam. Anda pada dasarnya terbang mengelilingi perkara menembak sambil mengelakkan ditembak oleh pemain lain. Ia mudah dan sangat menyeronokkan untuk dimainkan, dan hakikat bahawa ia membolehkan pengalaman berbilang pemain adalah tambah serius yang meletakkannya di atas permainan Flash yang begitu popular sekarang.