Hjem Personlig finansiering Hvordan man tilføjer drifteffekter til dit HTML5-spil - dummier

Hvordan man tilføjer drifteffekter til dit HTML5-spil - dummier

Indholdsfortegnelse:

Video: Hvordan man tilføjer add on biler til din FiveM server Dansk 2024

Video: Hvordan man tilføjer add on biler til din FiveM server Dansk 2024
Anonim

Du kan bruge kraftvektorer på en interessant måde i dit HTML5-spil. Mange racerspil omfatter slid- eller drivmekanismer. At få denne adfærd præcis rigtigt kræver meget sofistikeret matematik, men du kan gøre en rimelig tilnærmelse til denne adfærd uden for meget indsats.

Dette billede er ikke nok. Du skal virkelig se dette som et arbejdsprogram, fordi det er virkelig sejt. Når du bevæger båden rundt på skærmen, går båden og glider. Det er rigtig sjovt at lege med.

Sådan tilføjes drivende adfærd til dit spils genstand

For at få en simpel drivadfærd, skal du blot tilføje en lille kraftvektor i bådens aktuelle retning, uanset om brugeren aktuelt trykker på acceleratoren.

Denne teknik er et kompromis mellem den rumbaserede bevægelse (hvor kraftvektoren kun tilføjes, når acceleratoren trykkes) og standard biladfærd (hvor kørselsretningen altid følger køretøjets næse). Hver ramme har lidt af hver adfærd.

Her er koden:

drift. html var spil; var båd; funktion Båd () {tBoat = nyt Sprite (spil, "båd. png", 100, 50); tBoat. checkKeys = funktion () {konsol. log (denne hastighed); hvis (keysDown [K_LEFT]) {this. changeImgAngleBy (-5);} if (keysDown [K_RIGHT]) {this. changeImgAngleBy (5);} if (keysDown [K_UP]) {this. addVector (dette. getImgAngle (), 2);} dette. addVector (denne. getImgAngle (), (denne hastighed / 20)); } // end checkKeys tBoat. checkDrag = funktion () {speed = dette. getSpeed ​​(); hastighed * =. 95; det her. setSpeed ​​(speed);} return tBoat;} funktion init () {game = new Scene (); spil. setBG ("# 000.066"); båd = ny båd (); spil. start ();} // end init funktion opdatering () {game. klar(); båd. checkKeys (); båd. checkDrag (); båd. opdatering ();}

Sådan tilføjes drift til dit spil sprites

Det er en meget enkel procedure.

  1. Byg en standard køretøjsmodel.

    Overvej at lave en båd, bare for variation.

  2. Brug en kraftvektor til acceleration.

    Igen styrer du hastigheden manuelt, så addVector () -mekanismen giver dig stor kraft. Accelerationskraftvektoren (bruges i pil op med pil op) kan være en bogstavelig værdi, men det behøver ikke at være enorm. Fordi du faktisk vil tilføje en anden kraftvektor, vil du måske tone ned accelerationsvektoren.

  3. Tilføj en lille kraftvektor hver ramme.

    Den primære kraftvektor sker kun, når du accelererer, men en sekundær mindre vektor tilføjes hver ramme. Denne vektor går i den retning båden står overfor.Denne lille bevægelsesvektor vil simulere momentum. Det er vigtigt, at denne kraftvektor er en procentdel af hastigheden i stedet for en bogstavelig værdi. Hvis du altid bevæger dig fremad en pixel, vil båden aldrig stoppe.

Hvordan man tilføjer drifteffekter til dit HTML5-spil - dummier

Valg af editor

Hvornår man bruger If-erklæringen til at programmere HTML med JavaScript-dummier

Hvornår man bruger If-erklæringen til at programmere HTML med JavaScript-dummier

Kan virkelig ikke undslippe ved hjælp af if-sætningen med JavaScript. If-erklæringen bruges almindeligvis til at teste om der er sket noget eller ikke, om dataene er inden for rækkevidde eller ej, eller om brugeren ønsker at udføre en bestemt opgave. Sådan oprettes en simpel hvis erklæring i JavaScript En af de mest ...

Før du opretter din første webside - dummier

Før du opretter din første webside - dummier

Oprettelse af HTML-dokumenter adskiller sig fra at skabe tekstbehandlingsdokumenter ved hjælp af en applikation som Microsoft Word. Forskellen kommer fra at bruge to applikationer med oprettelse af HTML-dokument: Din tekst eller HTML-editor, hvor du opretter websider Din webbrowser, hvor du ser resultaterne Selvom mange HTML-redaktører, som f.eks.

Kode Filer til HTML5 og CSS3 - dummies

Kode Filer til HTML5 og CSS3 - dummies

HTML og CSS er de grundlæggende byggesten på websites. Adventen af ​​HTML5 og CSS3 repræsenterer et dynamisk og kraftfuldt evolutionært stadium i udviklingen af ​​webdesign. Maksimering af potentialet i HTML5 og CSS3 gør det muligt at anvende styling og formatering, præsentere lyd og video og skabe animation og interaktivitet på måder ...

Valg af editor

Information Der er en kommandoudgang på basis af en Vis Interface Command i Junos - dummies

Information Der er en kommandoudgang på basis af en Vis Interface Command i Junos - dummies

. Lidt information. Udover de grundlæggende op- eller nedstatusoplysninger indeholder kommandoen Vis grænseflader disse velsmagende informative nuggets: CoS køer: Dette er det samlede antal CoS-køer konfigureret til det pågældende interfacekort. Hvis du har konfigureret otte køer, viser den en værdi ...

Sådan ses Junos Syslog Messages - dummies

Sådan ses Junos Syslog Messages - dummies

I standard syslog-konfigurationen på Junos router, gemmes logfiler til en fil kaldet meddelelser, som ligger i standard logfil-mappen. På M-, MX- og T-seriens routere er standardlogfilmappen / var / log /. På J-seriens routere er det / cf / var / log /. Du kan se filen fra enheden med denne kommando: ...

Eneband Dokumenter til at hjælpe med at planlægge og implementere dit netværk - dummier

Eneband Dokumenter til at hjælpe med at planlægge og implementere dit netværk - dummier

Når det er tid til at deployere dine Junos baserede enheder, kan du måske vide, hvilke ressourcer og værktøjer der er tilgængelige for at lette din migration. Heldigvis har du som kunde hos Juniper Networks adgang til forskellige dokumenter, der kan hjælpe dig med at planlægge og implementere dit nye netværk: Eksempler på netværkskonfiguration: Giv komplekse eksempler på flere platformskonfigurationer ...

Valg af editor

Office 2010 Alt-i-One til Dummies Cheat Sheet - dummies

Office 2010 Alt-i-One til Dummies Cheat Sheet - dummies

Programmerne i Office 2010 suite - Word 2010, Excel 2010, PowerPoint 2010, Outlook 2010, Adgang 2010 og Publisher 2010 - har meget til fælles. Master kommandoerne i et Office 2010-program, og du er godt på vej til at mestre de andre programmer. Følgende er vigtige oplysninger, du kan tage til enhver ...

Office 365 For Dummies Cheat Sheet - dummies

Office 365 For Dummies Cheat Sheet - dummies

Som med enhver virksomheds software omfatter mange forskellige dele og stykker den simple navnet på Office 365. At få et håndtag på alle de bevægelige stykker og jargon kan være en udfordrende opgave. Denne vejledning giver dig en hurtig reference til de produkter, teknologier, koncepter og akronymer, der udgør Office 365-landskabet.

Office 365 Grupper - dummies

Office 365 Grupper - dummies

Du kan bruge Office 365 Grupper, eller blot Grupper, til hurtigt at binde sammen med kolleger til samarbejde uden administrationsansvar, der følger med et SharePoint-websted. Grupper er ikke en del af SharePoint Online. Det er faktisk en funktion i Exchange Online, men det bruger SharePoint Online-funktioner, såsom OneDrive for Business til lagring af gruppefiler ...