Contoh game berbasis Javascript / HTML5 yang bagus [ditutup]

Sekarang Flash sebagian besar digantikan dengan elemen HTML5 (video, audio, kanvas, dll.) Adakah contoh bagus game berbasis web yang dibangun di atas standar yang sepenuhnya terbuka (artinya Javascript, HTML, dan CSS)? Saya melihat banyak contoh implementasi HTML5 murni yang dulunya hanya di Flash (seperti barang di sini: http://www.html5rocks.com/ ) tetapi tidak banyak game, domain yang tampaknya masih didominasi oleh Flash. Saya ingin tahu apa yang mungkin dan apa batasannya.

Ada banyak hype di sekitar HTML5 tetapi untuk mengatakan bahwa Flash sebagian besar digantikan oleh itu adalah pernyataan yang berlebihan. Sementara tag video dan audio mungkin mendapatkan daya tarik, game akan menjadi satu area yang bertahan untuk waktu yang lama, bukan hanya karena tooling dan kinerja yang lebih baik, tetapi juga karena ada infrastruktur bisnis yang dibangun di sekitar mendistribusikan file Swf, yang tidak akan dengan mudah beradaptasi dengan HTML dan js. Game html5 yang telah saya lihat menggunakan kanvas kira-kira di mana flash adalah 7 tahun yang lalu, dan pada saat ie9 didistribusikan secara luas bahwa kanvas adalah pilihan yang layak, Flash akan sudah memperkenalkan itu direncanakan 3d dan mungkin fitur akselerasi perangkat keras.

Demi mengeksplorasi seberapa jauh Anda dapat mengambil crop browser terbaru, saya dan beberapa rekan melakukan kompilasi silang port Java open-source Quake II ke Safari / Chrome (ini juga harus bekerja pada Firefox di beberapa titik, meskipun tidak awalnya, sebagian besar karena alasan kinerja). Proyeknya ada di sini: http://code.google.com/p/quake2-gwt-port/

Itu masih membutuhkan perhatian dan pemberian makan untuk menjalankan dan menjalankannya (misalnya, WebGL masih tidak diaktifkan secara default di browser pengiriman mana pun), tetapi kami mengunggah video di sini: http://www.youtube.com/watch?v = XhMN0wlITLk (maaf gelap sekali - masalah gamma tetap ada) dan Anda dapat melihat pembicaraan I / O Google kami di sini: http://code.google.com/intl/fr-FR/events/io/2010/sessions/gwt -html5.html

Saya tidak tahu berapa lama lagi sebelum kita bisa secara realistis bergantung pada semua fitur browser baru ini (WebGL, WebSocket, audio / video, penyimpanan lokal, dan lain-lain), tetapi jika semua itu disatukan, itu bisa membuat perbedaan besar dalam kemampuan untuk mengirim game langsung di web. Tetapi masih ada banyak rintangan yang tersisa (misalnya, jangan menahan nafas Anda untuk Microsoft untuk mengimplementasikan WebGL di IE10).

Lord of Ultima EA mungkin adalah game berbasis Javascript / HTML yang paling mengesankan yang pernah saya lihat.

Catatan: Ini adalah game strategi dan bukan judul aksi sehingga meskipun memiliki peta gulir yang bagus dan mulus, tidak ada hal lain selain mengklik tombol sejauh interaktivitas langsung berjalan.

"Aku ingin tahu apa yang mungkin dan apa batasannya."

Batasannya adalah berbasis browser. Jika Anda menggunakan sesuatu yang panas seperti Webkit nightlies, pada dasarnya tidak ada yang bisa dilakukan flash yang peramban tidak bisa lakukan secara asli, seperti:

• 2d Graphics (via canvas) dengan rotasi, penskalaan, opacity, dll.
• 3d (melalui kanvas dan WebGL)
• Audio (melalui tag audio, meskipun saat ini sucks bahkan di browser yang mendukungnya)
• HTTP (via XMLHTTPRequest)
• Penyimpanan Lokal (melalui API Penyimpanan lokal)
• Soket (melalui Soket Web)
• SVG
• Video (melalui tag video)

AFAIK juga dimungkinkan di Google Chrome (dan jika tidak, itu akan segera). Kedengarannya seperti lingkungan game yang lengkap bagi saya :)

