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.

DH 02: The Human Spark 09/05/18

Primitive to say the least…
VIDEO: Tools, v2.0
READ: Old Caves
READ/LISTEN: NPR – Oldest painters
VIDEO: Lascaux is it Art?
READ: Beads
READ: Cave Jottings – Writing on the wall
Petro
READ(3): A very Foxy Gene
Pictures to Pictographs.
“A” for the bulls
I have an idea
More abstract
Egyptian pictures = history
Gimme some of that Vinca
Proto-Sinaitic script = Alphabet?
And that is just the start, folks. Hebrew, Arabic, Greek, and our very own Roman alphabet
BREAK:
VIDEO: Watch the following Documentary

ASSIGNMENT:
VIDEO: Cave of Forgotten Dreams by Werner Herzog
DESN200-MinorProject Due 09/19.

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.

DH 01: Introduction 08/29/18

Intro:
Review Syllabus
Are you a designer?
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
Makers?
3M years ago
READ: The hand Ax
Chicken or the egg?
READ: I give you, Fire!
Not that easy
Before clothes…
Modern art
Narrative and virtual space
All over the place
And by Design…

ASSIGNMENT:
AUDIO/READ: Animal design or sheer luck?
VIDEO: Kanzi – What about designing tools?
READ: The missing link?
READ: The hand Ax
READ: I give you, Fire!

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)

1 2 3 37