3 måter å lage et online spill

Innholdsfortegnelse:

3 måter å lage et online spill
3 måter å lage et online spill

Video: 3 måter å lage et online spill

Video: 3 måter å lage et online spill
Video: Websites You Didn't Know Existed for Making Money Online 2024, Kan
Anonim

Har du noen gang spilt et online spill og tenkt: "Jeg vil lage noe slikt, jeg har noen gode ideer"? Tidligere måtte du lære å kode i ActionScript 3, språket som driver Flash. Takket være noen spillbyggerprogrammer er kodingsopplevelse imidlertid en saga blott. Du kan gjøre spill morsomme og oppslukende ved å manipulere objekter og logikk, uten å berøre noen kodelinjer i det hele tatt.

Steg

Metode 1 av 3: Designing Games

Lag online spill Trinn 1
Lag online spill Trinn 1

Trinn 1. Skriv en grunnleggende beskrivelse

Skriv inn funksjonene og hva du vil at spilleren skal oppnå. Det er flott å ha en grunnleggende oversikt over hva du vil gjøre med spillet ditt skriftlig, slik at du kan se det mens du jobber med det.

Se denne guiden for mer informasjon om hvordan du skriver spilldesigndokumenter

Lag online spill Trinn 2
Lag online spill Trinn 2

Trinn 2. Tegn noen skisser

Tegn den grunnleggende utformingen av skjermen slik du vil ha den. Det trenger ikke å være veldig detaljert, men du bør i det minste ha en ide om hvor de forskjellige elementene skal plasseres på skjermen. Dette vil komme godt med senere når du begynner å bygge grensesnittet for spillet ditt.

Lag online spill Trinn 3
Lag online spill Trinn 3

Trinn 3. Velg en metode for å lage spillet ditt

I utgangspunktet må du lære koden for ActiopnScript3 for å lage Flash -spill. Selv om du fortsatt kan gjøre det, er det tilgjengelige programmer som kan gjøre spillopprettelse enklere å lære og krever ingen kodingserfaring. Noen populære valg for å lage spill inkluderer:

  • Stencyl - Dette er et nyere verktøy som lar deg bygge spill ved hjelp av objektskript og logikk. Dette spillet kan deretter konverteres til et Flash -prosjekt og lastes opp til et nettsted som støtter Flash -spill.
  • Konstruksjon 2 - Etter hvert som Flash blir eldre, bør den begynne å bli erstattet av andre måter å lage spill på. En av de nyeste måtene å lage online spill på er å bruke HTML5. Vanligvis krever dette mye kodingskunnskap, men Construct 2 lar deg bygge spill ved hjelp av objekter og skripting, som Stencyl.
  • Flash Builder - Dette er den tradisjonelle metoden for å lage Flash -spill. Det krever en god del ActionScript -kunnskap, men er et av de enklere språkene å lære å grunnlegge. Flash Builder koster penger, men du kan bruke det åpne programmet FlashDevelop til mange av de samme bruksområdene.

Metode 2 av 3: Bruk av Stencyl

Lag online spill Trinn 4
Lag online spill Trinn 4

Trinn 1. Last ned og installer Stencyl

Stencyl er et spillopprettingsprogram som ikke krever noen kodingskunnskap. Du kan bruke forskjellige logiske verktøy for å manipulere objekter i spillet.

Stencyl kan bare brukes gratis hvis du ønsker å publisere spillet ditt online. Den gratis versjonen vil ha Stencyl -logoen som vises i begynnelsen. Hvis du får den betalte versjonen, kan du publisere på andre plattformer

Lag online spill Trinn 5
Lag online spill Trinn 5

Trinn 2. Lag ditt nye spill

Når du starter Stencyl, vil du bli vist en liste over spillene dine. Det vil være noen eksempler på spill på listen som du kan ta en titt på for å se hvordan de fungerer. For å begynne å jobbe med spillet ditt, klikk på den prikkede boksen merket "Klikk her for å lage nytt spill".

Lag online spill trinn 6
Lag online spill trinn 6

Trinn 3. Velg et sett

Det er flere sett som inneholder ferdige eiendeler og objekter som kan hjelpe deg med å få spillet raskt i gang. Velg et sett hvis du vil, eller velg "Blank Game" (Blank Game)

Du kan laste ned kits laget av andre brukere online

Lag online spill trinn 7
Lag online spill trinn 7

Trinn 4. Skriv inn spillinformasjonen din

Før du begynner å bygge spillet ditt, må du legge inn litt informasjon.

  • Navn - Dette er navnet på spillet ditt. Du kan endre dette senere til hva du vil.
  • Skjermstørrelse - Dette er størrelsen på skjermen din, og er veldig viktig ettersom den vil påvirke kunsten du bruker. Siden folk vanligvis vil spille spillet ditt med nettleseren, trenger ikke skjermstørrelsen å være så stor. Prøv det Bredde: 640 px Høyde: 480 px. Dette er en god størrelse til å begynne med.
Lag online spill Trinn 8
Lag online spill Trinn 8

Trinn 5. Bli kjent med oppsettet

Når du laster spillet ditt første gang, blir du ført til oversikten. Det er her du kan se alle scenene for spillet ditt og få tilgang til alle ressurser. Du kan også endre spillinnstillingene herfra. Du vil bruke mesteparten av tiden din på å arbeide i oversikten.

  • Scene - Dette er hovedvinduet i dashbordet, og viser det faktiske spillet og alle eiendeler. Spillet ditt vil være en samling scener.
  • Ressurser - Dette er en liste over alle objektene og eiendelene i spillet ditt. Dette inkluderer skuespillere, bakgrunner, fonter, scener, logikk, lyder og fliser. Kilder er ordnet i treet til venstre på skjermen.
  • Innstillinger - Med alternativene Spill og innstillinger kan du tilpasse hvordan spillmekanikken din fungerer, inkludert kontroller, tyngdekraft, krasjer, skjerminnlasting og mer.
Lag online spill trinn 9
Lag online spill trinn 9

Trinn 6. Lag skuespillere

En skuespiller er ethvert objekt som beveger seg eller kan samhandles med i spillet (spillere, fiender, dører, etc.) Du må lage en skuespiller for hvert objekt i spillet ditt. For å opprette en skuespiller, klikk på alternativet "Aktortyper" på Ressurser -menyen. Velg skuespilleren du vil ha fra listen (listen bestemmes av settet du valgte).

  • Tilordne skuespillere til grupper (spillere, fiender). Dette vil bidra til å bestemme kollisjonsegenskapene til skuespilleren. Velg skuespilleren din for å åpne Actor Editor. Klikk deretter kategorien Egenskaper, og velg den aktuelle gruppen fra rullegardinmenyen.
  • Velg en oppførsel (hoppe, tråkke på, gå). Atferd er det som gjør at skuespilleren din kan gjøre noe. Klikk på Behaviors, og klikk på "+ Add Behavior" -knappen nederst i venstre hjørne. Velg en oppførsel (for eksempel "Walking") fra listen, og klikk deretter "Velg".
  • Sett kontroll. Hvis du oppretter en spillerkarakter, vil du la spilleren flytte den. Når du legger til en Walk -oppførsel, blir du ført til Walking -attributtskjermbildet. Du kan bruke menyen til å velge hvilken tast som skal flytte skuespilleren til venstre og høyre. Du kan også installere animasjoner hvis settet du bruker inneholder dem.
  • Du kan legge til mye atferd og angi hva aktører kan gjøre.
Lag online spill Trinn 10
Lag online spill Trinn 10

Trinn 7. Lag en scene

Scenen er det spilleren ser mens han spiller spillet. Dette er bakgrunnen, så vel som alle synlige objekter og skuespillere. Hvis du vil opprette en ny scene, klikker du på Scener -alternativet i Ressurser -treet, og klikker deretter på linjefeltet. Gi den nye scenen et navn for å fortsette.

  • Bakgrunn - Scenen din endres automatisk i størrelse, så du trenger ikke å bekymre deg for det foreløpig. Du kan velge å bruke en farge som bakgrunn, som skal flislegges over den. Du kan også velge mellom solide eller gradientfarger. Klikk "Opprett" når du er ferdig. Dette vil åpne Scene Designer.
  • Plasser fliser - Flisene som følger med i settet, lastes på høyre side av vinduet. Klikk på blyantverktøyet i menyen til venstre, og klikk deretter på flisen du vil bruke. Du kan deretter legge fliser på scenen din. Klikk og dra med musen for å legge doble fliser.
  • Sett skuespilleren. Klikk kategorien Skuespillere over brikkesettet for å bytte til tilgjengelige skuespillere. Du må opprette en på forhånd for at den skal vises i denne listen. Klikk på skuespilleren du vil plassere, og klikk på scenen der du vil at han skal vises. Hvis du trykker Shift, vil skuespilleren flytte dit.
  • Lagt til tyngdekraften. Klikk på "Fysikk" -fanen øverst i vinduet, og skriv deretter inn en verdi i boksen "Tyngdekraft (vertikal)". Å skrive inn 85 vil simulere ekte jordens tyngdekraft.
