Game Gratis-Kanggo-Play

Kaya sing sampeyan ngerteni, kelas iki duwe telung cara sing kosong. Iki teka karo phaser.Kelas pemandangan. Saben metode kasebut duwe fungsi sing beda kaya sing diterangno ing ngisor iki

Nggawe game browser telat kaping pindho kurang saka sedina – Bagean 1/4

Apa sampeyan main game. Duh! Tau panginten bangunan dhewe. Hmm.. GAMES INSLATION katon angel dibangun. Kanthi pirang-pirang potongan obah sing melu (cukup secara harfiah), pangembangan game kaya sing diwatesi kanggo devs sing wis nyemprotake sikil menyang jero banyu sing ana ing jaringan, matématika, grafis, lan liya-liyane. Nanging, kanthi evolusi web kanthi cepet lan karo protokol lan perpustakaan anyar ing taun-taun pungkasan, saiki luwih gampang kanggo mbangun game multipliker adhedhasar browser. Ing artikel iki, kita bakal ndelok langkah-langkah implementasine saka Multiplayer game penjajah ruangan (ah, nostalgia!) karo phaser3 lan realtime. Aku wis dadi host game pungkasan ing HTTPS: // ruang-endaders-bebarengan.pahlawan.com / Kanggo sampeyan nyoba. Sadawane cara, kita bakal ngerti arsitektur, desain sistem, protokol jaringan ing mburi iki, lan uga katon guwa kanggo eling nalika mbangun game basek multipliker. Seri Tutorial iki dirusak dadi papat bagean:

• Bagean 1: Pambuka Konsep Gaming lan Perpustakaan Phasal
• Bagean 2: Ngevaluasi Protokol Jaringan Network Kanggo Aplikasi RealTime
• Bagean 3: Ngleksanakake kode sisih server kanggo njaga kabeh pemain sinkronisasi
• Bagean 4: Ngenekake kode sisih klien kanggo menehi game

Siji bab pungkasan sadurunge miwiti. Artikel iki nganggep pangerten dhasar saka JavaScript lan Express / NodeJs. Aku bakal nyoba lan nerangake kabeh sing bisa ditindakake ��������

Ayo game!

Bagean 1 – Pambuka Konsep lan Phasal Gaming

Ayo diwiwiti kanthi ndeleng aturan kanggo game amarga ora kaya sing padha karo retro klasik asli.

Aturan Game Kanggo Penjajah Spasi Multiplayer

• Nalika pemain anyar gabung, dheweke bakal diwenehi avatar monster saka telung jinis sing kasedhiya.
• Saben pamuter bisa mindhah avatar sing kiwa utawa nengen nggunakake tombol panah ing keyboard
• Saben pemain bakal weruh avatar dhewe ing warna putih nanging ndeleng wong liya kanthi warna acak sing wis diwenehake kanggo dheweke
• Nalika nomer prasetel nomer gabung karo game, kapal diluncurake. Kapal iki mindhah sumbu horizoris kanthi arah sing dipilih kanthi acak sing owah kanthi acak saben 5 detik. Bebarengan karo iki, kecepatan kapal uga bakal ganti. Kapal iki uga nembak peluru kanthi interval biasa sing bisa kita preset uga
• Kabeh avatar kanthi otomatis mindhah mudhun kanthi kenaikan prasetel ing game kasebut.
• Tujuane kanggo menang game yaiku kanggo nggawe wates ngisor layar game tanpa mateni siji utawa luwih peluru sing ditembak dening kapal kasebut.

Komponen game multipayer realtime

Nalika bisa uga ana ing pirang-pirang perkara sing bakal ditindakake ing game realtime jaringan, dheweke pancen mudhun menyang telung komponen inti:

Ayo goleki saben liyane.

1. Aset

Aset yaiku unsur kritis sing nggawe game. Yen sampeyan pengin obyek sing katon ing game, sampeyan bisa nggambar siji ing kanvas game, utawa luwih apik nggunakake gambar utawa sheet lan sheet lan animasi. Kajaba iku, apa audio apa sing sampeyan pengin ngenalake lan muter ing game bakal tiba ing aset.

Yen sampeyan kepengin nggawe arcade super game sampeyan, sampeyan bisa ngetutake tutorial seni seni iki dening glUBER Kotaki kanggo sinau babagan carane.

2. Fisika

Fisika yaiku apa sing bisa mindhah aset lan mutusake macem-macem obyek ing game sing sesambungan karo saben liyane. Contone, ing game prasaja Pong, bal kasebut dibandingake maneh ing arah tartamtu, kanthi kecepatan tartamtu gumantung saka bagean paddle sing ditabrak. Kajaba iku, ing game kita, iki bisa kalebu komputasi kapal, kanthi kecepatan, njupuk peluru, tabrakan obyek peluru iki karo avatar pemain, lsp.

Kabeh mau kabeh perhitungan matematika biasane karo konsep fisika, ing ngisor hood. Nanging akeh matématika bisa kakehan nulis kanggo nulis saka ngeruk sanajan game sing gampang. Dadi, ora nulis saben saka awal, kita bisa nggunakake mesin fisika sing paling bisa nindakake sihir matematika kanggo kita.

3. Jaringan

Komponen inti pungkasan sing penting kanggo game online live Multiplayer yaiku jaringan. Bisa dadi super angel kanggo njaga sinkronisasi ing antarane kabeh pemain, ngerti pemain sing tiwas lan yen kabeh wong liya setuju karo tuntutan kasebut.

Aja kuwatir yen kabeh iki wiwit dadi kompleks, ora kudu. Ana akeh pola desain sing wis ana sing bisa mbantu kita miwiti kanthi cara sing bener. Kita bisa milih carane kita pengin arsitektur game kanggo, babagan mekanika game tartamtu sing dimaksud. Liwat seri artikel iki, kita bakal ngomong babagan pola lan pilihan arsitektur sing aku lakoni kanggo mbangun game iki lan ngapa.

Saiki kita duwe pangerten sing luwih apik babagan komponen inti, ayo njelajah kepiye carane bisa digunakake ing game kita.

Nggunakake phaser 3 kanggo nambah aset lan ngaktifake fisika

Phaser minangka kerangka javascript landgl sing mbukak kanggo HTML5. Kita bakal nggunakake phaser 3 kanggo mbangun game. Alesan aku khusus nyebutake versi kasebut yaiku akeh owah-owahan sing ana ing antarane phaser 2 lan 3 kalebu sintaksis. Kajaba iku, sampeyan pengin nambah sawetara fitur anyar sing apik kanggo game ing mangsa ngarep, sampeyan kudu ngerti apa / ing endi sing katon.

Ora mung phaser ngidini kita nampilake aset ing kanvas, muter animasi lan swara, lsp ing kaca web, nanging uga dilengkapi mesin fisika sing dibangun (macem-macem bener). Iki tegese kita mung bisa nyritakake kaya sing kudu ditindakake nalika rong obyek tabrakan lan bakal nggawe mripat kanggo tabrakan lan nglakokake kode kasebut yen kedadeyan.

Ana seri tutorial video video sing apik kanggo phaser sing aku bakal menehi saran yen sampeyan pisanan nggarap phaser 3.

Ing TL; Dr Versi Dr, karo Phaser3, kita bisa nemtokake obyek konfigurasi babagan kanvas lan game kasebut, kalebu ukuran gaya, macem-macem adegan sing kalebu ing urutane critane (rembugan sakcepete), jinis mesin fisika (minangka phaser duwe akeh), lsp.

Banjur kita ngirim obyek konfigurasi kanggo miwiti game anyar.

Iki bisa uga ora kepenak kaya sampeyan durung ndeleng kode. Ayo dadi sabanjure.

Miwiti game

Ayo langsung menyang layar game saiki. Kita bakal kuwatir babagan bukak lan pamuter leaderboard, mengko. Game kita bakal dadi kaca HTML kanthi kanvas sing diwenehake. Kanvas iki bakal nahan lan mbukak game nyata. Dadi, ayo nggawe file, nelpon indeks kasebut.HTML . Supaya bisa diatur, kita bakal nyimpen kabeh file HTML ing folder sing diarani tampilan lan kabeh file JavaScript sisih Klias ing folder sing diarani umum . Ayo miwiti tampilan / indeks.File HTML kanthi skeleton dhasar:

Kaya sing sampeyan ngerteni, kabeh sing ditindakake ing kene yaiku link menyang file CSS lan JS sing bakal ditambahake kanthi cepet, nanging uga luwih penting link menyang phaser js cdn. Sampeyan bisa nyalin CSS langsung saka proyek Github

Saliyane iku, ing njero awak HTML, kita duwe DIV kanthi id kontaner game . Iki ing ngendi kita bakal nambah kanvas game liwat JavaScript.

Ayo nggawe file ing folder umum, nelpon skrip kasebut.JS lan miwiti kanthi nemtokake obyek Konfigurasi Game sing kita rembugan sadurunge.

Kaya sing sampeyan ngerteni, ora kalebu ukuran kanvas lan warna latar mburi, kita uga wis ditemtokake ing kanvas iki sing kudu ditindakake (dikenali dening paragraf sing pengin kita lakoni game.

Phasal nggunakake konsep ‘pemandangan’ kanggo ngatur konten game kasebut. Sampeyan bisa mikirake pemandangan kaya sing sampeyan bisa ndeleng kanthi visual ing wektu apa wae. Nalika main game, yen game ngalih menyang latar mburi sing beda karo interaksi sing beda karo obyek game, mula bisa uga ana pemandangan sing sampeyan deleng sadurunge.

Kanggo game, kita bakal duwe pemandangan siji (diidentifikasi dening GamesCene). Adegan ing phaser minangka kelas sing nyebar phaser.Kelas pemandangan. Ayo netepake iki kanggo game kita. Tambah kode ing ngisor iki ing ndhuwur obyek config amarga bakal ngrujuk kelas gamespene.

Kaya sing sampeyan ngerteni, kelas iki duwe telung cara sing kosong. Iki teka karo phaser.Kelas pemandangan. Saben metode kasebut duwe fungsi sing beda kaya sing diterangno ing ngisor iki

1. Cara Preload () entuk kabeh sumber sing dibutuhake, saka ngendi wae, kathah lan padha siyap kanggo nalika sampeyan pengin nambah game.
2. Cara nggawe () dileksanakake sapisan nalika game pisanan mlaku. Kita bisa nambah kabeh inisialisasi variabel, definisi animasi, lsp, ing metode iki.
3. Cara nganyari () dileksanakake kanthi terus-terusan ing daur ulang nganti saiki dolanan lan mula bisa nganyari obyek game minangka logika game kasebut. Kita bakal nganyari avatar, moto peluru, mindhah kapal kasebut, kabeh ing metode iki..

Loading aset lan nggawe animasi

Ayo dadi maju lan mbukak sawetara aset saiki. Netepake cara preload () kaya ing ngisor iki

Aku Asli dadi tuan rumah game iki ing glitit sing nyimpen kabeh aset ing ember, sing bisa dibalekake CDN. Sampeyan bisa nggunakake sing padha, Amazon S3 minangka pilihan liyane sing populer.

Kita nambah telung jinis avatar, kabeh warna putih lan telu. Loro saka sing, kita uga nambah aset kanggo kapal, peluru, lan mesthi jeblugan kanggo muter nalika pamuter mati.

Kaya sing sampeyan ngerteni, kita ngemot aset spritesheet ing phaser nggunakake iki.mbukak.Spritesheet () lan dikirim telung paramèter:

• Pengenal
• Dalan kanggo file nyata
• Ukuran file (ing piksel).

Kita uga bisa nelpon gambar kasebut nanging mula kita ora bakal bisa nindakake animasi sing adhem nalika sampeyan bakal bisa ndeleng.

P.S. Ana cara sing luwih apik kanggo ngetrapake warna avatar. Kita mung bisa nambah warna warna menyang sprite sing ana tinimbang mbukak obyek sing padha ing pirang-pirang warna minangka aset sing kapisah. Aku ora ngerti kepiye, nanging aku bakal nganyari iki nalika aku mikirake 🙂

Yen sampeyan mriksa lembar “bledosan”, sampeyan bakal weruh manawa ana seks sing beda-beda diselehake ing jejere saben liyane. Cara kita nyebabake “animasi” kanthi ngliwati gambar sing beda-beda ing kacepetan tartamtu sing nggawe nyata video sing transparan saka jeblugan sing kedadeyan.

Ing nggawe () Cara Nggawe (), kita bakal nemtokake animasi kanggo jeblugan iki:

Kita wis nggunakake phaser iki.animsi.nggawe () cara kanggo nggawe animasi kasebut. Cara iki ditindakake:

• Kunci sing bakal digunakake mengko kanggo muter animasi iki
• Bingkai sing ngasilake pigura kanthi nggunakake pengenal saka aset sing pengin ditrapake animasi iki
• framate sing nemtokake kacepetan ing endi sing pengin sampeyan main animasi iki
• baleni sing nemtokake kakehan animasi bakal mbukak
• Singidaken nemtokake manawa utawa ora aset sing animasi kudu lunga sawise animasi wis rampung

Kita ora bakal nambah apa-apa ing cara nganyari () kanggo saiki. Yen sampeyan sok dong mirsani, kita durung bisa ngatasi game kasebut, kita bakal nindakake ing sisih liya seri iki.

Iku saiki. Kita bakal Sinau Babagan Jaringan Aplikasi RealTime ing bagean 2 – Evaluating Protokol Jaringan Kanggo Aplikasi RealTime

Kabeh artikel ing seri iki:

• Bagean 1: Pambuka Konsep Gaming lan Perpustakaan Phasal
• Bagean 2: Ngevaluasi Protokol Jaringan Network Kanggo Aplikasi RealTime
• Bagean 3: Ngleksanakake kode sisih server kanggo njaga kabeh pemain sinkronisasi
• Bagean 4: Ngenekake kode sisih klien kanggo menehi game

Rilis kapisah sing relevan karo tutorial iki kasedhiya ing Github Yen sampeyan pengin mriksa.

Sampeyan uga bisa ngetutake proyek Github kanggo pembangunan paling anyar babagan proyek iki.

Yen sampeyan duwe pitakon, aja lali tekan aku ing Twitter @Srushtika. DMSku mbukak 🙂

Kategori: Gedung Multiplayer

Chimeralaland minangka gratis kanggo muter mbukak kothak wedhi slamet slamet Mmorpg (Multiplayer Multive Multiplayer game) kanggo PC (Windows) lan mobile (Android / iOS) Dikembangake kanthi Tanpa wates Tanpa Winates. Game kasebut disetel ing prasejarah, jagad mitos […]

Muck minangka game rogelual game roguelike sing tunggal lan bebarengan kanggo PC (Windows) kanthi pangembang Norwegian sing populer, Artis lan Youtuber Dani (sing uga nggawe game crab lan Karlson). Muck minangka campuran sing kurang, sembrono (banget) kanggo slamet (e.g. […]

Kothak wedhi minangka motret gratis lan main-kanggo, eksosistem & game virtual lan jagad sing didorong kanggo pc (windows lan alpha) lan dibangun ing decentaland). Pemain bisa mbangun, duwe, nuduhake lan […]

Core minangka koleksi game gratis lan platform game nggawe game kanggo Crayta lan Roblox. Core liya yaiku game gratis game gratis kanggo muter lan jagad kanggo njelajah sing dirancang dening komunitas global pangembang sing bisa gampang […]

Crayta minangka platform game-nggawe kolaborasi gratis lan koleksi game arcade multipayer sing dibangun ing PC 4 sing oraatur 4 kanggo PC, padha karo inti lan roblox. Pemain bisa mlumpat lan nggawe game bebarengan ing méga, preduli saka pengalaman pemrograman. Saka […]

Terra liar online yaiku mmorpg gratis karo fitur kothak wedhi lan fitur kaslametan, dipasang ing jagad fantasi abad pertengahan sing dikontrol dhewe. Sampeyan ora kudu ngrampungake rantai tugas lan mateni sewu sundel kanggo nggawe peralatan. Kabeh iku akeh […]

Ark: Survival evolusi (mobile) minangka game kaslametan sing gratis kanggo studio wildia kanggo mobile (Android, diserang ing pejabat, sing kudu slamet ing pulau, sing kudu slamet Dinosaurus lan kewan prasejarah liyane, bahaya alami, […]

Ora dibayar yaiku Gratis kanggo main Melee-Toan Kothak Kandel ing Zombie lan Game Shooter PC (Windows, Mac lan Linux) ing Genre Survival Survival MMO / Multiplayer (sanajan sampeyan uga bisa muter dhewe utawa ing pude). Tinimbang fokus […]

Totori minangka game brawler layar sing nyenengake lan inovatif gratis ing ngendi sampeyan mbangun menara nalika nyoba topple wong liya. Totori nampilake Multiplayer bebarengan lan co-op nganti 4 pemain. Main marang kanca utawa praktek nglawan bot, […]

Liga Junk Galactic minangka arena crafter gratis-kanggo-main kompetatif – penembake sing dicampur karo kemungkinan bangunan kapal sing meh tanpa wates. Mbangun apa-apa. Perang Sapa. Ing papan. Gawe kapal sampah sampeyan secara harfiah lan ukuran lan nglawan gaweyan […]

CreativeSe minangka game kothak MMO sing apik banget kanggo ngulandara babagan petualangan, eksplorasi lan kreatifitas karo kanca-kanca. Lan saiki gratis kanggo muter. Sampeyan trades ing jagad sing akeh lan misterius sing diubengi dening kewan-kewan sing apik banget lan […]

Gunscape minangka kit konstruksi FPS. Game iku ngidini sampeyan dadi liar kanthi kreatifitas ing kothak wedhi aksi pompa! Gunscape nindakake iki kanthi menehi alat sing gampang digunakake adhedhasar antarmuka blok-plimben kabeh wong sing wis kenal kanggo nggawe pemain siji […]

TROVE minangka FREE kanggo muter, tumindak terbuka-rampung-Ngubur Voxel MMORPG dening TRION WORLDS kanggo Trion Worlds for PC (Windows, Mac), Xbox One, PS4 lan Nintendo Switch. Trove Fitur Ringscess sing ora kaetung kanthi nggoleki, dada, lan mungsuh gedhe. Jelajahi lan Gawe Cara Sampeyan […]

Roblox minangka gaya game video online lan platform game gratis (padha karo inti lan Crayta) sing ngidini pangguna ngrancang lan nuduhake kabeh game lan muter kabeh jinis game sing digawe saka pangguna liyane, saka [ …]