Fa o tsenya molaodi, o thubaganya dikonopo, o tsamaisa dithupana, o goga ditlhotlheletsi... mme jaaka motlhabolodi, ga o bone epe ya tsone. Sebatli se a e tsaya, ruri, mme ntle le fa o kwala dinomoro mo khonsoleng, ga e bonale. Ke tlhogo e e opang ka API ya Gamepad. E ntse e le teng dingwaga di le dintsi, mme tota e maatla thata. O ka bala dikonopo, dithupa, ditlhotlheletsi, ditiro. Mme batho ba le bantsi ga ba e ame. Goreng? Ka gonne ga go na pegelo. Ga go na phanele mo didirisiweng tsa motlhabolodi. Ga go na tsela e e tlhamaletseng ya go itse gore a molaodi o dira se o se akanyang. Go utlwala e kete o fofa o sa bone. Seo se ne sa ntlhotlheletsa thata gore ke kgone go aga sedirisiwa se sennye: Sediriswa sa go tlosa diphoso sa Gamepad Cascade. Go na le go tlhoma matlho mo dipholong tsa khonsole, o bona pono e e tshelang, e e dirisanang ya molaodi. Tobetsa sengwe mme se tsiboge mo sekirining. Mme ka CSS Cascade Layers, ditaele di nna di rulagantswe, ka jalo go phepa go di baakanya. Mo posong eno, ke tla go bontsha gore ke eng fa go baakanya diphoso tsa balaodi go le botlhoko jaana, kafa CSS e thusang go e phepafatsa ka gone, le kafa o ka agang sediriswa sa go baakanya diphoso se se ka dirisiwang gape sa diporojeke tsa gago ka gone.
Le fa o ka kgona go di kwala tsotlhe, o tla feleletsa o na le sepamo sa khonsole se se sa balegeng ka bonako. Ka sekai: [0,0,1,0,0,0,5,0,...] [0,0,0,0,1,0,0,...] [0,0,1,0,0,0,0,...]
A o ka kgona go bona gore go tobeditswe konopo efe? Gongwe, mme fela morago ga go gagamatsa matlho a gago le go tlhoka ditsenngwateng di le mmalwa. Ka jalo, nnyaa, go tlhotlhomisa diphoso ga go tle bonolo fa go tla mo go baleng ditsenngwateng. Bothata 3: Go tlhoka Thulaganyo Le fa o ka latlhela mmogo setshwantsho se se bofefo, ditaele di ka tlhakatlhakana ka bonako. Maemo a thulaganyetsoruri, a a dirang, le a go baakanya diphoso a ka kopana, mme kwantle ga popego e e tlhamaletseng, CSS ya gago e nna e e thubegang e bile go nna thata go e atolosa. Dikarolo tsa CSS Cascade di ka thusa. Ba tlhopha ditaele ka “dikarolo” tse di rulagantsweng ka botlhokwa, ka jalo o emisa go lwantsha go tlhamalala le go fopholetsa, “Ke eng fa setaele sa me sa go baakanya diphoso se sa bontshe?” Go na le moo, o boloka matshwenyego a a farologaneng:
Motheo: Tekanyetso ya molaodi, ponagalo ya ntlha. Active: Dintlhakgolo tsa dikonopo tse di tobeditsweng le dithupana tse di sutisitsweng. Debug: Diphetogo tsa batlhabolodi (ka sekai, dipuiso tsa dipalo, dikaelo, jalo le jalo).
Fa re ne re ka tlhalosa dikarolo mo CSS go ya ka seno, re ne re tla nna le: /* botlhokwa jo bo kwa tlase go ya go jo bo kwa godimo */ @motheo wa llaga, o o dirang, o o tlhotlhorang;
@motheo wa llaga { /* ... */ }
@boalo bo dira { /* ... */ }
@boalo jwa go baakanya diphoso { /* ... */ }
Ka gonne llaga nngwe le nngwe e kgobokana ka tsela e e ka bonelwang pele, ka metlha o itse gore ke melao efe e e fenyang. Go kgona go bonela pele goo go dira gore go baakanya diphoso go se ka ga nna motlhofo fela, mme go kgonege go laolega. Re akareditse bothata (tsenyo e e sa bonaleng, e e tlhakatlhakaneng) le mokgwa (sediriswa sa go baakanya diphoso se se bonwang se se agilweng ka Dikarolo tsa Cascade). Jaanong re tla tsamaya mo thulaganyong ya kgato ka kgato go aga sediriswa sa go baakanya diphoso. Kgopolo ya Sediriswa sa go Tlhaola Diphoso Tsela e e bonolo go gaisa ya go dira gore tshedimosetso e e fitlhegileng e bonale ke go e thala fela mo sekirining. Ke sone se se dirwang ke sediriswa sa go baakanya diphoso. Dikonopo, di-trigger le di-joystick tsotlhe di bona pono.
Tobetsa A: Sediko se a bonesa. Nudge thobane: Sediko se relela go dikologa. Goga trigger mo bogareng: Bara e tlala mo bogareng.
Jaanong ga o lebelele di-0 le di-1, mme tota o lebile molaodi a tsiboga ka tlhamalalo. Ya e le hantle, hang ha o qala ho piling ka e re ka kamehla, tobetsa, debug info, mohlomong esita le mokgwa wa ho rekota, CSS qala ho fumana khōlō le ho feta rarahaneng. Ke gone fa dikarolo tsa cascade di thusang teng. Sekao se se apotsweng ke seno: @motheo wa llaga { .konopo { lemorago: #222; molelwane-molagare: 50%; bophara: 40px; boleele: 40px; } }
@boalo bo dira { .konopo.e tobeditswe { lemorago: #0f0; /* botala jo bo galotseng */ } }
@boalo jwa go baakanya diphoso { .konopo::morago ga { diteng: attr (boleng jwa tshedimosetso); bogolo jwa fonto: 12px; mmala: #fff; } }
Tatelano ya lera e botlhokwa: motheo → o a dirang → go baakanya diphoso.
motheo o hula molaodi. mafolofolo tshwara tobetsa e re. debug e latlhela mo di-overlay.
Go e thuba jaana go raya gore ga o lwe dintwa tse di sa tlwaelegang tsa go tlhomamisa. Lera lengwe le lengwe le na le lefelo la lone, mme ka metlha o itse gore ke eng se se fenyang. Go e Aga A re tseyeng sengwe mo sekirining pele. Ga e tlhoke go lebega sentle — e tlhoka fela go nna teng gore re nne le sengwe se re ka dirang ka sone.
Sediriswa sa go baakanya diphoso tsa motshameko
Seo tota ke mabokoso fela. Ga e ise e itumedise, mme e re naya ditshwaro tse re ka di tshwarang moragonyana ka CSS le JavaScript. Go siame, ke dirisa dikarolo tsa cascade fano ka gonne e boloka dilo di rulagantswe fa o sena go tsenya dinaga tse dingwe. Pase e e makgwakgwa ke eno:
/* ========================= GO RUMAGANYA GA DITLALO TSA CASCADE Tatelano e botlhokwa: motheo → e e dirang → go tlhotlhomisa diphoso */
/* Tlhalosa tatelano ya boalo kwa pele */ @motheo wa llaga, o o dirang, o o tlhotlhorang;
/* Boalo 1: Ditaele tsa motheo - ponagalo ya thulaganyetsoruri */ @motheo wa llaga { .konopo { lemorago: #333; molelwane-molagare: 50%; bophara: 70px; boleele: 70px; pontsho: flex; siamisa-diteng: bogare; tlhamalatsa-dintlha: bogare; }
.kgaotsa { bophara: 20px; boleele: 70px; lemorago: #333; pontsho: moleng-boloko; } }
/* Boalo 2: Maemo a a dirang - a tshwara dikonopo tse di tobeditsweng */ @boalo bo dira { .konopo.e dira { lemorago: #0f0; /* Botala jo bo galotseng fa o tobediwa */ fetola: sekale (1.1); /* E godisa konopo go sekae */ }
.kgaotsa.e dirang { lemorago: #0f0; fetola: sekaleY (1.1); /* E otlolla ka tsepamo fa e tobediwa */ } }
/* Boalo 3: Diphetogo tsa go baakanya diphoso - tshedimosetso ya motlhabolodi */ @boalo jwa go baakanya diphoso { .konopo::morago ga { diteng: attr (boleng jwa tshedimosetso); /* E bontsha boleng jwa dipalo */ bogolo jwa fonto: 12px; mmala: #fff; } }
Bontle jwa mokgwa ono ke gore llaga nngwe le nngwe e na le boikaelelo jo bo tlhamaletseng. Lera la motheo ga le ka ke la fedisa matlhagatlhaga, mme le matlhagatlhaga ga le ka ke la fedisa go tlhotlhomisa diphoso, go sa kgathalesege gore le tlhamaletse go le kana kang. Sena se fedisa dintwa tsa ho ikgetha tsa CSS tseo hangata di tshwenyang disebediswa tsa ho lokisa diphoso. Jaanong go lebega e kete ditlhopha dingwe di ntse mo lemoragong le lentsho. Go bua boammaaruri, ga go maswe thata.
Go tsenya JavaScript Nako ya JavaScript. Ke gone fa tota molaodi a dirang sengwe gone. Re tla aga seno kgato ka kgato. Kgato 1: Rulaganya Botsamaisi jwa Puso Sa ntlha, re tlhoka diphetogo go latedisa boemo jwa debugger: //================================ // TSAMAISO YA PUSO //================================
let go taboga = maaka; // E latedisa gore a sediriswa sa go baakanya diphoso se a dira a rafId; // E boloka ID ya Foreimi ya Popa ya kopo ya go khansela
Diphetogophetogo tseno di laola lupu ya ditshwantsho e e tswelelang go bala tsenyo ya gamepad. Kgato 2: Tsaya Ditshupiso tsa DOM Morago ga moo, re bona ditshupiso tsa dielemente tsotlhe tsa HTML tse re tla bong re di tlhabolola: //================================ // DITSHUPISO TSA ELEMENTE YA DOM //================================
const btnA = tokomane.bonaElementeKaId ("btn-a"); const btnB = tokomane.bonaElementeKaId ("btn-b"); const btnX = tokomane.bonaElementeKaId ("btn-x"); const kgaotsa1 = tokomane.getElementeById ("kgaotsa1"); const kgaotsa2 = tokomane.getElementeById ("kgaotsa2"); const boemo = tokomane.getElementById ("boemo");
Go boloka ditshupiso tseno kwa pele go dira sentle go feta go botsa DOM kgapetsakgapetsa. Kgato 3: Tsenya Fallback ya Khiiboto Go dira diteko kwantle ga molaodi wa mmatota, re tla mmapa dikonopo tsa khiiboto le dikonopo: //================================ // FALLBACK YA KHIBOTO (ya go dira diteko kwantle ga molaodi) //================================
Mmapa wa senotlolo sa const = { "a": btnA, "b": btnB, "x": btnX, "p": [kgaotso1, kgaotso2] // konopo ya 'p' e laola dibara tsa go kgaotsa ka bobedi };
Seno se dira gore re leke UI ka go tobetsa dikonopo mo khiibotong. Kgato 4: Tlhama Loop e Kgolo ya Ntšhwafatso Ke fa maselamotse a diragalang teng. Tiro eno e dira ka go tswelela e bile e bala boemo jwa gamepad: //================================ // LOOP YA NTŠHAFATSO YA GAMEPAD E KGOLO //================================
tiro ya ntšhwafatso ya Gamepad () { // Bona di-gamepad tsotlhe tse di golagantsweng const dipedi tsa metshameko = motsamaisi.getDiphedi tsa Metshameko (); fa (!di-gamepad) di boa;
// Dirisa gamepad ya ntlha e e golagantsweng const gp = diphete tsa metshameko [0];
fa (gp) { // Ntšhwafatsa konopo ka go fetola setlhopha sa "se se dirang" btnA.lenaane la setlhopha.toggle ("e e dirang", gp.dikonopo [0].e tobeditswe); btnB.lenaane la setlhopha.toggle ("e e dirang", gp.dikonopo [1].e tobeditswe); btnX.Lenaane la Setlhopha.toggle ("e e dirang", gp.dikonopo [2].e tobeditswe);
// Tshwara konopo ya go emisa (tshupane ya konopo 9 mo balaoding ba le bantsi) const kgaotsaE tobeditswe = gp.dikonopo [9].e tobeditswe; emisa1.Lenaane la Setlhopha.toggle ("e e dirang", emisaE Tobeditswe); emisa2.Lenaane la Setlhopha.toggle ("e e dirang", emisaETobeditswe);
// Aga lenaane la dikonopo tse di tobeditsweng ga jaana tsa pontsho ya seemo a e tobediwe = []; gp.dikonopo.tsaNngwe le nngwe ((btn, ke) => { fa (btn.e tobeditswe)tobetsa.tobetsa ("Konopo " + ke); });
// Ntšhwafatsa sekwalwa sa seemo fa go na le dikonopo dipe tse di tobediwang fa (e tobeditswe.boleele > 0) { boemo.diteng tsa sekwalwa = "E tobeditswe: " + e tobeditswe.kopanela (", "); } }
// Tswelela ka lupu fa sediriswa sa go baakanya diphoso se dira fa (e dira) { rafId = kopoForeime ya Ditshwantsho (ntšhwafatsaGamepad); } }
Mokgwa wa classList.toggle() o oketsa kgotsa o tlosa setlhopha se se dirang go ikaegilwe ka gore a konopo e tobeditswe, e e tlhotlheletsang ditaele tsa rona tsa llaga ya CSS. Kgato 5: Tshwara Ditiragalo tsa Khiiboto Bareetsi bano ba tiragalo ba dira gore fallback ya khiiboto e dire: //================================ // DITSHWARI TSA DITIRAGALO TSA KHIBOTO //================================
tokomane.tsenyaMoreetsi waTiragalo ("konopo", (e) => { fa (Mmapa wa senotlolo[e.senotlolo]) { // Tshwara dielemente di le nngwe kgotsa di le dintsi fa (Tlhatlhobo.keTlhatlhobo(Mmapa wa selotlolo[e.selotlolo])) { Mmapa wa senotlolo [e. senotlolo]. sa Nngwe le nngwe (el => el. Lenaane la Setlhopha. tsenya ("e e matlhagatlhaga")); } go seng jalo { Mmapa wa senotlolo [e. senotlolo]. Lenaane la Setlhopha. tsenya ("e e dirang"); } seemo.diteng tsa sekwalwa = "Senotlolo se tobeditswe: " + e.senotlolo.go Tlhakakgolo (); } });
tokomane.tsenyaMoreetsi waTiragalo ("sekopo", (e) => { fa (Mmapa wa senotlolo[e.senotlolo]) { // Tlosa seemo se se dirang fa senotlolo se gololwa fa (Tlhatlhobo.keTlhatlhobo(Mmapa wa selotlolo[e.selotlolo])) { Mmapa wa senotlolo [e. senotlolo]. sa Nngwe le nngwe (el => el. Lenaane la Setlhopha. tlosa ("e e dirang")); } go seng jalo { Mmapa wa senotlolo [e. senotlolo]. Lenaane la Setlhopha. tlosa ("e e dirang"); } seemo.diteng tsa sekwalwa = "Senotlolo se golotswe: " + e.senotlolo.go Tlhakakgolo (); } });
Kgato 6: Tsenya Taolo ya Tshimologo/Emisa La bofelo, re tlhoka tsela ya go tobetsa le go tima sediriswa sa go baakanya diphoso: //================================ // TOBELA/TIMA SETLHOKOMEDISI sa diphoso //================================
tokomane.bonaElementeKaId ("fetola"). tsenyaMoreetsi waTiragalo ("tobetsa", () => { go taboga = !go taboga; // Fetola boemo jo bo tsamayang
fa (e dira) { seemo.Diteng tsa sekwalwa = "Sediriswa sa go baakanya diphoso se a dira..."; ntšhwafatsaPadi yaMotshameko (); // Simolola lupu ya ntšhwafatso } go seng jalo { seemo.diteng tsa sekwalwa = "Sediriswa sa go baakanya diphoso ga se dire"; khanselaForeime ya Ditshwantsho (rafId); // Emisa lupu } });
So yeah, tobetsa konopo e bo e phatsima. Sututsa thobane mme e tsamaye. Ke gone. Selo se sengwe gape: ditekanyetso tse di tala. Ka dinako tse dingwe o batla go bona dipalo fela, e seng dipone.
Mo kgatong e, o tshwanetse go bona:
Molaodi o o motlhofo mo sekirining, Dikonopo tse di tsibogang fa o dirisana le tsone, le Puiso ya diphoso e e sa tlhokegeng e e bontshang ditshupane tsa konopo e e tobeditsweng.
Go dira gore seno se se ka sa tlhaloganyesega thata, bona pontsho e e bonako ya molaodi wa mo sekirining yo o tsibogang ka nako ya mmatota:
Jaanong, go tobetsa Simolola go Rekota go kwala sengwe le sengwe go fitlha o tobetsa Emisa go Rekota. 2. Go romela Tshedimosetsontle kwa CSV/JSON Fa re setse re na le pegelo, re tla batla go e boloka.
Kgato 1: Tlhama Mothusi wa go Laisolola Sa ntlha, re tlhoka tiro ya mothusi e e tlhokomelang go laisolola difaele mo sebatling: //================================ // MOTHUSI wa go LAISOLOLA FAELE //================================
tiro ya go laisololaFaele (leina la faele, diteng, mofuta = "sekwalwa/se se tlwaelegileng") { // Tlhama blob go tswa mo diteng const blob = Blob e ntšhwa ([diteng], { mofuta }); const url = URL.tlhamaURL yaSelo (lebala);
// Tlhama kgokagano ya nakwana ya go laisolola o bo o e tobetsa const a = tokomane.tlhamaElemente ("a"); a.ref = url; a.laisolola = leina la faele; a.tobetsa ();
// Phepafatsa URL ya selo morago ga go laisolola setaNako (() => URL.phimolaSeloURL (url), 100); }
Tiro eno e dira ka go tlhama Blob (selo se segolo sa bobedi) go tswa mo tshedimosetsong ya gago, go tlhagisa URL ya nakwana ya yone, le go tobetsa kgokagano ya go laisolola ka thulaganyo. Phepafatso e netefatsa gore ga re dutle memori. Kgato 2: Tshwara Thomelontle ya JSON JSON e siametse go boloka popego ya tshedimosetso e e feletseng:
//================================ // ROMELANTLE JAAKA JSON //================================
tokomane.bonaElementeKaId ("thomelontle-json"). tsenyaMoreetsi waTiragalo ("tobetsa", () => { // Tlhola gore a go na le sengwe se se ka romelwang kwa ntle fa (!diforeime.boleele) { console.warn("Ga go na kgatiso e e leng teng go e romela kwa ntle."); go boela; }
// Tlhama morwalo o o nang le metadata le diforeime const morwalo wa tuelo = { e tlhamilweKa: Letlha le lešwa ().go ISOSstring (), diforeime };
// Laisolola jaaka JSON e e fometetsweng laisololaFaele( "lekwalo la motshameko.json", JSON.tlhomamisa (morwalo wa tuelo, lefela, 2), "tiriso/json" ); });
Fomete ya JSON e boloka sengwe le sengwe se rulagantswe e bile se kgona go sekasekwa bonolo, se dira gore se nne sentle go ka laisa gape mo didirisiweng tsa dev kgotsa go abelana le balekane ba setlhopha. Kgato 3: Tshwara Thomelontle ya CSV Mo diromelwantle tsa CSV, re tlhoka go sephaphathisa tshedimosetso ya tatelano go nna mela le dikholomo:
//============================= // ROMELANTLE JAAKA CSV //================================
tokomane.bonaElementeKaId ("thomelontle-csv"). tsenyaMoreetsi waTiragalo ("tobetsa", () => { // Tlhola gore a go na le sengwe se se ka romelwang kwa ntle fa (!diforeime.boleele) { console.warn("Ga go na kgatiso e e leng teng go e romela kwa ntle."); go boela; }
// Aga mola wa tlhogo ya CSV (dikholomo tsa setempe sa nako, dikonopo tsotlhe, di-axes tsotlhe) const tlhogoDikonopo = diforeime [0]. dikonopo.mmapa ((_, ke) => btn $ {ke}); const tlhogoDiseke = diforeime [0]. diseke.mmapa ((_, ke) => aseke $ {ke}); const tlhogo = ["t", ...Dikonopo tsa tlhogo, ...Di-Axes tsa tlhogo]. kopanela (",") + "\n";
// Aga mela ya tshedimosetso ya CSV mela e e tlhomameng = diforeime.mmapa(f => { const btnDipalopalo = f.dikonopo.mmapa (b => b.boleng); busetsa [f.t, ... Dipalopalo tsa btn, ... di-axes tsa f]. kopanya (","); }). kopanela ("\ n");
// Laisolola jaaka CSV jarollaFaele ("pad ya motshameko-log.csv", tlhogo + mela, "sekwalwa / csv"); });
CSV e siametse go sekaseka tshedimosetso ka gonne e bulega ka tlhamalalo mo Excel kgotsa mo Google Sheets, e go letla go tlhama ditšhate, go tlhotlha tshedimosetso, kgotsa go bona diphethene ka pono. Jaanong ka dikonopo tsa thomelontle di tsene, o tla bona ditlhopho tse pedi tse dišwa mo phaneleng: Romelantle JSON le Romelantle CSV. JSON e monate fa o batla go latlhela pego e e tala morago mo didirisiweng tsa gago tsa dev kgotsa go tlhotlhora mo sebopegong. CSV, ka fa letlhakoreng le lengwe, e bulega ka tlhamalalo mo Excel kgotsa Google Sheets gore o kgone go dira tšhate, go tlhotlha, kgotsa go bapisa ditsenngwateng. Setshwantsho se se latelang se bontsha gore phanele e lebega jang ka ditaolo tseo tse di oketsegileng.
3. Tsamaiso ya Setshwantsho Ka dinako tse dingwe ga o tlhoke kgatiso e e feletseng, ke fela “setshwantsho sa sekerini” se se bonako sa maemo a go tsenya. Ke gone fa konopo ya Tsaya Setshwantsho e thusang gone.
Le Sekwalwa sa Java:
//================================ // TSAYA SENANETSO //================================
tokomane.bonaElementeById ("setshwantsho"). tsenyaMoreetsi waTiragalo ("tobetsa", () => { // Bona di-gamepad tsotlhe tse di golagantsweng dipedi tsa const = motsamaisi.get Diphedi tsaMotshameko (); const Diphete tse di dirang = [];
// Loop through le go tsaya seemo sa gamepad nngwe le nngwe e e golagantsweng ya (const gp ya dipedi) { fa (!gp) tswelela; // Tlola diphatlha tse di senang sepe
Diphete tse di dirang.kgarametsa({ id: gp.id, // Leina/mofuta wa molaodi setempe sa nako: tiragatso.jaanong(), dikonopo: gp.dikonopo.mmapa(b => ({ e tobeditswe: b.e tobeditswe, boleng: b.boleng })), dilepe: [...dilepe tsa gp] }); }
// Tlhola gore a go bonwe di-gamepad dipe fa (!Diphete tse di dirang.boleele) { console.warn("Ga go na di-gamepad tse di golagantsweng go tsaya senepe."); alert("Ga go na molaodi yo o lemogilweng!"); go boela; }
// Tsena mo lenaaneng le go itsise modirisi console.log ("Setshwantsho:", Diphete tse di dirang); tsiboso(Setshwantsho se tserwe! Se tserwe $ {activePads.boleele} molaodi(s).); });
Ditshwantsho di gatsetsa boemo jo bo tlhomameng jwa molaodi wa gago ka nako e le nngwe. 4. Tshameko gape ya Tsenyo ya Sepoko Jaanong ka monate: sepoko input replay. Seno se tsaya pego mme se e tshameke gape ka pono jaaka e kete motshameki wa phantom o ne a dirisa molaodi.
JavaScript ya go tshameka gape: //================================ // GO TSHAMEKA GAPE GA SEPOKO //================================
tokomane.bonaElementeKaId ("tshameka gape"). tsenyaMoreetsi waTiragalo ("tobetsa", () => { // Netefatsa gore re na le kgatiso e re tla e tshamekang gape fa (!diforeime.boleele) { alert("Ga go na kgatiso e e tla tshamekiwang gape!"); go boela; }
console.log ("Go simolola go tshameka gape ga sepoko ...");
// Latedisa nako ya go tshameka go go tsamaelanang let Nako ya go simolola = tiragatso.jaanong (); a tshupane ya foreimi = 0;
// Tshameka gape lupu ya dipopae kgato ya tiro() { const jaanong = tiragatso.jaanong (); const e fetile = jaanong - Nako ya tshimologo;
// Dira diforeime tsotlhe tse di neng di tshwanetse tsa bo di diragetse jaanong fa (Tshupanako ya Foreimi < diforeime.boleele && diforeime [Tshupanako ya Foreime].t <= e fetile) { const foreimi = diforeime [Index ya foreimi];
// Ntšhwafatsa UI ka maemo a konopo e e rekotilweng btnA.lenaane la setlhopha.toggle ("e e dirang", foreimi.dikonopo [0].e tobeditswe); btnB.lenaneo la setlhopha.toggle ("e e dirang", foreimi.dikonopo [1].e tobeditswe); btnX.Lenaane la Setlhopha.toggle ("e e dirang", foreimi.dikonopo [2].e tobeditswe);
// Ntšhwafatsa pontsho ya seemo a e tobediwe = []; foreimi.dikonopo.tsaNngwe le nngwe ((btn, ke) => { fa (btn.e tobeditswe) e tobeditswe.tobetsa ("Konopo " + i); }); fa (e tobeditswe.boleele > 0) { boemo.diteng tsa sekwalwa = "Sepoko: " + e tobeditswe.kopanela (", "); }
Tshupane ya foreimi++; }
// Tswelela loop fa go na le diforeime tse dingwe fa (Tshupane ya foreimi < diforeime.boleele) { kopoForeime ya Diphologolo (kgato); } go seng jalo { console.log("Tshameka gapefeditse."); seemo.Diteng tsa sekwalwa = "Tshameko gape e weditswe"; } }
// Simolola go tshameka gape kgato (); });
Go dira gore go tlhotlhomisa diphoso go nne mo diatleng, ke ne ka tsenya go tshameka gape ga sepoko. Fa o sena go rekota thulaganyo, o ka tobetsa replay mme wa lebelela UI e e diragatsa, mo e ka nnang jaaka e kete motshameki wa phantom o dirisa pad. Konopo e ntšhwa ya Replay Ghost e a bonala mo phaneleng ya seno.
Hit Record, tlhakatlhakanya le molaodi go sekae, ema, o bo o tshameka gape. UI e boeletsa fela sengwe le sengwe se o se dirileng, jaaka sepoko se se latelang ditlhagiso tsa gago. Ke eng o tshwenyega ka di-extra tseno?
Go rekota/go romela ntle go dira gore go nne bonolo gore baleki ba bontshe sentle gore go diragetseng. Dinepe di gatsela ka nakwana, di mosola thata fa o lelekisa dikhukhwana tse di sa tlwaelegang. Ghost replay e ntle bakeng sa dithuto, ditshekatsheko tsa phihlello, kapa ho bapisa feela ditlhophiso tsa taolo ka thoko.
Mo nakong eno, ga e tlhole e le pontsho fela e e maphatsiphatsi, mme ke sengwe se o ka se dirisang. Dikgetse tsa Tiriso ya Lefatshe la Mmatota Jaanong re na le sediriswa seno se se ka dirang go le gontsi. E bontsha tsenyo e e tshelang, e rekota dipego, e di romela kwa ntle, e bile e tshameka dilo gape. Mme potso ya mmatota ke gore: tota ke mang yo o amegang? Se se mosola mo go bomang? Batlhami ba Metshameko Balaodi ke karolo ya tiro, mme go di baakanya diphoso? Gantsi ke botlhoko. Akanya fela o leka motshameko wa go lwa, o o tshwanang le ↓ → + punch. Go na le gore o rapele, o ne o e tobetsa ka tsela e e tshwanang gabedi, o e rekota gangwe fela, o bo o e tshameka gape. Ke feditse. Kgotsa o ananya dipegelo tsa JSON le molekane wa gago wa setlhopha go tlhola gore a khoutu ya gago ya batshameki ba le bantsi e tsiboga ka tsela e e tshwanang mo motšhineng wa bone. Seo se segolo. Badiri ba Phitlhelelo E e gaufi le pelo ya me. Ga se botlhe ba ba tshamekang ka molaodi yo o “tlwaelegileng.” Balaodi ba ba fetofetogang ba latlhela matshwao a a sa tlwaelegang ka dinako tse dingwe. Ka sedirisiwa seno, o ka kgona go bona sentle gore go diragalang. Barutabana, babatlisisi, le fa e le mang. Di ka tshwara dikutu, tsa di bapisa, kgotsa tsa tshameka gape ditsenngwateng di bapile. Ka tshoganyetso fela, dilo tse di sa bonaleng di nna mo pepeneneng. Teko ya Netefaletso ya Boleng Batlhatlhobi gantsi ba kwala dintlha tse di jaaka “Ke thudile dikonopo fano mme ya thubega.” Ga e thuse thata. Jaanong? Ba kgona go tshwara di-press tse di tlhomameng, ba romela pegelo kwa ntle le go e romela. Ga go fopholediwe. Barutabana Fa e le gore o dira dithuto kgotsa dibidio tsa YouTube, go tshameka gape ga dipoko ke gauta. O ka re tota, “Se ke se dirileng ka molaodi,” fa UI e bontsha gore se a diragala. E dira gore ditlhaloso di tlhaloganyesege sentle. Go feta Metshameko Mme ee, se ga se ka ga metshameko fela. Batho ba dirisitse balaodi ba diroboto, diporojeke tsa botaki le digokagano tsa phitlhelelo. Bothata jo bo tshwanang nako le nako: tota sebatli se bona eng? Ka se, ga o tlhoke go fopholetsa. Bokhutlo Go tlhotlhomisa diphoso tsa tsenyo ya molaodi ga go bolo go utlwala e kete ke go fofa o sa bone. Go farologana le DOM kgotsa CSS, ga go na motlhatlhobi yo o ageletsweng wa di-gamepad; ke dinomoro fela tse di tala mo khonsoleng, tse di latlhegang bonolo mo modumong. Ka mela e le makgolo a le mmalwa ya HTML, CSS, le JavaScript, re ne ra aga sengwe se se farologaneng:
Debugger ya pono e e dirang gore ditsenngwateng tse di sa bonaleng di bonale. Tsamaiso ya CSS e e nang le dikarolo e e bolokang UI e le phepa e bile e ka baakanngwa. Setlhopha sa dintlafatso (go rekota, go romela ntle, dinepe, go tshameka gape ga sepoko) tse di e tsholetsang go tswa mo pontshong go ya kwa sedirisiweng sa motlhabolodi.
Porojeke eno e bontsha gore o ka ya bokgakaleng jo bo kana kang ka go tlhakanya maatla a Polatefomo ya Webo le boitlhamedi jo bonnye mo Dikarolo tsa CSS Cascade. Sedirisiwa se ke sa tswang go se tlhalosa ka botlalo ke sa motswedi o o bulegileng. O ka dira kopi ya repo ya GitHub mme wa e leka ka bowena. Mme sa botlhokwa le go feta, o ka e dira ya gago. Tsenya dikarolo tsa gago. Aga logic ya gago ya go tshameka gape. E kopanye le sekai sa gago sa motshameko. Kgotsa le go e dirisa ka ditsela tse ke neng ke sa di akanye. Go ruta, go fitlhelela, kgotsa go sekaseka tshedimosetso. Kwa bokhutlong jwa letsatsi, seno ga se fela ka go baakanya diphoso tsa di-gamepad. Ke ka go phatsimisa lesedi mo ditsenngwateng tse di fitlhegileng, le go naya batlhami tshepo ya go dira ka serweboleta se webo e sa ntseng e sa se amogele ka botlalo. Ka jalo, tsenya molaodi wa gago mo polakeng, bula morulaganyi wa gago, mme o simolole go dira diteko. O ka nna wa gakgamadiwa ke se sebatli sa gago le CSS ya gago di ka se fitlhelelang tota.