Lag online spill Trinn 11
Lag online spill Trinn 11

Trinn 8. Test spillet

Når du har laget scenen og lagt inn noen skuespillere, kan du teste spillet. Klikk på "Test Game" -knappen øverst på skjermen for å spille det du nå har opprettet. Du kan bruke tastene du angir for å kontrollere spillerkarakteren din.

Se etter ethvert aspekt som ikke fungerer, og prøv å fikse det. For eksempel, oppfører fienden seg skikkelig? Kan du slå fienden? Er det utilgjengelige plattformer eller ufremkommelige kløfter? Gå tilbake til det relevante området i spillredigereren for å fikse eventuelle problemer du finner. Det kan ta litt tid, men sluttresultatet blir mer morsomt og lett å spille

Lag online spill Trinn 12
Lag online spill Trinn 12

Trinn 9. Legg til mer

Nå som du har en fungerende og spillbar scene, er det på tide å bygge hele spillet. Legg til nivåer og utfordringer, og fortsett å teste tilleggene dine for å sikre at de er morsomme og fungerer som de skal.

Lag online spill Trinn 13
Lag online spill Trinn 13

Trinn 10. Site Lock ditt spill

Hvis du vil laste opp spillet på et nettsted som er vert for Flash -spill, eller laste det opp til ditt eget nettsted, bør du bruke "Site Lock". Dette forhindrer at spillet ditt spilles hvis det ikke er på listen over tillatte nettsteder.

  • Åpne "Spillinnstillinger" fra "Ressurser" -treet. Velg "Loader" -delen. Skriv inn nettstedene du tillater i "Site Lock" -boksen, atskilt med kommaer og ingen mellomrom. For eksempel newgrounds.com, kongregate.com.
  • Mens du fortsatt er på denne skjermen, skriver du inn hjemmesiden din i "Din hjemmeside" -boksen, hvis du har en. Dette vil tillate spillere som spiller spillet ditt å koble til nettstedet ditt/
Lag online spill Trinn 14
Lag online spill Trinn 14

Trinn 11. Eksporter spillet som Flash

Når du er fornøyd med spillet ditt, kan du eksportere det til Flash -format. Dette lar deg laste opp spillet til et nettsted som er vert for Flash -spill, eller til ditt eget nettsted. Klikk '' Publiser '' '(Publiser), velg "Internett" og klikk deretter "Flash". Lagre filen på et sted som er lett å finne på datamaskinen.

Lag online spill Trinn 15
Lag online spill Trinn 15

Trinn 12. Publiser spillet

Når du har en Flash -fil (. SWF), kan du laste den opp til et nettsted du ønsker. Det er flere nettsteder på nettet som er vert for Flash -spill, og noen kan til og med tillate deg å tjene penger på annonseinntekter. Du kan også laste opp spill på ditt eget nettsted, men du bør sørge for at du har båndbredden til å imøtekomme spillere hvis spillet skulle bli populært.

  • Sjekk ut denne guiden for å laste opp spill på ditt eget nettsted.
  • Hvis du vil laste opp spillet ditt til et nettsted som Newgrounds eller Kongregate, må du opprette en konto og deretter gå gjennom opplastingsprosessen for disse nettstedene. Vilkårene vil variere for hvert nettsted.
  • Hvis du vil publisere spillet ditt til Stencyl Arcade, kan du gjøre det fra Stencyl -programmet. Klikk '' Publiser '' '' velg 'Stencyl' og klikk deretter på 'Arcade'. Spillet lastes opp automatisk, så sørg for at du er fornøyd med navnet før du gjør dette. Stencyl Arcade har en filstørrelsesgrense på MB.

Metode 3 av 3: Bruke Construct 2

Lag online spill Trinn 16
Lag online spill Trinn 16

Trinn 1. Last ned og installer Construct 2

Dette programmet lar deg lage HTML5 -spill med svært lite koding. Du må angi noen få variabler, men alt dette gjøres via menyen uten koding.

Construct 2 er gratis, selv om noen funksjoner er begrenset bortsett fra oppgradering. Gratisversjonen kan ikke publiseres på andre plattformer enn HTML5

Lag online spill Trinn 17
Lag online spill Trinn 17

Trinn 2. Lag et nytt prosjekt

Når du først starter Construct 2, blir du møtt med en velkomstmeny. Klikk på koblingen "Nytt prosjekt" for å starte et nytt spill. Det er også noen eksempler du kan bruke til å se hvordan du bygger et grunnleggende spill.

Når du starter et nytt prosjekt, vil du bli presentert med en liste over maler. For ditt første prosjekt anbefaler vi å starte med et tomt prosjekt. Dette lar deg bli vant til det grunnleggende uten at malene kommer i veien

Lag online spill Trinn 18
Lag online spill Trinn 18

Trinn 3. Juster prosjektinnstillingene

Til venstre i prosjektvinduet ser du en serie objekter i rammen Egenskaper. Du kan bruke dette til å angi skjermstørrelsen og angi spill- og bedriftsinformasjon.

Lag online spill Trinn 19
Lag online spill Trinn 19

Trinn 4. Skriv inn bakgrunnen

Dobbeltklikk på oppsettet. Velg "Flislagt bakgrunn" fra delen Generelt. Klikk på oppsettet for å plassere bakgrunnen. Dette åpner bakgrunnsredigereren. Du må lage din egen ved hjelp av bilderedigeringsprogramvare, eller laste ned teksturer fra flere nettsteder.

  • Sett bakgrunnen til layoutstørrelsen. Gjør dette ved å velge bakgrunnsobjektet og endre størrelsen på det i rammen Egenskaper.
  • Gi nytt navn til laget og lås det. Du bør låse laget for å unngå å flytte det ved et uhell når du plasserer andre gjenstander. Klikk på "Lag" -fanen på høyre side av skjermen. Velg laget, og klikk på blyantknappen. Gi laget navnet "Bakgrunn", klikk deretter på "Hengelås" -knappen for å låse bakgrunnen.
Lag online spill Trinn 20
Lag online spill Trinn 20

Trinn 5. Lag et nytt lag

Klikk på "+" - knappen på lagfanen for å lage et nytt lag. Gi den navnet "Main". Dette vil være laget der de fleste spillobjektene dine vil ligge. Sørg for at hovedlaget er valgt før du fortsetter.

Lag online spill Trinn 21
Lag online spill Trinn 21

Trinn 6. Legg til input for spillet ditt

I Construct 2 må innspillene dine legges til som et objekt i spillet ditt. Det er usynlig, og vil gjøre det mulig å bruke tastaturet og musen i prosjektet.

Dobbeltklikk på oppsettet og velg deretter "Mus" fra inndataseksjonen. Gjør det samme for å sette inn "Tastatur" -objektet

Lag online spill Trinn 22
Lag online spill Trinn 22

Trinn 7. Legg til objekter

Nå er det på tide å legge til noen spillobjekter i oppsettet ditt. Dobbeltklikk på oppsettet og velg "Sprite" fra den generelle delen. Bruk trådkorset til å velge hvor du vil plassere Sprites. Et bilderedigeringsprogram åpnes, slik at du kan laste inn en eksisterende sprite eller opprette en ny.

Når du velger en sprite i oppsettet, lastes sprite -egenskapen på den venstre rammen. Gi nytt navn til sprites, slik at du lettere kan identifisere og referere til dem

Lag online spill Trinn 23
Lag online spill Trinn 23

Trinn 8. Legg til oppførsel for objektet ditt

Hvis du vil legge til en atferd, klikker du på objektet du vil legge til en atferd for å velge den. Klikk på koblingen "Legg til/rediger" i delen Atferd i rammen Egenskaper. En liste over tilgjengelig atferd vises.

Atferd er forhåndskonfigurerte logikkstykker som lar deg raskt legge brukervennlighet til objektene dine. Du kan velge mellom et stort utvalg forhåndsbygde atferd som kan gi en rekke bruksområder. For eksempel, for å lage et solid gulv, gi det en "Solid" oppførsel. For å flytte karakteren i 8 retninger, gi oppførselen "8 retningsbevegelse"

Lag online spill Trinn 24
Lag online spill Trinn 24

Trinn 9. Endre atferdsegenskapene

Du kan redigere atferden slik at den passer til måten objektet ditt fungerer på. Du kan endre verdiene for å endre hastighet, retning og andre egenskaper.

Lag online spill Trinn 25
Lag online spill Trinn 25

Trinn 10. Forstå hvordan hendelser fungerer

Hendelser er en liste over forhold, og er hva spillet slipper unna. Hvis tilstanden er nådd, skjer hendelsen. Hvis betingelsen ikke er oppfylt, skjer hendelsen ikke. Hendelsessiden går vanligvis omtrent 60 ganger i sekundet. Hver runde kalles en "hake".

Lag online spill Trinn 26
Lag online spill Trinn 26

Trinn 11. Lag en hendelse

Dobbeltklikk på hendelsessiden. En liste over tilgjengelige objekter vises. Velg objektet du vil opprette en hendelse for, eller du kan opprette et system.

  • Velg når handlingen skal utføres. Etter at du har valgt et objekt, blir du bedt om å velge når hendelsen skjedde. Dette kan være basert på andre hendelser eller på et bestemt tidspunkt. "Hver hake" alltid.
  • Legg til handling. Du blir bedt om å velge ett av objektene dine. Velg fra en liste over handlinger. For eksempel, hvis du oppretter en skytespill, og du vil at spillerens karakter alltid skal vende mot musen, vil du opprette en "Point of view to position" -handling på hvert kryss som er satt på spillerobjektet. Når du blir bedt om koordinater, skriver du inn “Mus. X” for X og “Mus. Y” for Y. Dette vil gjøre at spillerens skip alltid vender mot markøren.
Lag online spill Trinn 27
Lag online spill Trinn 27

Trinn 12. Legg til flere hendelser og atferd

Dette er ryggraden i spillet ditt. Å legge til og forbedre atferd og hendelser vil hjelpe deg med å lage unike og morsomme spill som folk vil spille. Eksperimenter med forskjellige hendelser for å prøve å få spillet du virkelig ønsker.

Lag online spill Trinn 28
Lag online spill Trinn 28

Trinn 13. Legg til variabler

Det er to typer variabler i Construct 2: instansvariabler og globale variabler. Den lar deg lage score for objektene og spillene dine, for eksempel helse, tidsbegrensning, poengsum og mer.

  • Forekomstvariabel - Forekomstvariabel er tilordnet et enkelt objekt. Dette brukes til ting som fiender og spillerhelse. Du kan legge til en forekomstvariabel etter å ha valgt et objekt ved å klikke på koblingen 'Legg til/rediger' i delen Variabler i rammen Egenskaper. Gi variabelen et navn som kan referere til hendelsen, samt en startverdi.
  • Global variabel - Globale variabler er variabler som er tilordnet hele spillet. Den brukes til ting som spillerscore. For å opprette en global variabel, gå til siden Hendelser og høyreklikk på et tomt mellomrom. Klikk på "Ass global variable", gi den et navn slik at den kan refereres til i hendelsen, og skriv deretter inn en startverdi.
Lag online spill Trinn 29
Lag online spill Trinn 29

Trinn 14. Lag grensesnitt

Når du oppretter grensesnitt, er det vanligvis best å gjøre det på et nytt lag. Dette er fordi grensesnittet svært sjelden beveger seg eller endres, så det er bedre å legge det på et låst lag. I Egenskaper -rammen for det nye laget, sett “Parallax” til 0. Dette vil holde laget forskjøvet når skjermen beveger seg.

Bruk tekstbokser og variabler for å lage grensesnittet. Du kan sette tekstboksen til å vise helse, poengsum, ammunisjon eller hva spilleren trenger å se med jevne mellomrom

Lag online spill Trinn 30
Lag online spill Trinn 30

Trinn 15. Test og revider spillet ditt

Nå som du har noen få objekter på skjermen med hendelser og atferd, kan du begynne å teste og legge til innhold. Klikk på "Spill" -knappen øverst på skjermen for å hjelpe og teste spillet. Legg merke til alt som ikke fungerer, og prøv å fikse det for å gjøre spillet ditt spillbart og hyggelig.

Lag online spill Trinn 31
Lag online spill Trinn 31

Trinn 16. Eksporter spillet ditt

Hvis du er fornøyd med spillet ditt, kan du eksportere det slik at det kan lastes opp til et nettsted og spilles av hvem som helst. For å eksportere spillet, klikk på "File" -menyen og velg "Export". Lagre prosjektet på et sted som er enkelt for deg å finne.

Lag online spill Trinn 32
Lag online spill Trinn 32

Trinn 17. Publiser spillet

Det er flere nettsteder som lar deg laste opp HTML5 -spill som andre kan spille. Du kan også legge til spill på ditt eget nettsted. Sjekk ut denne guiden for detaljer om hvordan du laster opp spill til ditt eget nettsted.

Tips

  • Hvis du er mer interessert i å lære koden bak Flash -spill, kan du bruke Flash Builder og ActionScript3 -kode til å bygge spill. Dette vil ta lengre tid, men kan resultere i en mer unik opplevelse. Se programguiden i ActionsScript3.
  • Hylle alle kilder du har hentet ideer og innhold fra, og til alle som hjalp deg med å lage spillet.

Anbefalt: