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

DH 12: Design in the Modern Era 11/15/17

Diderot
Map
Industry
Birth of digital computing
Babbage
Diff Eng
Ancient calculator
Pascaline and innards
Leibniz wheel
Automata at the FI
VIDEO: Lost art of Automatons alive
VIDEO: Diff Engine in action
VIDEO: TED ED
Countess
Live hard, die young
Jacquard Loom in acton and results
First Program
First Computer, that never was…
…but may still be

Sagrada Familia, inside and outside
Casa Batllo
Modernism in Painting
VIDEO: The horse in motion (Eadweard Muybridge)
Examples: Form and Function
VIDEO: Craft Movement
VIDEO: Bauhaus in a Nutshell
VIDEO: Walter Gropius – The Dessau Bauhaus

ASSIGNMENT:
READ: We All Live in a Bauhaus

MINOR PROJECT #2: Due 11/20/17
Enlightenment /Denis Diderot

WDS 11: WP & PROCESS 11/14/17

INTRO:
Documentation due 11/14/17
Present in class (prototype and interface)!

Domain + Hosting:
Start migrating Homework to your server.
Install WP. Play!

REVIEW:
Chapter 9
– Review posting files to your server using FTP
– Make sure WordPress is installed and working on your server
– Explore WP. Change the theme, customize, post, play

To Swipe?
– WordPress does it for you
– More mobile me
jquery picks
ready to slide?
– How about forms? Examples
– Forms – Adding PHP and functionality.
Example
Download the code

NEW:
JS Redirect:
How to redirect?

STUDIO 11: WP and Final
Sources to Review:
– Intro to frameworks
Fluid Template
Responsive Designs
Start organizing tasks for you final development.

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.

WDS 10: CSS Tricks + Process 11/07/17

REVIEW:
Make sure you have completed the following:
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)
Process: Due Today
– User Experience
– Site map
– Wire Frames
– Prototype

PROCESS + PROTOTYPING
REQUIREMENTS:
– Who is the site for, Why would people Visit this site, What are your visitors trying to achieve? What information do your visitors need?
DELIVERABLE: Requirements, Target Audience, Research/sketches

USABILITY (UIX):
DELIVERABLE: User Scenarios, Usability maps, Competitive Analysis

SITE STRUCTURE
-Generating schematic wireframes for key interfaces and interactions:
Site map
User experience/wireframes
Wireframes. Some tools
Deliverables: Site Inventory/Site Map,. Layout grids (Wire frames and HTML Prototype

Resources:
Sketches
Sketches 2
Digital
With annotations
With Annotations 2

PROTOTYPING:
Examples

Resources:
Prototyping tools

DESIGN:
-Designing the visual interface:
Template mock-ups in PSD or IA.
Deliverables: Interface in JPG

OUTSTANDING ISSUES:
– Think ahead. What do you think will be challenges to development? Keep a list trhough project life cycle

DEVELOPMENT:
-Technical Production: Deliverables: Alpha Site
-QA: Testing. Deliverables: Bug List, Beta Site
-Launch: Deliverables: Final Site

HOSTING:
Buy a domain name AND hosting.
Look for Basic hosting, Linux (NOT WINDOWS)
Demo FTP and file upload

WORDPRESS:
– Install! First, need to get it
– A “how to”
WP customize
– More WP custom
– WP theme mods
– WP theme customization
– More WP tips

Studio 10:
Sources to Review:
More on the Hover
Advanced Hover effects
Zen Garden

PROCESS:
Work on your final Interface.
Documentation due 11/14/17
Present in class next week

HTML/CSS
Read Chapter 9
Start migrating Homework to your server.
Install WP. Play!

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.

WDS 09: Advanced CSS + Process 10/31/17

REVIEW:
HOMEWORK (Show):
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try CSS Drop down
– Try Media query (color change)

READING:
From Chapter 16, rollovers.
Why? Pseudo-classes work just fine…
JS tried and true, but sooooo 1999
Better but tricky (book, pg 418)
Something easier… Demo.
More Info

LAYOUT:
Inline vs float
Remember This? Try using the above instead

PROCESS:
-Generating schematic wireframes for key interfaces and interactions:
Deliverables: Site Inventory/Site Map,
Layout grids – Wire Frames.
Wire frames should be worked up to scale.
Virtual Space is as old as art.
Stats for size
Think of a grid
Stats for Browsers
Don’t forget the “Mobile” Experience
Mobile sizes are helpful.
You need a strategy

PROCESS + PROTOTYPING
REQUIREMENTS:
– Who is the site for, Why would people Visit this site, What are your visitors trying to achieve? What information do your visitors need?
DELIVERABLE: Requirements, Target Audience, Research/sketches

USABILITY (UIX):
DELIVERABLE: User Scenarios, Usability maps, Competitive Analysis

SITE STRUCTURE
-Generating schematic wireframes for key interfaces and interactions:
Site map
User experience/wireframes
Wireframes. Some tools
Deliverables: Site Inventory/Site Map,. Layout grids (Wire frames and HTML Prototype

Resources:
Sketches
Sketches 2
Digital
With annotations
With Annotations 2

PROTOTYPING:
Examples

Resources:
Prototyping tools

DESIGN:
-Designing the visual interface:
Template mock-ups in PSD or IA.
Deliverables: Interface in JPG

OUTSTANDING ISSUES:
– Think ahead. What do you think will be challenges to development? Keep a list trhough project life cycle

DEVELOPMENT:
-Technical Production: Deliverables: Alpha Site
-QA: Testing. Deliverables: Bug List, Beta Site
-Launch: Deliverables: Final Site

Studio 09: CSS/HTML
In Class:
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Process: Due Next week.
Come in with completed:
– User Experience
– Site map
– Wire Frames
– Prototype

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

1 2 3 33