(Saya memasukkan tautan ke semua hal ini dalam konsep pertama saya tetapi StackExchange tidak mengizinkan saya mempostingnya karena saya baru; maaf!)

Lihatlah situs web ini:

• http://html5games.com/
• http://web.appstorm.net/roundups/browsers/10-html5-games-paving-the-way/

Seorang pria jquery ui sedang membangun mesin permainan yang disebut Aves menggunakan javascript / html. Video ini menjelaskan beberapa tantangan yang ia hadapi selama pengembangan. Dia berbicara banyak tentang bagaimana kanvas lambat dan bahwa saat ini tidak dipercepat.

Anda juga bisa menemukan banyak game yang dikembangkan menggunakan mesin Effect Games. Meskipun mesin terlihat cukup pasir ke situsnya dengan semua alat dan aset yang ada di sana.

IMO batasan terbesar untuk mengembangkan permainan js / html adalah suara. Tag ini melakukan aktivitas berbeda di seluruh safari / firefox / chrome yang semuanya harus versi terbaru. Terakhir saya memeriksa safari hanya bekerja dengan MP3 dan firefox hanya bekerja dengan OGG. Meskipun benar-benar layak untuk mengatasi ini dengan kombo dari logika serveride.

Saat ini saya hobi menulis game Flash dan tidak bisa melihat domain itu diatasi oleh HTML5 (js / css / html) sampai portal mulai menerimanya atau toko aplikasi web online.

Contrasaurus

Game ini dibuat dengan susah payah dengan darah, keringat, air mata, dan HTML5. Pustaka transformasi matriks inti diputar sebagai Matrix.js . Selain itu, banyak ekstensi bahasa inti, sprite, suara, dan pustaka kanvas bekerja dengan cara mereka ke dalam The Pixie Game Platform .

Tanpa Flash, semua HTML5 Canvas dan Audio. Berfungsi paling baik di Chrome.

Anda BENAR-BENAR harus memeriksa perpustakaan CAAT - ini luar biasa! Ini adalah perpustakaan scenegraph (eg thing.addchild / thing2.removechild) untuk kanvas.

Demo ini mengejutkan saya, bersama dengan permainan juga terkandung di halaman itu: http://labs.hyperandroid.com/animation

Sedemikian rupa sehingga saya mentransfer game kami sendiri untuk menggunakannya, dan hanya butuh satu malam.

Mampir, pertarungan bola salju multipemain http://holiday2010.ogilvy.com

Sedemikian rupa sehingga saya telah mencoba untuk meningkatkan lirary dan menambahkan hal-hal kembali ke dalamnya: http://github.com/onedayitwillmake/CAAT-Halo

Tersedia di github: http://github.com/onedayitwillmake/CAAT-Hello/tree/circlepack

Meskipun kontrol kacau / perlu bekerja, saya menyukai Akihabara - http://www.kesiev.com/akihabara/

Google Pacman harus menjadi salah satu game JS / HTML yang lebih mengesankan yang pernah saya lihat (memang, hanya itu yang pernah saya lihat, tetapi masih sangat mengesankan :)

Lokasi Kode Sumber

Ada tutorial yang sangat baik untuk Perpustakaan Akihabara yang disusun oleh Darius Kazemi dan Darren Torpey di: Akihabara Tutorials

Biolab Disaster adalah platformerrollcrolling yang cukup bagus yang menunjukkan apa yang dapat dilakukan dengan html5 dan js. http://playbiolab.com/

Saya baru saja selesai porting game Strategi Luar Angkasa saya dari Silverlight / C # ke HTML5 / Javascript / Canvas murni:

Astriark - Penguasa Bintang

Ini adalah permainan 2D dan sangat sederhana, jadi cocok untuk menggunakan kanvas karena tidak banyak lukisan yang terjadi. Yang sedang berkata, saya terkesan dengan apa yang dilakukan beberapa game animasi lainnya di luar sana dengan teknologi yang sama. Seperti burung yang marah di toko web chrome: Angry Birds , Anda mungkin juga ingin memeriksa beberapa game lain di toko Web Chrome untuk contoh lebih lanjut.

Salah satu alasan saya mem-porting permainan saya adalah saya ingin dapat berjalan di tablet / perangkat seluler tanpa harus melakukan pengkodean ulang semuanya di Java atau Objective C. iOS dan Android keduanya memiliki kontrol 'WebView' untuk membuatnya lebih mudah, tetapi Saya mengalami kesulitan dalam sedikit mengotak-atik sekitar saya telah selesai dengan itu (iOS mengharuskan semua aset Anda berada dalam satu folder sejauh yang saya lihat).

Jenis persyaratan lintas platform ini adalah alasan bagus mengapa beberapa orang beralih dari Flash dan menuju HTML5, tetapi downside adalah bahwa Anda harus menguji pada N browser dan versi yang berbeda dan memiliki semua sakit kepala yang terkait dengan pengembangan web biasa. Masalah-masalah ini diatasi oleh perpustakaan seperti jQuery dan beberapa perpustakaan / platform permainan HTML5 lainnya yang disebutkan di sini ( ImpactJS adalah salah satu yang pernah saya lihat tetapi belum pernah dicoba). Juga masalah-masalah ini tidak akan menjadi masalah ketika FireFox 7 keluar dan IE 9+ menjadi lebih luas.

Jika Anda tertarik pada beberapa masalah yang saya hadapi porting dari Silverlight ke HTML5 Canvas Anda harus memeriksa posting blog saya di sini: Aplikasi Porting Silverlight ke javascript menggunakan tag Kanvas HTML5

Berikut adalah 3 game hebat menggunakan mesin ImpactJS .

Impact adalah JavaScript Game Engine yang memungkinkan Anda mengembangkan Game HTML5 yang memukau untuk browser desktop dan seluler.

Jika saat ini Anda tidak yakin tentang apa yang dapat Anda lakukan dengan HTML5, saya akan mengatakan ini adalah contoh terbaik saat ini. Ingatlah bahwa karena ini adalah topik yang panas, bidang ini berubah dengan cepat!

Tipe-Z

Ruang Shoot'em'Up di mana Anda mengetik untuk menembak.

Biolab

Berjuanglah melewati Biolab yang terinfeksi di Jump'n'Run ini. Gunakan Senapan Plasma Anda untuk menembak semua yang bergerak! Ada 3 level untuk dijelajahi dan 6 jenis musuh untuk dilawan.

Makhluk & Kastil

Gim aksi-puzzle di mana Anda membantu seorang pemburu harta karun muda mencuri harta karun dalam jumlah besar dari kastil abad pertengahan.

Secara kebetulan, ada pertanyaan pada Slashdot hari ini tentang permainan html5 / javascript:

http://ask.slashdot.org/story/10/07/14/0632238/JavaScriptHTML-5-Gaming

Disebutkan secara khusus Galactic Plunder, penembak ruang samping yang bergulir:

http://dougx.net/plunder/plunder.html

http://www.javascriptgaming.com/

Kerangka kerja pengembangan HTML5 yang sangat menarik yang baru-baru ini saya temui adalah Sencha. Ini terutama untuk perangkat genggam / sentuh, tetapi apa yang tidak akan menjadi berbasis sentuhan beberapa tahun dari sekarang? Berikut ini beberapa demo menarik, termasuk permainan kartu:

http://www.sencha.com/products/touch/demos.php

Berikut adalah beberapa game HTML5 di Efek Game ... bahkan ada proyek di sana Anda bisa ikut terlibat. Telah menghabiskan banyak waktu di antara kompilasi dengan Crystal Galaxy Demo mereka

Dari situs: "Cycleblob diimplementasikan menggunakan elemen kanvas WebGL dan HTML 5 dan sepenuhnya ditulis dalam JavaScript."

http://cycleblob.com/

coba Private Joe untuk penembak arcade retro 2d penuh

jika Anda ingin mencoba game yang dioptimalkan untuk seluler, kunjungi marketJS