Workshop: Creating RPG Monsters

Øvelse på dansk og engelsk / Workshop in danish and english.

Agenda

  1. An introduction to the relationship between programming and games based on “Spillet og Koden”. (Introduktion til relationer mellem programmering og spil)
  2. A creative workshop. (Kreativ Workshop)

NB: I’m not going to teach the class how to write ActionScripts or similar, however it is asumed that you know how to write code… 😉 (Jeg vil ikke lære dig, hvordan man programmerer, derimod antages, at du ved noget om, hvordan man skriver kode…)

Dansk version
I denne workshop skal holdet arbejde i små grupper, der kommer med forslag til ActionScripts (3.0), der kan være nyttige for rollespilleren eller Dungeon Masteren. Lav hellere ét gennemført script, fx til at skabe en trold med hitpoints etc., end mange løse ideer.

Her er et par ideer til mulige scripts:

  • Karakterark – som class (altså actionscript class ;-))
  • Monsterenes karakterark – som class
  • Automatiseret terningekast med D&D terninger: D4, D6, D8, D10, D20, D100…
  • Andre online muligheder for D&D spillere…?
  • Wandering monsters… hvilke scripts kunne udvikles i den forbindelse?
  • Rejsen begynder ofte med at figurene køber udstyr, hvilke scripts kunne være nyttige her? Hvordan kunne flash gøre det lettere at spille D&D her?

Tip: skulle din gruppe foretrække et andet sprog end ActionScript, så brug det I foretrækker… (fx JavaScript, Python, Php … etc.)

Hvis tiden tillader det, så kan gruppen udvikle en mock up.

  • Eksempler på monstre og karakterark udleveres i klassen.
  • Spillereglerne og Koden af Per Thykjær Jensen (sorry: only available in danish)

English version
In this workshop the class will work in small groups. The groups must develop ideas to ActionScripts (3.0) that can ease the playing routines for the role playing gamer or the Dungeon Master. It’s better to make one working script than many loose ideas.

Here are some suggestions, pick one or two as you prefer:

  • Character sheets – as an AS class
  • Monster Character Sheets – as AS class
  • Automatic dice rolls: D4, D6, D8, D10, D20, D100…
  • Wandering monster selection
  • Often the quest begins with a visit to some guild hall, where you can buy stuff. How could flash ease this part of the game?

Tip: well … should you prefer some other language than ActionScript (e.g. php. javascript, python etc.) … then go on for it!

If time permits the group could develop a working flash mockup.

Hand outs: samples of character sheets and monsters.

Links

 

To portrætter


Formålet med denne øvelse er at gøre dig fortrolig med Photoshop – og at fremstille to portrætter:

  • Et miniportræt til Fronter (Erhvervsakademiets CMS)
  • Et selvportræt af dig i rollen som multimediedesigner.

Miniportræt til Fronter
Dette billede skal have målene 73×110 pixels. Hverken mere eller mindre. Billedet lægges ud på Fronter ved at klikke på Dagens > DitNavn > Ændre Billede. Når billedet er færdigt skal det omgående uploades.

Tip: I små billeder skal du skære ind til det væsentlige.Vi skal ikke bruge en total af dig og dyrene i fx Ree Dyrepark.

Brug beskæringsværktøjet (Crop) på ansigtet. Billedets størrelse kan herefter ændres til noget, der er en anelse større end 73 i bredden eller 110 i højden. Herefter skal lærredstørrelsen (canvas) ændres til præcis 73×110; men billedets proportioner må ikke forvrænges. Du skal fravælge lænken mellem proportionerne. Ryk til sidst rundt med billedet, så ansigtet står centralt.

Et selvportræt
Med udgangspunkt i de billeder, som du har taget skal du vælge et billede og fremstille et selvportræt med en bevidst valgt komposition. Billedet skal udtrykke dig som multimediedesigner – og du må frit bruge Photoshop til fremstilling af billedet.

Komposition og beskæring

Med Crop Tool er et område markeret.

En geometrisk komposition
Et professionelt billede er en geometrisk komposition, hvor intet er overladt til tilfældighederne. Selv om billedet måske er godt, så skal det bruges i en sammenhæng. Billeder skal altid efterbehandles.

Komposition hænger sammen med beskæring. En god beskæring fremhæver det som er væsentligt – og fjerner alt overflødigt. Beskæringen giver billedet den form, som det skal have i et lay-out. Beskæring og billedets funktion hænger altså sammen.

Crop Tool (c)
I gamle dage ville man nok beskære billeder med en saks eller en hobbykniv; men det var dengang. I Photoshop beskærer man ved hjælp af Crop Tool, der enten vælges i værktøjskassen – eller ved at taste c. Værktøjet bruges sådan:

  1. Klik og træk musen ned over det område, som skal bruges.
  2. Området kan justeres på firkanterne.
  3. Når du er tilfreds med beskæringen tast ENTER.

Herefter vil Photoshop ændre størrelsen af billedet.

Billedet af de tre figurer på en bro er et scannet farvefoto fra 1960-erne, hvor farverne er falmede. Det kan være charmerende som effekt; men man kan også forsøge at rette farverne.

Skiltet er skåret væk og der er større fokus på broens diagonaler, der skaber dybde i billedet.

Reglen om 1/3
En gammel kunstnerisk tommelfingerregel siger, at man kan opnå en harmonisk komposition ved at placere vigtige elementer 1/3. De tynde streger i billedet markerer tredjedele af billedfladen.

Crop Tool viser altså, hvor 1/3 af billedet er. Crop Tool kan indstilles på flere måder. Øverst på skærmen kan redskabet indstilles til Rule of Thirds, None eller Grid. Sandsynligvis er reglen om tredjedele en grov forenkling af det gyldne snit, der er en mere kompleks geometrisk konstruktion.

Reglen om 1/3 anvendes her.
Resultatet af beskæringen af Mads Clausens kontor på Danfoss ved Nordborg.

Kompositionen er nu klar. 1/3-linjer går gennem stolens ryg, den øverste linje på tegnebordet, hjørnet mellem træ- og bindingsværksmuren. Uret kunne med fordel flyttes lidt til venstre og farverne kunne trænge til et serviceeftersyn – men brugen af 1/3-reglen kan give en bedre komposition, hvis vi sammenligner billedet med det rå billede fra kameraet.

Ovale billeder

Elliptical Marquee tool (M)

Firkantede billeder er ikke altid interessante. I visse tilfælde kan en oval beskæring være at foretrække. Sådan kan du lave et ovalt billede:

  1. Klik på Elliptical Marquee Tool (eller tast M)
  2. Marker et område ved at klikke og trække med musen som før.
  3. Nu skal det markerede område kopieres, tast CTRL + C.
  4. Klik på File > New.
  5. I fanebladet Background Contents kan du vælge om baggrunden skal være transparent eller om der skal være en dækkende farve. Normalt vælger Photoshop en hvid baggrund.
  6. Nu kan det markerede område indsættes, tast CTRL + V.
  7. Gem filen. Hvis du har en transparent baggrund skal filformatet være .png eller .gif, da .jpg ikke kan håndtere alpha-kanaler.
Skovparti fra Als.

Snydetransparens
Om billedet skal være transparent eller ej er et spørgsmål om den baggrund, som skal vises. I visse tilfælde dannes rædselsfulde hvide eller sorte skygger. I sådanne tilfælde kan man lave “snydetransparens”. Derfor har jeg i billedet herover valgt at bruge snydetransparens.

Her skal indstillingerne i Background Contents ændres, så den passer med websidens baggrund. Vælg en baggrundsfarve i værktøjskassen. Klik på File > New. I fanebladet Background Contents vælges “Background Color”. Baggrunden får nu den farve, som du valgte i værktøjskassen.

Statisk kontra dynamisk komposition
En statisk komposition betoner de lodrette og vandrette linjer. Statiske billeder kan udstråle ro og harmoni – især hvis de er symmetriske; men en statisk komposition kan blive så rolig, at den er kedelig. Nogle stilarter, som fx nyklassik, foretrækker et roligt og statisk udtryk.

Statisk komposition – Stanford University, 2010.

Den dynamiske komposition bruger diagonalerne. Et dynamisk billede virker som om det er i bevægelse. Stærkt ekspressive stilarter, som f.eks. Cobra-malerne, bruger gerne en dynamisk komposition.

Palmen ved universitetet er ikke nødvendigvis det mest dynamiske motiv, man kan forestille sig. Men, hvis kameraet vendes ca. 45 grader kan man få en dynamisk effekt. Prøv i øvrigt det samme med et portræt.

Palmen fotograferet med kamera på skrå giver en dynamisk effekt.