3 måder at oprette et online spil

Indholdsfortegnelse:

3 måder at oprette et online spil
3 måder at oprette et online spil

Video: 3 måder at oprette et online spil

Video: 3 måder at oprette et online spil
Video: Nastya and Dad open boxes with surprises to learn the alphabet 2024, Kan
Anonim

Har du nogensinde spillet et online spil og tænkt: "Jeg vil lave sådan noget, jeg har nogle gode ideer"? Tidligere skulle du lære at kode i ActionScript 3, det sprog, der driver Flash. Takket være nogle spilbyggerprogrammer er kodningsoplevelse dog fortid. Du kan gøre spil sjove og fordybende ved at manipulere objekter og logik uden overhovedet at røre nogen kodelinjer.

Trin

Metode 1 af 3: Design af spil

Lav online spil Trin 1
Lav online spil Trin 1

Trin 1. Skriv en grundlæggende beskrivelse

Indtast funktionerne, og hvad du vil have spilleren til at opnå. Det er fantastisk at have en grundlæggende oversigt over, hvad du vil gøre med dit spil skriftligt, så du kan se det, mens du arbejder på det.

Se denne vejledning for flere detaljer om at skrive spildesigndokumenter

Lav online spil Trin 2
Lav online spil Trin 2

Trin 2. Tegn nogle skitser

Tegn skærmens grundlæggende design, som du vil have det. Det behøver ikke at være særlig detaljeret, men du skal i det mindste have en idé om, hvor de forskellige elementer skal placeres på skærmen. Dette vil være praktisk senere, når du begynder at bygge grænsefladen til dit spil.

Lav online spil Trin 3
Lav online spil Trin 3

Trin 3. Vælg en metode til at oprette dit spil

I første omgang skal du lære koden til ActiopnScript3 for at oprette Flash -spil. Selvom du stadig kan gøre det, er der programmer til rådighed, der kan gøre spiloprettelse lettere at lære og kræver ingen kodningserfaring. Nogle populære valg til oprettelse af spil omfatter:

  • Stencyl - Dette er et nyere værktøj, der lader dig bygge spil ved hjælp af objektscripts og logik. Dette spil kan derefter konverteres til et Flash -projekt og uploades til ethvert websted, der understøtter Flash -spil.
  • Konstruktion 2 - Efterhånden som Flash bliver ældre, bør den begynde at blive erstattet af andre måder at lave spil på. En af de nyeste måder at oprette onlinespil på er ved hjælp af HTML5. Normalt kræver dette meget kodningskendskab, men Construct 2 lader dig bygge spil ved hjælp af objekter og scripting, som Stencyl.
  • Flash Builder - Dette er den traditionelle metode til oprettelse af Flash -spil. Det kræver en hel del ActionScript -viden, men er et af de lettere sprog at lære at basere. Flash Builder koster penge, men du kan bruge det åbne program FlashDevelop til mange af de samme anvendelser.

Metode 2 af 3: Brug af Stencyl

Lav online spil Trin 4
Lav online spil Trin 4

Trin 1. Download og installer Stencyl

Stencyl er et spiloprettelsesprogram, der ikke kræver nogen kodningskendskab. Du kan bruge forskellige logiske værktøjer til at manipulere objekter i spillet.

Stencyl kan kun bruges gratis, hvis du ønsker at udgive dit spil online. Den gratis version vil have Stencyl -logoet vist i begyndelsen. Hvis du får den betalte version, kan du udgive til andre platforme

Lav online spil Trin 5
Lav online spil Trin 5

Trin 2. Opret dit nye spil

Når du starter Stencyl, får du vist en liste over dine spil. Der vil være et par eksempler på spil på listen, som du kan tage et kig på for at se, hvordan de fungerer. For at begynde at arbejde på dit spil skal du klikke på den stiplede boks mærket "Klik her for at oprette nyt spil".

Lav online spil Trin 6
Lav online spil Trin 6

Trin 3. Vælg et kit

Der er flere kits, der indeholder færdige aktiver og objekter, der kan hjælpe dig med hurtigt at få dit spil i gang. Vælg et sæt, hvis du vil, eller vælg "Blank spil" (Blank spil)

Du kan downloade kits lavet af andre brugere online

Lav online spil Trin 7
Lav online spil Trin 7

Trin 4. Indtast dine spiloplysninger

Inden du begynder at bygge dit spil, skal du indtaste nogle oplysninger.

  • Navn - Dette er navnet på dit spil. Du kan ændre dette senere til hvad du vil.
  • Skærmstørrelse - Dette er størrelsen på din skærm og er meget vigtig, da det vil påvirke den kunst, du bruger. Da folk normalt vil spille dit spil med deres webbrowser, behøver skærmstørrelsen ikke at være så stor. Prøv det Bredde: 640 px Højde: 480 px. Dette er en god størrelse til at starte med.
Lav online spil Trin 8
Lav online spil Trin 8

Trin 5. Lær layoutet at kende

Når du først indlæser dit spil, bliver du taget til dashboardet. Det er her, du kan se alle scenerne for dit spil og få adgang til alle ressourcer. Du kan også ændre dine spilindstillinger herfra. Du vil bruge det meste af din tid på at arbejde i instrumentbrættet.

  • Scene - Dette er hovedvinduet i Dashboard og viser det faktiske spil og alle aktiver. Dit spil vil være en samling scener.
  • Ressourcer - Dette er en liste over alle objekter og aktiver i dit spil. Dette inkluderer skuespillere, baggrunde, skrifttyper, scener, logik, lyde og fliser. Kilder er arrangeret i træet til venstre på skærmen.
  • Indstillinger - Med spil- og indstillingsmuligheder kan du tilpasse, hvordan din spilmekanik fungerer, herunder kontroller, tyngdekraft, nedbrud, skærmindlæsning og mere.
Lav online spil Trin 9
Lav online spil Trin 9

Trin 6. Opret skuespillere

En skuespiller er ethvert objekt, der bevæger sig eller kan interageres med i spillet (spillere, fjender, døre osv.) Du skal oprette en skuespiller for hvert objekt i dit spil. For at oprette en skuespiller skal du klikke på indstillingen "Aktortyper" i menuen Ressourcer. Vælg den ønskede skuespiller på listen (listen bestemmes ud fra det kit, du har valgt).

  • Tildel skuespillere til grupper (spillere, fjender). Dette vil hjælpe med at bestemme skuespillerens kollisionsegenskaber. Vælg din skuespiller for at åbne Actor Editor. Klik derefter på fanen Egenskaber, og vælg den relevante gruppe i rullemenuen.
  • Vælg en adfærd (hoppe, træde på, gå). Adfærd er det, der giver din skuespiller mulighed for at gøre noget. Klik på Adfærd, og klik på knappen "+ Tilføj adfærd" i nederste venstre hjørne. Vælg en adfærd (f.eks. "Walking") fra listen, og klik derefter på "Vælg".
  • Indstil kontrol. Hvis du opretter en spillerkarakter, vil du tillade spilleren at flytte den. Når du tilføjer en Walk -adfærd, bliver du ført til skærmen Walking -attributter. Du kan bruge menuen til at vælge, hvilken tast der skal flytte skuespilleren til venstre og højre. Du kan også installere animationer, hvis det kit, du bruger, indeholder dem.
  • Du kan tilføje masser af adfærd og angive, hvad aktører kan gøre.
Lav online spil Trin 10
Lav online spil Trin 10

Trin 7. Opret en scene

Scenen er, hvad spilleren ser, mens han spiller spillet. Dette er baggrunden samt alle synlige objekter og aktører. Hvis du vil oprette en ny scene, skal du klikke på indstillingen Scener i ressourcetræet og derefter klikke på feltet med linjer. Giv din nye scene et navn for at fortsætte.

  • Baggrund - Din scene ændres automatisk i størrelse, så du behøver ikke bekymre dig om det nu. Du kan vælge at bruge en farve som baggrund, som vil blive flisebelagt over den. Du kan også vælge mellem ensfarvede eller gradientfarver. Klik på "Opret", når du er færdig. Dette åbner Scene Designer.
  • Placer fliser - De fliser, der følger med i dit kit, indlæses på højre side af vinduet. Klik på blyantværktøjet i menuen til venstre, og klik derefter på den flise, du vil bruge. Du kan derefter lægge fliser på din scene. Klik og træk med musen for at lægge dobbelte fliser.
  • Sæt skuespilleren. Klik på fanen Skuespillere over dit flisesæt for at skifte til dine tilgængelige skuespillere. Du skal oprette en på forhånd, for at den kan vises på denne liste. Klik på den skuespiller, du vil placere, og klik på den scene, hvor du vil have, at han skal vises. Hvis du trykker på Shift, flytter skuespilleren dertil.
  • Tilføjet tyngdekraft. Klik på fanen "Fysik" øverst i vinduet, og indtast derefter en værdi i feltet "Tyngdekraft (lodret)". Indtastning af 85 vil simulere den reelle jordtyngdekraft.
Lav online spil Trin 11
Lav online spil Trin 11

Trin 8. Test spillet

Når du har oprettet scenen og indsat nogle skuespillere, kan du teste spillet. Klik på knappen "Test spil" øverst på skærmen for at afspille det, du nu har oprettet. Du kan bruge de taster, du har indstillet, til at styre din spillerkarakter.

Se efter ethvert aspekt, der ikke virker, og prøv at rette det. For eksempel opfører fjenden sig ordentligt? Kan du slå fjenden? Er der utilgængelige platforme eller ufremkommelige kløfter? Vend tilbage til det relevante område af din spilredaktør for at løse eventuelle problemer, du finder. Det kan tage lidt tid, men slutresultatet bliver sjovere og lettere at spille

Lav online spil Trin 12
Lav online spil Trin 12

Trin 9. Tilføj mere

Nu hvor du har en fungerende og spilbar scene, er det tid til at bygge hele spillet. Tilføj niveauer og udfordringer, og bliv ved med at teste dine tilføjelser for at sikre, at de er sjove og fungerer rigtigt.

Lav online spil Trin 13
Lav online spil Trin 13

Trin 10. Site Lås dit spil

Hvis du vil uploade spillet på et websted, der er vært for Flash -spil, eller uploade det til dit eget websted, skal du bruge "Site Lock". Dette forhindrer dit spil i at blive spillet, hvis det ikke er på listen over tilladte websteder.

  • Åbn "Spilindstillinger" fra dit "Ressourcer" -træ. Vælg afsnittet "Loader". Indtast de websteder, du tillader, i feltet "Site Lock", adskilt af kommaer og ingen mellemrum. For eksempel newgrounds.com, kongregate.com.
  • Mens du stadig er på denne skærm, skal du indtaste din hjemmeside i feltet "Din startside", hvis du har en. Dette giver spillere, der spiller dit spil, mulighed for at linke til dit websted/
Lav online spil Trin 14
Lav online spil Trin 14

Trin 11. Eksporter spillet som Flash

Når du er tilfreds med dit spil, kan du eksportere det til Flash -format. Dette giver dig mulighed for at uploade spillet til et websted, der er vært for Flash -spil eller til dit eget websted. Klik på '' Publicer '' '(Publicer), vælg "Web" og klik derefter på "Flash". Gem filen et sted, der er let at finde på din computer.

Lav online spil Trin 15
Lav online spil Trin 15

Trin 12. Udgiv spillet

Når du har en Flash (. SWF) -fil, kan du uploade den til et websted efter eget valg. Der er flere websteder online, der er vært for Flash -spil, og nogle kan endda tillade dig at tjene penge på annonceindtægter. Du kan også uploade spil på dit eget websted, men du bør sørge for at have båndbredden til at rumme spillere, hvis spillet skulle blive populært.

  • Tjek denne vejledning til upload af spil på dit eget websted.
  • Hvis du vil uploade dit spil til et websted som Newgrounds eller Kongregate, skal du oprette en konto og derefter gennemgå uploadprocessen for disse websteder. Vilkårene vil variere for hvert websted.
  • Hvis du vil udgive dit spil til Stencyl Arcade, kan du gøre det inden for Stencyl -programmet. Klik på '' Udgiv '' '' vælg 'Stencyl', klik derefter på 'Arcade'. Spillet uploades automatisk, så sørg for at være tilfreds med navnet, før du gør dette. Stencyl Arcade har en filstørrelsesgrænse på MB.

Metode 3 af 3: Brug af Construct 2

Lav online spil Trin 16
Lav online spil Trin 16

Trin 1. Download og installer Construct 2

Dette program giver dig mulighed for at oprette HTML5 -spil med meget lidt kodning. Du bliver nødt til at indstille et par variabler, men alt dette gøres via menuen uden kodning påkrævet.

Construct 2 er gratis, selvom nogle funktioner er begrænsede bortset fra opgradering. Den gratis version kan ikke udgives til andre platforme end HTML5

Lav online spil Trin 17
Lav online spil Trin 17

Trin 2. Opret et nyt projekt

Når du først starter Construct 2, bliver du mødt med en velkomstmenu. Klik på linket "Nyt projekt" for at starte et nyt spil. Der er også nogle eksempler, som du kan bruge til at se, hvordan du bygger et grundspil.

Når du starter et nyt projekt, vil du blive præsenteret for en liste over skabeloner. Til dit første projekt anbefaler vi at starte med et tomt projekt. Dette lader dig vænne dig til det grundlæggende, uden at skabelonerne kommer i vejen

Lav online spil Trin 18
Lav online spil Trin 18

Trin 3. Juster dine projektindstillinger

Til venstre i projektvinduet vil du se en række objekter i rammen Egenskaber. Du kan bruge dette til at indstille din skærmstørrelse og indtaste dine spil- og virksomhedsoplysninger.

Lav online spil Trin 19
Lav online spil Trin 19

Trin 4. Indtast baggrunden

Dobbeltklik på layoutet. Vælg "Flisebelagt baggrund" fra afsnittet Generelt. Klik på dit layout for at placere baggrunden. Dette åbner baggrundsredaktøren. Du bliver nødt til at oprette din egen ved hjælp af billedredigeringssoftware eller downloade teksturer fra flere online steder.

  • Indstil baggrunden til layoutstørrelsen. Gør dette ved at vælge baggrundsobjektet og ændre størrelsen på det i rammen Egenskaber.
  • Omdøb laget og lås det. Du bør låse laget for at undgå utilsigtet at flytte det, når du placerer andre genstande. Klik på fanen "Lag" i højre side af skærmen. Vælg laget, og klik på knappen Blyant. Navngiv laget “Baggrund”, og klik derefter på knappen “Hængelås” for at låse baggrunden.
Lav online spil Trin 20
Lav online spil Trin 20

Trin 5. Opret et nyt lag

På fanen Lag skal du klikke på knappen "+" for at oprette et nyt lag. Navngiv det "Main". Dette vil være det lag, hvor de fleste af dine spilobjekter vil ligge. Sørg for, at hovedlaget er valgt, før du fortsætter.

Lav online spil Trin 21
Lav online spil Trin 21

Trin 6. Tilføj input til dit spil

I Construct 2 skal dit input tilføjes som et objekt til dit spil. Det er usynligt og gør det muligt at bruge tastaturet og musen i projektet.

Dobbeltklik på layoutet, og vælg derefter "Mus" fra inputsektionen. Gør det samme for at indsætte objektet "Tastatur"

Lav online spil Trin 22
Lav online spil Trin 22

Trin 7. Tilføj objekter

Nu er det tid til at tilføje nogle spilobjekter til dit layout. Dobbeltklik på layoutet, og vælg "Sprite" fra det generelle afsnit. Brug trådkorset til at vælge, hvor du vil placere Sprites. En billededitor åbnes, så du kan indlæse en eksisterende sprite eller oprette en ny.

Når du vælger en sprite i layoutet, indlæses egenskaben sprite på den venstre ramme. Omdøb sprites, så du lettere kan identificere og henvise til dem

Lav online spil Trin 23
Lav online spil Trin 23

Trin 8. Tilføj adfærd til dit objekt

Hvis du vil tilføje en adfærd, skal du klikke på det objekt, du vil tilføje en adfærd til, for at vælge det. Klik på linket "Tilføj/rediger" i afsnittet Adfærd i rammen Egenskaber. En liste med tilgængelig adfærd vises.

Adfærd er forudkonfigurerede stykker logik, der lader dig hurtigt tilføje brugervenlighed til dine objekter. Du kan vælge mellem en lang række forudbyggede adfærdsmåder, der kan levere en lang række anvendelser. For eksempel, for at lave et solidt gulv, skal du give det en "Solid" adfærd. Hvis du vil flytte karakteren i 8 retninger, skal du give adfærden "8 retningsbevægelse"

Lav online spil Trin 24
Lav online spil Trin 24

Trin 9. Rediger egenskaberne for adfærd

Du kan redigere adfærden, så den passer til den måde, dit objekt fungerer på. Du kan ændre værdierne for at ændre hastighed, retning og andre egenskaber.

Lav online spil Trin 25
Lav online spil Trin 25

Trin 10. Forstå, hvordan begivenheder fungerer

Begivenheder er en liste over betingelser, og det er, hvad spillet slipper for. Hvis betingelsen er nået, sker hændelsen. Hvis betingelsen ikke er opfyldt, sker begivenheden ikke. Begivenhedssiden kører normalt omkring 60 gange i sekundet. Hvert løb kaldes et "kryds".

Lav online spil Trin 26
Lav online spil Trin 26

Trin 11. Opret en begivenhed

Dobbeltklik på siden Begivenheder. En liste over tilgængelige objekter vises. Vælg det objekt, du vil oprette en begivenhed for, eller du kan oprette et system.

  • Vælg, hvornår handlingen finder sted. Når du har valgt et objekt, bliver du bedt om at vælge, hvornår hændelsen opstod. Dette kan være baseret på andre begivenheder eller på et bestemt tidspunkt. "Hver flåt" altid.
  • Tilføj handling. Du bliver bedt om at vælge et af dine objekter. Vælg fra en liste over handlinger. For eksempel, hvis du opretter en skydespil, og du vil have spillerens karakter til altid at vende mod musen, ville du oprette en "Point of view to position" -aktion på hvert kryds, der er sat på spillerobjektet. Når du bliver bedt om koordinater, skal du indtaste “Mouse. X” for X og “Mouse. Y” for Y. Dette får spillerens skib til altid at vende mod markøren.
Lav online spil Trin 27
Lav online spil Trin 27

Trin 12. Tilføj flere begivenheder og adfærd

Dette er rygraden i dit spil. Tilføjelse og forbedring af adfærd og begivenheder hjælper dig med at skabe unikke og sjove spil, som folk gerne vil spille. Eksperimenter med forskellige begivenheder for at prøve at få det spil, du virkelig ønsker.

Lav online spil Trin 28
Lav online spil Trin 28

Trin 13. Tilføj variabler

Der er to typer variabler i Construct 2: instansvariabler og globale variabler. Det giver dig mulighed for at oprette scores for dine objekter og spil, såsom sundhed, tidsbegrænsning, score og mere.

  • Instansvariabel - Instansvariabel tildeles et enkelt objekt. Dette bruges til ting som fjender og spillers sundhed. Du kan tilføje en forekomstvariabel efter at have valgt et objekt ved at klikke på linket 'Tilføj/rediger' i afsnittet Variabler i rammen Egenskaber. Giv variablen et navn, der kan referere til hændelsen, samt en startværdi.
  • Global variabel - Globale variabler er variabler, der er tildelt hele spillet. Det bruges til ting som spillerresultater. For at oprette en global variabel skal du gå til siden Begivenheder og højreklikke på et tomt mellemrum. Klik på "Ass global variable", giv det et navn, så det kan henvises til i hændelsen, og indtast derefter en startværdi.
Lav online spil Trin 29
Lav online spil Trin 29

Trin 14. Opret grænseflader

Når du opretter grænseflader, er det normalt bedst at gøre det på et nyt lag. Dette skyldes, at grænsefladen meget sjældent bevæger sig eller ændres, så det er bedre at lægge det på et låst lag. I egenskabsrammen for det nye lag skal du indstille "Parallax" til 0. Dette vil holde laget forskudt, når skærmen bevæger sig.

Brug tekstbokse og variabler til at oprette din grænseflade. Du kan indstille din tekstboks til at vise sundhed, score, ammunition eller hvad spilleren skal se med jævne mellemrum

Lav online spil Trin 30
Lav online spil Trin 30

Trin 15. Test og revider dit spil

Nu hvor du har et par objekter på skærmen med begivenheder og adfærd, kan du begynde at teste og tilføje indhold. Klik på knappen "Afspil" øverst på skærmen for at hjælpe og teste spillet. Bemærk alt, der ikke virker, og prøv at rette det for at gøre dit spil spilbart og sjovt.

Lav online spil Trin 31
Lav online spil Trin 31

Trin 16. Eksporter dit spil

Hvis du er tilfreds med dit spil, kan du eksportere det, så det kan uploades til et websted og afspilles af alle. For at eksportere spillet skal du klikke på menuen "Filer" og vælge "Eksporter". Gem projektet på et sted, der er let for dig at finde.

Lav online spil Trin 32
Lav online spil Trin 32

Trin 17. Udgiv spillet

Der er flere websteder, der giver dig mulighed for at uploade HTML5 -spil, så andre kan spille. Du kan også tilføje spil til dit eget websted. Tjek denne vejledning for detaljer om, hvordan du uploader spil til dit eget websted.

Tips

  • Hvis du er mere interesseret i at lære koden bag Flash -spil, kan du bruge Flash Builder og ActionScript3 -kode til at bygge spil. Dette vil tage længere tid, men kan resultere i en mere unik oplevelse. Se programguiden i ActionsScript3.
  • Hils enhver kilde, hvorfra du hentede ideer og indhold, og til alle, der hjalp dig med at oprette spillet.

Anbefalede: