ASM Game Design

Erik Brown, erik.brown@asmprograms.org

Meeting 5

 

Question

What is your pizza crime?

 


MC Schedule

 


BoingBoing: How Islam helped Pakistan become an esports hub

 

A counterpart to this video:
Pakistan's gaming industry is the perfect fit for women

 


Google accounts:
An email was sent to you with account credentials.
If you need help, contact supportteens@asmprograms.org

 


"Pending status"

This is different than "Pending enrollment" (you already took care of this).

This means that we are missing info/documents from you that we need to pay you.

Social security number: you can enter this in yourself, or have me help you.

Program Acknowledgement, Consent, and Release forms
(for parents/guardians)

These would have been sent to the adults already, but here are online copies:
PACR [PDF]
PACR (en Español) [PDF]

 


LVL2

 

Work session

You will have a progress presentation on Wed., Oct. 16

 

 

LVL1

 

Game designer websites

Send me the following for your website, if you haven't already:

  1. Your game designer name (it can be your given name, or a nickname, or a name you just prefer)
  2. Your tagline / slogan
  3. An image to decorate your page
  4. A background color* **
  5. A text color*

 

* Look up a "color picker" in your browser, choose a color, and give me the hex-code (#______).

** You can send me a background-image if you prefer.


My email: erik.brown@asmprograms.org

 


Piskel


piskelapp.com

Methods for creating your avatar in Piskel

  1. Drawing freehand
  2. Tracing your own drawing that you have digitized
  3. Tracing a downloaded image or photo

 


Glitch tools

Actual glitches — data bending — can be tricky and unpredictable. Fortunately, there are tools to create "glitchalikes" — adding effects to your image to make them look like damaged data.

 



Twine

Twinery.org

 

Some Twine story examples:

Ella Stevenson
Adrian Martinez
Felix Romero

 

Recommended!

"Harlowe" is the default story format in Twine. Change it to "Sugarcube" just in case you would like to add advanced features (CSS, sound, Twine code).

In the top menu:
Twine >> Story Formats
Then select "SugarCube 2.37.3" and set it as the new default story format.

 

What to type in passages

Always give a passage a title. Keep it short.

You can type text into a passage, and you can also include HTML!

<h1>   </h1> This creates the biggest header text
<h2>   </h2> This creates header text, but a bit smaller
<strong>   </strong> This will boldface text
<em>   </em> This will create italics

 

To make a link to a new passage

Use:   [[   ]]

Format:   [[ desired text -> next passage title ]]

(Or:   [[ desired text | next passage title ]] — same thing)

 

Adding images – hotlinking

You can copy the full URL (web address) of an image file on the web, and use it in your Twine passage.


Here is starter code to copy'n'paste:

<img src="">


<img src="paste the full URL here">

For example: if I search for Mario and find a picture in Google Images, I can view it and then right-click and Copy image address

This is the data on my clipboard after copying:
https://pngimg.com/uploads/mario/mario_PNG71.png

The I can write the HTML tag and paste in the url.

<img src="https://pngimg.com/uploads/mario/mario_PNG71.png">