Hjem Personlig finansiering Hvordan man laver et spil som Flappy Bird i Scratch-dummies

Hvordan man laver et spil som Flappy Bird i Scratch-dummies

Indholdsfortegnelse:

Video: Scratch Tutorial - Flappy Dragon - Del 1 2024

Video: Scratch Tutorial - Flappy Dragon - Del 1 2024
Anonim

Har du spillet Flappy Bird? Du skal lave et spil, der virker lidt som Flappy Bird , men er IKKE Flappy Bird . Hvorfor ikke? Fordi hvis du laver et spil, der ser ud og virker som Flappy Bird , og du kalder det Flappy Bird , vil den fyr, der skabte Flappy Bird , blive utilfreds. Plus, det er faktisk mod loven!

Så i stedet vil du lave et spil kaldet Flapping Bat .

Opret online projekt

  1. Gå til Scratchs hjemmeside og klik på knappen Opret.

  2. Skift navn fra Untitled til Flapping Bat .

    Når du er logget ind, gemmer Scratch automatisk dit projekt, mens du arbejder.

Opret offline-projekt

  1. Åbn Scratch 2 Offline Editor på din computer.

  2. Vælg Filer → Gem som og skriv Flapping Bat .

Slet katten

Hver gang du opretter et nyt Scratch-projekt, vil det inkludere et sprite, Scratch Mascot: Scratch Cat.

Du kan slette katten (eller andre sprite) ved at holde Shift-tasten på tastaturet, mens du klikker på det direkte. Der vises en lille menu med mulighed for at slette det, du har skiftet. Du vil gøre meget Shift-klik for at spare tid, mens du arbejder på Scratch-projekter.

Så fortsæt … Slet den smilende Kratkat!

Hvis du er vant til at højreklikke med en mus eller trackpad, kan du bruge denne teknik som et alternativ til Shift-klik.

Vælg Player sprite

A sprite er et grafisk element i et andet Scratch-projekt end Stage , som repræsenterer baggrunden. For dette spil vil du oprette tre sprites: Player, Ground, and Pipe.

  1. Se efter området New Sprite under scenen, og klik på det første ikon. Vælg Sprite fra bibliotek.

  2. Vælg sprite med navnet Bat2, og klik derefter på OK.

  3. Skift-klik på Bat2-sprite og vælg Info.

  4. Skift navn fra Bat2 til Player , fordi i dit spil vil spilleren kontrollere bat sprite.

  5. Klik på knappen Tilbage (hvid trekant på blå cirkel) for at lukke informationsvinduet.

Paint Ground Sprite

  1. Klik på det andet ikon i området New Sprite: Paint New Sprite.

  2. Skift-klik på det nye sprite, vælg Info , og skift navn til Ground .

  3. Klik på fanen Kostumer.

  4. Klik på værktøjet Rektangel i Paint Editor-lærredet under fanen Kostumer.

  5. Klik på alternativet Solid rektangel.

  6. Klik på en grøn farveprøve.

  7. Klik i nærheden af ​​nederste venstre hjørne af Paint Editor-lærredet, og træk derefter op og til højre, indtil du har et rektangel helt over bunden.

Klik på og træk den på plads, hvis grundspritten vises udenfor på scenen.

Paint Pipe Sprite

Målet med dit spil er at klappe fladens vinger og flyve gennem huller mellem to rør. Du vil bruge et køligt programmeringstrick, så du kun har brug for en pipesprite.

  1. Klik på ikonet Paint New Sprite.

  2. Skift-klik på sprite, vælg Info , og skift navn til Rør .

  3. Klik på fanen Kostumer.

  4. Klik på værktøjet Rektangel i Paint Editor-lærredet under fanen Kostumer.

  5. Klik på alternativet Solid rektangel.

  6. Klik på en grå farveprøver.

  7. Klik og træk over midten af ​​Paint Editor-lærredet for at tegne et lodret rør.

For at få et hul til, at flagermusen flyver igennem, skal du klikke på Select-værktøjet, klikke og trække over midten af ​​røret og trykke på Slet eller Backspace-tasten på tastaturet. (Du skal ikke bekymre dig, hvis din flagermus er for stor, du skal ordne det snart.)

Godt arbejde! Nu har du alle tre sprites, du skal lave dit spil. Hvad kommer der nu? Den hvide baggrund er lidt almindelig. Her er en hurtig måde at lave en realistisk himmel på.

Mal himmelgradienten på scenen

Udtrykket gradient kan være nyt for dig. Scratch indeholder tre typer af gradienter, som giver dig mulighed for at falme mellem to farver. En del af det, der gør et himmel ser realistisk ud, er, når det ser lysere ud mod horisonten og mørkere øverst på din computerskærm.

  1. Klik på sceneknappen.

  2. Klik på fanen Bakgrunde.

  3. Vælg værktøjet Udfyld med farve.

  4. Klik på knappen Horizontal Gradient.

  5. Vælg den hvide farveprøve.

  6. Klik på knappen Swap Colours.

  7. Vælg en lyseblå farveprøve.

  8. Klik et vilkårligt sted for at udfylde Paint Editor-lærredet med farvegradienten.

Ser himlen ikke mere realistisk ud nu? Gradienter kan bruges til alle slags effekter (som at gøre noget ser metallisk ud). (Har nogen sagt, "Vector Robots"?)

Hvordan man laver et spil som Flappy Bird i Scratch-dummies

Valg af editor

Fuld redigeringsfunktion i Photoshop Elements 10 - dummies

Fuld redigeringsfunktion i Photoshop Elements 10 - dummies

Fuld fotoredigeringsfunktion tilbyder bundter af værktøjer, som du kan bruge at redigere dine billeder, fra korrektionsværktøjer til fastsættelse af farve og klarhed til filtre, lag og meget mere for at ændre eksisterende fotos eller skabe helt originale billeder fra bunden. Men alle disse værktøjer gør også Komplet fotoredigeringstilstand kompleks. Du kan flytte ind i ...

Generelle blandingsformer i Photoshop Elements - dummies

Generelle blandingsformer i Photoshop Elements - dummies

Elementer spænder over 25 blandingstilstande. Blend modes påvirker hvordan farver interagerer mellem lag og også hvordan farver interagerer, når du anvender maling på et lag. Ikke alene gør blandingstilstande interessante effekter, men du kan også nemt anvende, redigere eller fjerne blandingsfunktioner uden at røre dine billedpixel. De forskellige blandingstilstande ...

Geometriske formindstillinger i Photoshop Elements - dummies

Geometriske formindstillinger i Photoshop Elements - dummies

Geometriindstillinger hjælpe med at definere, hvordan dine figurer ser ud. Klik på nedpegepilen i værktøjsindstillingerne i Elements for at få adgang til de geometriske indstillinger, der beskrives i det følgende. Rektangulære og afrundede rektangel geometriske indstillinger Her er geometriske indstillinger for rektangel og afrundede rektangelformer: Ubegrænset: Giver dig mulighed for at få fri tøj til at tegne en ...

Valg af editor

Sådan bygger du tabeller i HTML5 - dummies

Sådan bygger du tabeller i HTML5 - dummies

Sommetider indeholder din webside data bedst fremlagt i et bord . Du kan bruge HTML5's komplette bordsystem til at oprette tabeller som den i dette eksempel: Den grundlæggende struktur i et bord i HTML-format er rimeligt let at forstå; Tjek koden, der oprettede tabellen i eksemplet:

Hvordan man ændrer gentagne baggrunde på CSS3-steder - dummier

Hvordan man ændrer gentagne baggrunde på CSS3-steder - dummier

Der er situationer, hvor man kun vil en enkelt kopi af et baggrundsbillede på dit CSS3-websted. Det kan være, at billedet du har brugt er noget, der ikke gentager sig godt eller er stort nok til, at du virkelig ikke vil have det gentaget. Følgende procedure viser en teknik, du kan bruge til at fortælle ...

Hvordan man opbygger en webside skabelon fra scratch-dummies

Hvordan man opbygger en webside skabelon fra scratch-dummies

Standardværktøjet på tværs af digitalt agenturer og interne afdelinger til opbygning af website grafik er Adobe Photoshop. Selvom fyrværkeri er optimeret og målrettet til at producere web-grafiske kildefiler, er det bare ikke fanget, sandsynligvis på grund af den massive genoplæringsindsats ville det medføre, at hele afdelinger gør omskifteren. At oprette et nyt ...

Valg af editor

Sådan godkendes medlemmer til din LinkedIn Group - dummier

Sådan godkendes medlemmer til din LinkedIn Group - dummier

Som flere og flere mennesker finder ud af din ny LinkedIn-gruppe, og som medlemmer begynder at deltage, kan du opleve, at nogle af de personer, der har klikket på linket for at deltage, ikke er på din forhåndsgodkendte liste. Måske er de mennesker, du ikke har forstået var på LinkedIn, eller du var ikke klar over, at de var gyldige grupper ...

Hvordan man tilføjer billeder til kroppen i din LinkedIn-profil til Visual Social Marketing - dummies

Hvordan man tilføjer billeder til kroppen i din LinkedIn-profil til Visual Social Marketing - dummies

Ud over et profilbillede giver LinkedIn brugere mulighed for at forbedre de visuelle sociale markedsføringselementer i deres profiler ved at tilføje billeder til deres profilprofil. Du kan tilføje billeder til ethvert afsnit i din LinkedIn-profil. Tilføjelse af billeder til din profil kan hjælpe dig med at fortælle din historie visuelt og ...

Sådan tilføjer du en virksomhedsside til LinkedIn - dummies

Sådan tilføjer du en virksomhedsside til LinkedIn - dummies

, Når du har opfyldt kravene til oprettelse en virksomhedsside på LinkedIn, er det tid til at komme i gang ved at tilføje selskabets side til Linkedins system. For at oprette din virksomhedsside skal du blot følge disse trin: