All posts by admin

DH 12: Design in the Modern Era 11/14/18

MINOR PROJECT #2: Due Today – Upload to Digication
Enlightenment /Denis Diderot
Example

Birth of Industry right here in Philly
Birth of digital computing
Babbage
Diff Eng
Ancient calculator
Pascaline and innards
Automata at the FI
VIDEO: Lost art of Automatons alive
VIDEO: Diff Engine in action
VIDEO: TED ED
Countess
Jacquard Loom in acton and results
First Computer, that never was…
…but may still be

What is it?
Modernism in a Painting…
or two.
A new Visual Language
Modernist Architect
Sagrada Familia, inside and outside
The Basilica
Parc
At around the same time
Casa Batllo: Dragon
La Pedrera
VIDEO: Craft Movement
Examples: Form and Function
Furniture, and much more
VIDEO: Bauhaus in a Nutshell
The Bauhaus

ASSIGNMENT:
VIDEO: Walter Gropius – The Dessau Bauhaus
READ: We all live in a Bauhaus

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.

DH 11: AGE OF ENLIGHTENMENT 11/07/18


Some of the Greats
Map: Italy
Map: Europe
The Press leads to a backlash
Changed the world
Age of Science continues
Dennis D’s Wikipedia
VIDEO: His Encyclopedia
Classification EN
Revolution
Art and design of the times

Machine Tools – Example
Water Power Plus
Steam Power
The Steam Age
Powered Transportation
How does it work?
French Steel
Penn Hospital is born from the Enlightenment.
Industry
Canal
Philly Steel

MINOR PROJECT #2: Due 11/14/18
Enlightenment /Denis Diderot
Ex:

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

DH 10: THE RISE OF THE INDIVIDUAL DESIGNER 10/31/18

VIDEO: You were supposed to Watch
Original design: The Wheel
Classics in style
Leo
Designer vs Artist?
Peas in a pod?
Works
Fame from important painting and drawing. Classic!
The Human Form
And then the gears of war
Hand of David
La Mama Mia
Technological Leap called a “lock”
Add a wheel…
Crank and Rod

Valuable? Hell yes!!!
READ: Leonardo or Michelangelo: who is the greatest?

WATCH:
Leonardo da Vinci Technology

MINOR PROJECT #2: Due
Enlightenment /Denis Diderot

and finally…

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…

DH 09: Cartography – Map to the Renaissance 10/24/18

Don’t forget the buildings…
Time
There’s a starman waiting in the sky
First Atlas
Is this a map?
Survey all of the land
Egypt and Geometry
One of the oldest
World according to Greeks
Silk Map
Tabula
Medieval World
The age of exploration
History of Cartography.
We are used to this. Have a look at older examples I brought in.
Compare
READ: 12 Maps

Proto Movable type
Pictograph to actual “writing”
Before Printing Press. Tiresome but lovely….
Pre printing
The mother of all printing presses.
Significance of the mint
My man, Johanne
Holy MT!
Who paid for this?
Luther and the broadsheet and how he went “viral”
Changed the world?

READ: Luther went “Viral”
VIDEO: Watch

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

1 2 3 38