Hjem Personlig finansiering Hvordan du legger til treff effekter til HTML5-spillet ditt - dummies

Hvordan du legger til treff effekter til HTML5-spillet ditt - dummies

Innholdsfortegnelse:

Video: Slik legger du furugulv 2024

Video: Slik legger du furugulv 2024
Anonim

Variant tilleggsprinsippet kan være nyttig for ditt HTML5-spill på mange måter. For en, kan det legge til dra effekt og dermed føre til mer nøyaktig land-kjøretøy oppførsel. Tenk deg at bilen står fast i et dårlig nabolag midt på natten (igjen). Du kan ikke bare endre bilens posisjon direkte. Du kan ikke engang endre bevegelsen.

Hva du må gjøre i stedet, er å legge til en kraft. Når du legger til kraft, legger du sakte til bevegelsesvektoren. Til slutt begynner bilen å bevege seg. Hvis du slutter å bruke kraft, vil den til slutt stoppe da vindmotstand og rullestandighet senker bilen.

Gaming drag races

Dra. html-eksempel viser en realistisk bil som akselererer sakte og bremser til et stopp når akseleratoren (i dette tilfellet opp pilen) slippes ut.

Du må virkelig se programmet i aksjon for å sette pris på sin oppførsel.

Drag var spillet; var båt; funksjon Bil () {tCar = nytt Sprite (spill, "bil. png", 100, 50); TCAR. checkKeys = funksjon () {konsoll. logg (denne hastigheten); hvis (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} hvis (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} hvis (keysDown [K_UP]) { dette. addVector (dette. imgAngle, 2); } // flytt i den aktuelle retningen dette. addVector (dette. imgAngle, 2);} // end checkKeys tCar. checkDrag = funksjon () { fart = dette. getSpeed ​​(); fart * =. 95; dette. setSpeed ​​(hastighet); } // End CheckDrag Returner tCar;} // End Bil Def-funksjon init () {game = New Scene (); spill. setBG ("# 666666"); bil = ny bil (); spill. start ();} // end init funksjon oppdatering () {spill. klar(); bil. checkKeys (); bil. checkDrag (); bil. oppdatering ();} // sluttoppdatering

Slik implementerer du dra i spillet ditt

Denne versjonen bruker en mer realistisk kraftbasert bevegelse. Når brukeren trykker på pil opp, bygger bilen opp fart. Hvis brukeren forlater opp pilen trykket, når bilen en topphastighet naturlig. Når brukeren slipper opp pilen, bremser bilen gradvis og til slutt stopper. Kraftvektorer er nøkkelen.

Slik fungerer det:

  1. Bygg et grunnleggende kjøretøy.

    Lag en tilpasset sprite med en checkKeys () -metode, og kontroller for alle de normale piltastene. Koden for å sjekke venstre og høyre piler er akkurat det du forventer.

  2. Gå fremover med en kraftvektor.

    Koden for fremover er litt annerledes. I stedet for å bare justere hastigheten direkte, bruk en kraft i bilens nåværende retning. Bruk spritens getImgAngle () -metode for å bestemme hvilken retning bilen peker, og legg til en liten kraft i den retningen.

  3. Opprett en checkDrag () -metode.

    Biler går ikke bare uten strøm. Vind og bakken motstand vil dempe dem, og til slutt vil de stoppe. Simulere de ulike dragstyrker ved å legge til en checkDrag () -metode til objektet ditt.

  4. Multipliser farten med en drafaktor.

    For dette eksempelet vil de forskjellige trekkstyrker rane bilen med 5 prosent av fartens hastighet hver ramme. Husk at spillet kjører på 20 bilder per sekund, så drakstyrken er ganske betydelig. Du kan oppnå draffekten på mange måter, men den enkleste måten er å formere bilens fart med en verdi mindre enn 1.

  5. Ingen bremser!

    Hvilken selvrespektende arkadebil har bremser? Seriøst kan det være lurt å legge til en ned-pil-inngang, men det bør ikke være nødvendig fordi bilen vil bremse seg selv.

  6. Sesong til smak.

    Dette eksemplet gir et grovt omriss, men du kan endre et antall verdier for å få nøyaktig bilens ytelse du vil ha. Du kan simulere en kraftigere motor (eller en mindre masse) ved å øke kraftvektoren når du trykker på akseleratoren.

    Du kan simulere en mer responsiv suspensjon ved å endre svinghastigheten dersom brukeren trykker på høyre eller venstre pil. Du kan også simulere en mer eller mindre effektiv bil ved å endre trekkforholdet. Akkurat nå vender bilen til enhver hastighet, men du kan forhindre venstre og høyre pil innganger hvis bilen er under en viss hastighet.

Hvordan du legger til treff effekter til HTML5-spillet ditt - dummies

Redaktørens valg

Topp 5 Fantasy Baseball Sites - Dummies

Topp 5 Fantasy Baseball Sites - Dummies

Hvis du er en stor fantasy baseball fan og ser ut til å bli med i verden av online fantasy sport, så se ikke lenger. Følgende liste inneholder de fem beste fantasybaseball-nettstedene i henhold til nettstedslayout, oppdatert statistikk, utenfor råd og hjelp og teamstyringsalternativer.

Hva skal man gjøre som en baseball coach - dummies

Hva skal man gjøre som en baseball coach - dummies

Som en baseball trener, du ikke bare må lede teamet ditt, du må ta med forsyninger for å praktisere. Du vil kanskje øke følgende liste, men den inneholder grunnleggende for å få til alle baseballpraksis: Riktig lager førstehjelpsutstyr Ekstra vann Øvelsesplan for dagen, oppdelt etter tid ...

Får utrustet til å spille baseball - dummies

Får utrustet til å spille baseball - dummies

Når du tar baseballfeltet, bør du ta med det beste utstyret som er tilgjengelig. Du trenger ikke å bruke store summer til å kjøpe toppkvalitets tilbehør så lenge du vet hva du skal se etter og hvor du skal finne den. Med mindre du er under 10 år, kjøp utstyr som oppfyller alle de store ligaspesifikasjonene. ...

Redaktørens valg

Hvordan du finner ditt nivå av oppmerksomhet - dummies

Hvordan du finner ditt nivå av oppmerksomhet - dummies

Du kan sikkert ta noen form for ikke-tradisjonell trening og dump det i en tønne merket "mind-body. "Det er greit hvis du foretrekker enkelhet og ikke vil bli innpakket med kategorisering og vurdering. Men du kan også kikke på treningsprogrammer på et dypere nivå, vurdere omfanget av oppmerksomhet i en ...

Hvordan du får mest mulig ut av din meditasjon - dummies

Hvordan du får mest mulig ut av din meditasjon - dummies

For å få mest mulig ut av meditasjonspraksis må forplikte seg til det. Når du begynner å meditere regelmessig, kan du høste utallige fordeler - fra lavere stress og kolesterol til høyere nivåer av tilfredshet og lykke. Her er noen tips for å maksimere meditasjonspraksis: Meditere jevnlig - helst hver dag. Sett bort en ...

Redaktørens valg

Slik bruker du det nye perspektivet i Adobe Illustrator CS6 - dummies

Slik bruker du det nye perspektivet i Adobe Illustrator CS6 - dummies

I Adobe Illustrator CS6 Du kan opprette og redigere kunstverk basert på perspektivgitterfunksjonen (introdusert i CS5). Gitteret er en stor hjelp i å skape vellykkede perspektivillustrasjoner. For å vise eller skjule standardperspektivruten, trykk Ctrl + Shift + I (Windows) eller Kommando + Skift + I (Mac). Du kan bruke verktøyet Perspective Grid på verktøylinjen til å ...

Hvordan å pakke inn tekst ved hjelp av AdobeCS5 Illustrator - dummies

Hvordan å pakke inn tekst ved hjelp av AdobeCS5 Illustrator - dummies

Ved hjelp av en tekstbrytestil i Adobe Creative Suite 5 (Adobe CS5) Illustrator-prosjektet er en enkel måte å legge til litt kreativitet. En tekstpakke tvinger tekst til å vikle rundt en grafikk.

Hvordan du bruker Life Paint-funksjonen i Adobe Illustrator CS6 - dummies

Hvordan du bruker Life Paint-funksjonen i Adobe Illustrator CS6 - dummies

Ikke bekymre deg om å fylle lukkede figurer eller la filler flykte fra objekter med hull i uønskede områder. Ved å bruke Live Paint-funksjonen til Adobe Illustrator CS6, kan du lage det bildet du ønsker og fylle ut regioner med farge. Live Paint-bøtta registrerer automatisk regioner som er sammensatt av uavhengige kryssende baner og fyller dem tilsvarende. Malingen ...