Category Archives: PFC

PFC 12: Animation + Prototyping

Today:
– Work on Character/Concept Art revisions
– Animation: Work on Concept, Art and storyboards. Review in class.
– Think about the type of Prototype you want to make. Talk about the proposed prototype next week

Final Project – Due 12/11/18.

CREATE A DIGITAL INTERACTIVE EXPERIENCE:
You may use any technology we covered (JavaScript, Unity, HTML).

Create a digital program that is interactive and includes the following:
1. Some type of animation/video (Introduction, credits, cutscenes, interludes, etc.).
2. Characters or Environments (well thought out and crafted)
3. Audio
The final project does NOT have to be a video game, but it MUST be interactive.

We will be following a generic Development Process to help manage your project. The assignments are divided into three parts –

Pre-Production:
1. Design document – This document specifies the primary aims of the interactive experience and describes the user interaction and outcomes. Example. Is the design actually achievable?
2. Concept art and/or character creation.
3. Prototyping – Paper or Digital
4. Animation concept and storyboard.
5. Detailed Technical Specification – explaining what kind of technology will be utilized for making the experience. What kind of engine it would work on?
6. Project Plan – Production Schedule with delivery dates.

Production:
1. Flowchart
2. Coding the project
3. Final output (HTML, Unity Build, WebGL, etc.)

Post-Production:
Testing
Distribute.

Lab 12: Animation, Prototyping, and Technical Specs –
Present Animation demos or concepts
Work on Prototyping plan, Technical Specifications, and Project Plan.
These are due and will be reviewed on 11/27/18. After the Holiday break, be prepared to present a working prototype and Project plan.

PFC 11: DEVELOPMENT PROCESS 2

DID YOU VOTE?!!
Final Project – Due 12/11/18.

CREATE A DIGITAL INTERACTIVE EXPERIENCE:
You may use any technology we covered (JavaScript, Unity, HTML).

Create a digital program that is interactive and includes the following:
1. Some type of animation/video (Introduction, credits, cutscenes, interludes, etc.).
2. Characters or Environments (well thought out and crafted)
3. Audio
The final project does NOT have to be a video game, but it MUST be interactive.

We will be following a generic Development Process to help manage your project. The assignments are divided into three parts –

Pre-Production:
1. Design document – This document specifies the primary aims of the interactive experience and describes the user interaction and outcomes. Example. Is the design actually achievable?
2. Concept art and/or character creation.
3. Prototyping – Paper or Digital
4. Animation concept and storyboard.
5. Detailed Technical Specification – explaining what kind of technology will be utilized for making the experience. What kind of engine it would work on?
6. Project Plan – Production Schedule with delivery dates.

Production:
1. Flowchart
2. Coding the project
3. Final output (HTML, Unity Build, WebGL, etc.)

Post-Production:
Testing
Distribute.

Today:
Talk about Design Document Draft,
Review Character and Concept Art.

Lab 11: Design Document
– Work on Character/Concept Art revisions
– Animation: Work on Concept, Art and storyboards. Review in class next week.
– Think about the type of Prototype you want to make. Talk about the proposed prototype next week

PFC 10: Development Process

This is the final third of the semester and it will be focused on your final project. Final Project – Due 12/11/18.

CREATE A DIGITAL INTERACTIVE EXPERIENCE:
You may use any technology we covered (JavaScript, Unity, HTML).

Create a digital program that is interactive and includes the following:
1. Some type of animation/video (Introduction, credits, cutscenes, interludes, etc.).
2. Characters or Environments (well thought out and crafted)
3. Audio
The final project does NOT have to be a video game, but it MUST be interactive.

We will be following a generic Development Process to help manage your project. The assignments are divided into three parts –

Pre-Production:
1. Design document – This document specifies the primary aims of the interactive experience and describes the user interaction and outcomes. Example. Is the design actually achievable?
2. Concept art and/or character creation.
3. Prototyping – Paper or Digital
4. Animation concept and storyboard.
5. Detailed Technical Specification – explaining what kind of technology will be utilized for making the experience. What kind of engine it would work on?
6. Project Plan – Production Schedule with delivery dates.

Production:
1. Flowchart
2. Coding the project
3. Final output (HTML, Unity Build, WebGL, etc.)

Post-Production:
Testing
Distribute.

Lab 10: Design Document
– Work on Design Document Draft, and start Character and Concept Art. Due next week.
– 3 PM – Guest speaker – Robert Nally
and finally…

PFC 09: 2D + Narrative II

Interactive Narrative Projet:
Keep working on your 2D narrative Projects. They will be presented this afternoon, starting at 2PM.
Resources:
Tools: Twine
Tools: Scratch
Tools: More available for 2d and Interactivity. Free at the Asset store.
Distribution
You may consider GitHub for version control and support….

Lab 09: Narrative II
Think about presentation format:
– Build
– WebGL (HTML)
– Project Folder
– Twine to HTML
Present to the class starting at 2PM

PFC 08: 2D and Narrative

SHOW: Create simple animation using the built-in Unity tools. It could be as simple or complex as you want. Show it if you have it.

Interactive Narrative?
Examples
A Different approach: Branching Structure
Lets talk about 2D and Unity
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: Scratch
Tools: More available for 2d and Interactivity. Free at the Asset store.
You may consider GitHub for version control and support….

Lab 08: Narrative
This is working towards a 2D, interactive narrative. It can be sprite based or even text-based.
Focus on the narrative and interaction and experiment with Twine AND Fungus.

Moving away from the code. Come up with an Interactive narrative using a branching Structure. Will you include images, animated Gifs, Video, etc? Quick Review before class ends

PFC 07: Animation in Unity

Results: “Roll-a- Ball” – Custom
It does not even have to be a ball. Present your interactive programs.
*BEFORE: Make sure your build works on PC and Mac. As a back-up, bring a copy of your project folder. Present.

Physics + Animation
The primary tutorials can be found here:
3D Physics
Animation

But if you want a very basic explanation, try these:
1. Collider and Rigidbody Basics
2. Simple Animation and Basic keyframe

But, you should also research other resources (in other words, Google)
Start simple, learn the basics first.
Here are some Free Assets

Put it all together…

Lab 07: Animation
Review the resources provided a bove.
Create an animation in Unity. You can choose any type of game object.
Start with a basic example and work your way up
Try playing with camera settings to achieve a “cinematic” feel.
Present next week in class. REMEMBER: Come prepared with a Build and Project folder ready to show.

PFC 06: Ball Roll – Physics and control

A lot to learn from Tutorial
Movement:
DEMO:
Remember to use a flow chart along with the turotials.

How far along are you?
Customize the experience as much as possible.
Change terrain, colors, movements, etc. Experiment.
This will help:
Inputs and the input manager
Video tutorial for the input manager

Lab 06: Roll a Ball – Custom
Models, Materials and Textures:
Useful files
Importing
Adding texture

Work on your Ballgame and Customize. Present next week in class, either as a Build, or using your project folders

PFC 05: Variable, Functions, IF, Loops

FROM LAST CLASS:
API

Review HW: On USB drive, put your build AND your project folder (for back up).

type NameOfvariable = value;
For Components, need to know GameObjects
– Unity has lots of different built-in component types, and you can also make your own components using the Unity Scripting API.
– A GameObject contains components.
IF statements, Loops, Awake + More
Conditions
Damage – Reductive function
Flow chart…

REVIEW:
GetKeyDown
Read about Inputs
More about Inputs
GetComponents

Lab 05: Rolling balls
Someting to look into: Creating cross Platform Builds

Project Due in 2 weeks.: Use the tutorials and the game to practice scripts and try to get all the functionality SHORT of keeping SCORE. Try not to make an exact copy. Try a different environment or playing surface. Experiment. We will review next week.

Next week: Review progress. Talk about scores and functionality. Terrain + materials. Polish your game by adding environmental features and introduce scoring.

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. Here 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.