Category Archives: PFC

PFC 04: Intro Unity Scripting

Remember, “Hello World!”?
Functions in JS
Unity from now on…
Review if you need to.
Start with Syntax
Look at the code. What is MonoBehaviour?
Scripts in Unity
Variables and Functions
What is an API and how will it help me?
Try calling a function in Unity (look up and Demo in our afternoon lab)

Start here: 1-6
What is the difference between JS and C#?

Lab 04: Unity Scripting Intro
I. Try a “Hello World!” program in Unity. There are a few ways to do this – SEE DEMO
>>1. It can appear in Debug.log –
{
Debug.Log (“Hello, World!”);
}

>>2. It can appear in the Game window once the scene is “played”:
void OnGUI() {
GUILayout.Label (“Hello, World!”);

}
>>3. Also a JS version.
— You do not need to turn any of these in. Just make sure you got it to work.

II. Watch Video – Now build your own example

III. Now, apply a GameObject with a script to your environment. Make it do something (change color with keystrokes, bounce, roll – if it is a sphere, etc) – DEMO in Class. Now turn in as a BUILD. Her is what the finished APP looks like…

IV. Review IF statements and Loops for next week.

PFC 03: Intro to Unity

FROM LAST WEEK:
Review assignment –
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 (You can put in Comments) 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.

Introduce the software:
Tutorials
Review other options such as documentation and FAQ
A good place to start.
Interface Essentials

Lab 03: Intro to Unity
Review unity basics
– Interface
– File structure
– Familiarize yourself with Textures and Materials

Resources:
Documentation
Video
More options?

ASSIGNMENT:
1. Create a 3D landscape using the built-in Unity tools.
2. Take a screenshot and email to me.

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.