MIDTERM: None.

FINAL: Graduate students will create an 3D Interactive Multimedia “experience”; This 3D experience will be delivered via the web (Firefox MAC/WIN) as well as on a Hybrid (WIN 2000/XP & MAC OSX) CDROM. Students will balance the issues of real-time rendering, realistic frame rates, quality -vs- performance, number of objects, polygon and face count, texture size, Animation, textures, shadows, reflections, deforming objects, etc. in order to deliver a complete interactive 3D multimedia experience to the end user. Experience should include dynamic 3D navigation, zoom, texture control, animation, object swapping, and 3D-Browser communication.

GRADING:

• 40% Homework (functionality, content, creativity)
• 60% Final (functionality, content, creativity) [20, 20, 20]

Showing up to late class will constitute a loss of 1% of the final grade per lateness. Two absences will constitute a loss of 10% of the final grade, 3 or more absences, without a valid medical excuse will result in an “F” grade.

FINAL GRADE SCALE:

• 100% or above = A+
• 95% to 99% = A
• 90% to 94% = A-
• 88% to 89% = B+
• 83% to 87% = B
• 80% to 82% = B-
• 78% to 79% = C+
• 73% to 77% = C
• 70% to 72% = C-
• 65% to 69% = D
• 64% or below = F

EQUIPMENT:

• Students will research and document meaningful online tutorials, samples, and videos
• Unity 3D Game Development by Example… ISBN 978-1-849690-54-6
• At least one form of external media to to backup your work (i.e. CDROM, Flash drive, Firewire drive, etc.)
• Headphones (If you want to listen to music during lab time)

Lecture: “Graduate students combine ALL their skills in this class.”

Topics:

• What you need to know for this course:
  • Maya
  • HTML
  • Flash
  • Unity 3D
  • Problem solving skills (a.k.a programing/coding)

• The real power of 3D?

• What makes 3D so great?
  • http://www.forgefx.com/casestudies/prenticehall/
  • http://www.pbs.org/wnet/brain/3d/
  • http://www.secretlevel.de/submarine.htm
  • Speed Racer game
  • Unity 3D

• Online Resources:
  • Unity 3D Documentation

• 3D faculty support:
  • If you have any questions and/or need assistance with your 3D models, be sure to contact our 3D whiz/instructors Chris Redmann, Ted Artz, or Dave Mauriello to schedule regular meeting(s).
  • Email: taa28@drexel.edu
  • Email: dam89@drexel.edu

Homework 01: Due midnight the night before next class:

• Submit via email to your instructor, subject: “digm560hwk01s###jwt23″ [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
• Find a 3D web page (built with Unity 3D) and write up 5-10 sentences explaining why you like it (include url to web page).

How much control over your 3D objects do you really want to have?:

Topics:

• 3D interactivity (a.k.a “Features”) vs Content
• 3D objects
• 3D environments
• Pre-Rendered 3D images
• Pre-Rendered 3D animations
• Real-time 3D environments
• Restrictions/Guidelines:
  • 25,000 polygons total / 1,000 per object
  • Use bitmap images to fake 3D detail
• Texture map:
  • 64×64 .. 12k
  • 512×512 .. 768k
  • 1024×1024 .. 3mb
  • Tile whenever possible
  • Bitmap .. Good
  • Procedural .. 2D .. OK
  • Procedural .. 3D .. UNITY 3D support ??
• Texture animation:
  • Sequence of images
  • Video file
• Shadows:
  • Raytracing high quality but very slow
  • Soft edge shape with alpha transparency
  • Incorporate into textures (room environments)
• Reflections:
  • Raytracing UNITY 3D support ??
  • Use reflection map instead
• Deforming object “morphing”:
  • Mesh Bones / Biped
• Model animation techniques:
  • Linked hierarchies
  • Deforming Mesh with Bone or Biped

Unity 3D Overview

Homework 02: Due midnight the night before next class:

• Submit via email to your instructor, subject: “digm560hwk02s###jwt23″ [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
• Interface
  • Create your multi-layer interface in Photoshop, canvas no larger than 800×600
  • Keep in mind that your 3D environment will be 320×240 -> 640×480
  • Required items:
    • Background
    • Header/Title
  • Buttons to control 3D objects and environment
  • Reserved area for 3D environment
  • Export interface to jpeg format, under 1024 kb
  • Upload image to your web site and send me the url to the WEB html page that contains said image
  • Bring your Photoshop file to class for review
• 3D Mesh Object
  • Create an interesting SINGLE MESH object in Maya 8.0 (or 3D Max) using the Restrictions/Guidelines covered in class
  • Export to an 800×600 image, jpeg format, under 1024 kb
  • Upload image to your web site and send me the url to the WEB html page that contains said image
  • Bring your Maya 8.0 (or 3D Max) file to class of review

Optimizing 3D for interactivity:

Topics:

• Homework 02 review
• Unity 3D overview
  • Interface
  • Importing 3D objects into Unity 3D
  • Creating 3D objects within Unity 3D
  • File size
  • Naming conventions. unique models, textures, cameras, etc
  • Publishing Unity 3D to the web

Homework 03: Due midnight the night before next class:

• Submit via email to your instructor, subject: “digm560hwk03s###jwt23″ [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
• Finalize your static image user interface
• Export to an 800×600 image, jpeg format, under 1024 kb
• Upload image to your web site and send me the url to the WEB html page that contains said image
• Finalize one of your 3D objects (lights, camera, plane, x-y-z, textures, etc. so that it can be viewed within Unity 3D.
• Export your Unity 3D movie to a web format
• Modify the existing css elements in the html file so that they match the color scheme (based on your user interface)
• Post your Unity 3D movie and send me the url to the html page

Importing W3D files into Unity 3D:

Topics:

• Importing
  • Positioning
  • Model
• Camera
• lights
• Controlling 3D objects with Unity Javascript Behaviors
  • X, Y, Z
  • Zooming
  • Rotation

Homework 04: Due midnight the night before next class:

• Submit via email to your instructor, subject: “digm560hwk04s###jwt23″ [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
• Finalize one of your 3D objects (lights, camera, plane, x-y-z, textures, etc. so that it can be viewed within Unity 3D.
• Apply javascript behaviors so that the user can do the following
  • Zoom camera in and out via the “w”, “s”, “up arrow”, and “down arrow” keys.
  • Limit camera zoom so that your object is always viewable.
  • Either rotate the camera around your main object (horizontally and/or vertically) OR rotate your main object (horizontally and/or vertically).
• Publish and post your Unity 3D movie and send me the url to the html page

Flash – Director Communications:

Topics:

• Homework Review
• Customizing pre-built Unity 3D behaviors
  • Components – Camera Control
    • MouseOrbit
    • Zoom
    • MouseOrbitZoom
• Converting Photoshop layout into a HTML/CSS page
  • What are my layout dimensions
  • Find compatible CSS layout
  • Slice and Dice
  • Position with CSS

Homework:

• No official Homework – Recommend that you start
  • Start converting your static interface into HTML/CSS with button states
  • Start working on animating your 3D model(s).

Unity 3D – Browser Communication:

Topics:

• Embedding Unity 3D movies within HTML pages
  • Layout positioning with CSS
• Unity 3D calls to Browser Javascript
• Browser Javascript calls to Unity 3D objects

Homework 05: Due midnight the night before next class:

• Submit via email to your instructor, subject: “digm560hwk05s###jwt23″ [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
• Convert your static interface into functional HTML/CSS
• All “buttons” should have mouse rollover states
• Publish and post your functional HTML/CSS with your Unity 3D embedded and send me the url to the html page

Unity 3D – Advance Browser Communication:

Topics:

• Imbedding Unity 3D movies within HTML pages
  • Positioning and layering with CSS
• Browser Javascript calls to Unity 3D objects
• Browser Javascript passing parameters to Unity 3D objects
• Integrating Javascript calls with Unity 3D behaviors

Homework 06: Due midnight the night before next class:

• Submit via email to your instructor, subject: “digm560hwk06s###jwt23″ [replace ### with your class section number, replace jwt23 with your drexel email account prefix]
• Cleanup your functional HTML/CSS
• All “buttons” should have mouse rollover
• Interface should be horizontally centered on page
• Interface should have a “Reset” button
• Unity 3D should have an HTML border around it
• Publish and post your functional HTML/CSS with your Unity 3D embedded and send me the url to the html page

HTML/CSS Integration:

Topics: Before we can move forward.

• Detailed homework review

Homework 07: Have the following DONE BEFORE next class:

• Functional HTML/CSS
• All “buttons” should have mouse rollover states (rollover and down states preferred)
• Cursor should change to a finger on rollover
• Interface should be horizontally centered on page
• Interface should have a “Reset” button
• If photoshop layout had a border then Unity 3D should have an HTML border around it
• Integrate html button zoom in and zoom out functionality
• Integrate html button rotation functionality
• Unity 3D (and support files) with:
  • Complete 3D Environment and objects
  • At least one Unity 3D Animation
  • At least two Materials and Shaders you wish to dynamically swap

It’s all about control:

Topics: Controlling your 3D “world”.

• Reset Scene
• Swapping Scenes
• Swapping “Materials and Shaders”

No Class:

Topics: Have a safe and rest-full Thanks Giving week!

Fine Tuning:

Topics: Final touches.

• Animation – Play | Pause
• Sample
• Fine tuning your final project

Final Project: Due Friday 4:00 pm Dec 9th:

• Submit via email to your instructor, subject: “digm560final_jwt23″ [replace jwt23 with your drexel email account prefix]
• URL to your final project

Put in my mailbox (UCROSS room 057) before Thursday 7:00 pm Dec 8th 2011:

• Cross platform (Mac & WIN) CDROM in a plastic CDROM case.
• labeled CDROM with soft tip marker “digm560final_jwt23″
• Replace jwt23 with your drexel email account prefix
• (x)html, css, Maya files, Unity 3D project files, etc.
• How to burn true cross platform CDROM’s. [View]