Category Archives: PFC

PFC 02: Programming – Core Concepts

Final Syllabus F18
The Microchip. Evolution
Gaming
Tennis for 2
DEC computer
Stevie R
Inspiration comes in many forms
The Game!
Video Game Industry Pioneer
Computer Space for the masses
His company and that name
First is not always best
Much better!
Birth of an industry

Get it before next class
Let it Flow
Start
Back to P5

Lab 02: JS and P5.JS
Try a “Hello World!” program in Javascript
Hello World! – JS example
Variables?
Try Calling a function in JavaScript
P5.JS – Start Here.
Try the “Your First Sketch” on this page.

1. Create a “Hello World” in JS, both as an alert AND written on the HTML page. Now Create a “Hello World!” ALERT* in P5.JS.
2. P5.JS – Turn in “Your First Sketch” with simple modifications.
3. P5.JS – Review the “Overview”. Using as many of the features as possible, create a simple animation or interactive script. Start with a Flow Chart of your own design. We will review next week. NOTE** Do not worry about making it “work”. You are beginners. I want you to get used to the process and the steps to accomplish your goal.
4. Send me sketch.js and .html files via email OR shared on Google drive. Make sure you save the names in a way that I can tell them apart, ex. “sketch_HW.js”

* P5 is for drawing, so it is not easy to write. Of course, there is always a way. Extra credit if you can figure out a way to “write”, “Hello World!” in the P5 environment.

PFC 01: Intro

Fall ’18 Syllabus
Using HTML and CSS
P5.js exmples:
Animation + interaction
Collision
Keys
Three.js
Examples
Combine with 3D and Unity…
A look at P5.js
What is a game engine?
Editor
Game Engine we will use
Get it before next class
Power of Unity
Simple Narrative (not Unity)
HyperCard (USB)
Unity terrain (3D)

How does it work?
Grandfather of computing
Diff Eng
Pascaline and innards
Program
DE gears: Analog Computing
Mechanical Counters
Measure Distance
Differential Analyzer and other Analog Computers
Analog Computing is $$
Konrad Zuse
Enter ENIAC
Before ENIAC, but Classified
The role of women in Programming

Lab 01: P5.JS
Resources to help you:
color
P5

PART 1:
Play with real-time editors
– This is a great way to play with values and statements to change the appearance and functionality of the experience. Try it. Change values, both numbers, and t/F statements. See what happens. What can you deduce from your experiments?

Download any editor: Atom, Brackets, etc.

PART 2:
Download P5.zip
– File path demo
– Change values and observe what happens.
– I will go around the room to verify.

Narrative: Old School (Demo – using HyperCard)

PFC 15: Final Presentation

Present Finals: 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.

The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).

PRESENT IN CLASS:
– Talk about inspiration
– What is missing? Anything you would have liked to include?
– Make sure your published builds have been tested

All Unity based projects and assignments should be presented as a “Published Build”

Twine Projects should be “published” as HTML

.zip and email to me: jparada@uarts.edu

PFC 14: Final before your Final

REVIEW ASSIGNMENT:
Due 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.
The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).
Present your project as a “Published Build” in class on 12/11/17

DEMO:
Interactive Narrative and found Art

FINAL DELIVERABLES:
All Unity based projects and assignments should be presented as a “Published Build”
Twine Projects should be “published” as HTML

PFC 13:

REVIEW ASSIGNMENT:
11/27/17 – Be prepared to talk about your plan for final project.
What are you doing?
What are the challenges?

Adding Dynamic Elements:
For Twine users, consider including animated GIFs
Besides Photoshop, many resources exist.

Objects:
OOP in Unity
Video 1
Video 2

Presentation:
Scene to Scene?
Lear more about “Stand alone”. Publishing Builds.
Resource for Standalone Player Settings
You can even port Unity to the Web
Please Publish a minor Build by next week (12/04)

FINAL PROJECT:
Due 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.
The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).
Present your project as a “Published Build” in class on 12/11/17

PFC 12:

REVIEW ASSIGNMENT:
Deliver a narrative, interactive, experience in 2D. Present in class.
Similar resources:

So far..
– 2D and interactive narrative
– Create simple animation using the built in Unity tools.
– Did you complete your environment? Take a screen Shot and email to me
– CREATE a very simple game in Unity with player movement, and collisions.
– Unity environment
– Functional coding

What is next?
– Object Oriented Programming
– Pulling it all Together

FINAL PROJECT:
Due 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester (see list above)
The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).
Present your project in class on 12/11/17
Be prepared to talk about your plan on 11/27/17

PFC 11:

REVIEW ASSIGNMENT
– From last class – Turn in, .zip project assets and scripts. Either email to me OR if they are large, put on Google Drive and share with me.

Come up with an Interactive narrative using a branching Structure. Quick Review before class ends
Experiment with tools such as Twine and Fungus (see links above).
This is working towards a 2D, interactive narrative due 11/20. It can be sprite based or even text based.
Focus on the narrative and interaction and experiment with Twine AND Fungus.

Tools: Twine
Tools: More available for 2d and Interactivity. Free at the Asset store.

ASSIGNMENT:
Deliver a narrative, interactive, experience in 2D. Present in class next week.

PFC 10:

REVIEW ASSIGNMENT:
1. Did you complete your environment? Take a screen Shot and email to me (Make sure this has been sent)
2. CREATE a very simple game in Unity with player movement, and collisions. This is based on the Tutorial Show in class.
– To turn this in, please .zip project assets and scripts. Either email to me OR if they are large, put on Google Drive and share with me.

3. Create simple animation using the built in Unity tools. Show it if you have it.

Lets talk about 2D and Unity
A Different approach: Branching Structure
Live Examples at itch.io
This is really just paths. Decisions mean different paths but can we make it more complex?
Points – based on actions , you accumulate points. This could determine paths taken.
Tools: Twine
Tools: More available for 2d and Interactivity. Free at the Asset store.
You may consider GitHub for version control and support….

ASSIGNMENT:
Moving away from code. Come up with an Interactive narrative using a branching Structure. Quick Review before class ends
Experiment with tools such as Twine and Fungus (see links above).
This is working towards a 2D, interactive narrative due 11/20. It can be sprite based or even text based.
Focus on the narrative and interaction and experiment with Twine AND Fungus.

PFC 09:

You were supposed to get as far as possible in this Demo
Moving Camera and Setting up Walls and Play area
Creating game objects and collecting them with collisions
Code examples? Use mine, so far

Get started on Animation

ASSIGNMENT:
Create simple animation using the built in Unity tools.
Did you complete your environment? Take a screen Shot and email to me
CREATE a very simple game in Unity with player movement, and collisions. This is based on the Tutorial Show in class.

Coming up next: 2D and Narrative