Category Archives: CAS

Computer Art Studio

CAS 12: Narrative 11/18/19

REVIEW: Terrain

1. Simple Animation and Basic keyframe
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?
A Different approach: Branching Structure
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.

LAB 12: Narrative
UNITY – Try animation and finish your Terrain.
Narrative: Examine the software options above.

FINAL PROJECT: Create and interactive narrative using any of the software solutions introduced. This includes Unity and Twine, or any other solution we have covered (HTML, Adobe XD, etc). Due last day of class – December 9, 2019

CAS 11: Unity Cont. 11/11/19

REVIEW:
4 classes left where we will focus on Unity and your final project.

The final Project includes all elements covered with an emphasis on planning and process.

Unity for Art:
Get the software
The interface Intro
Another
First Project

Terrain:
Try to create a 3D terrain in Unity
Documentation
Video
More options?
Use the store

Animation:
Basic concepts

LAB 11: Terrain + Animation + Final
– Keep working on your 3D terrain. Use asssets (Show next week)
– Try either 2D or 3D Animation (Show next week)

CAS 10: UNITY 11/04/19


REVIEW:
Live Streaming and Serialized Video in the books. (multiple software tools)
Process and Prototyping (Adobe XD or others)
Animation and Video (AfterEffects and Premier)
Photoshop
Illustrator

5 classes left where we will focus on Unity and your final project.

The final Project includes all elements covered with an emphasis on planning and process.

Unity for Art:
The interface Intro
Another
First Project

LAB 10: Unity – Terrain
Try to creat a 3D terrain in Unity

Resources:
Documentation
Video
More options?

CAS 09: Streaming + Unity 10/28/19


REVIEW:
1. Serialized content – at least 3 episodes on any platform (Youtube, Vimeo, Instagram, etc)
2. Archive of one live streaming event: must be at least 20 minutes long. Must include interaction with a virtual audience.
3. For serialized content, besides a link, I would like to know the software you used
4. For live streaming, I would like to know the platform used, and a link to an archive.
5. Post everything on your blog!

Unity for Art: Next Week

CAS 08: Streaming – Live and Archived 10/21/19


REVIEW:
Serialized Content
From Last week
Some Student Examples

Video Editing: Software
iMovie, Adobe Premiere Pro, etc
Serialized content now appearing on Instagram.
-Read Article
No need for iMovie, Adobe Premiere Pro, etc?

LIVE STREAMING:
1 Periscope
2 Facebook Watch
3 YouTube Live
4 Instagram Live
5 Twitch
DEMO: Examples in class
Add a camera?

LAB 08: Streaming
Prepare your plan for streaming content that is due next class. By the end of today, email me with your proposal for 1) Serial archived content, 2) Live streaming event.

For next week:
1. Serialized content – at least 3 episodes on any platform (Youtube, Vimeo, Instagram, etc)
2. Archive of one live streaming event: must be at least 20 minutes long. Must include interaction with a virtual audience, Must be archived

CAS 07: Midterm + Streaming 10/14/19


REVIEW:
DUE TODAY:
01 Research. What are you planning, who is it for? How will users interact with it?
02 Empathize. Usability. Sketches – User Scenario. UIX map.
03 Create. Wireframes Sketches and Digital versions. Moodboard
04 Test. Lo-Res Prototype (User test!)
05 Final Moodboard
06 Build: Create Final Prototype (Hi-Res)
– Final should be “clickable/functional”
– MUST INCLUDE ANIMATION
– Cross-Platform: Will work on PC, or MAC OS.

The process must be followed in order. Provide links to all the material on your blog and send me the URL. Due by tonight at 11:59 PM. No late work accepted.

STREAMING MEDIA:
Combining Audio, Video content on a global publishing platform with real-time capabilities. That is a T.V studio in a laptop, but with interactivity, that traditional T.V. does not have. Think of the possibilities!

We approach streaming media in two primary flavors – Serialized content and live streaming.

Serialized Content:
What is it?
Some Examples
Web Series
Who needs Youtube?
Some Student Examples

Live Streaming:
1 Periscope
2 Facebook Watch
3 YouTube Live
4 Instagram Live
5 Twitch
Why Live?
This used to be common with sites such as justin.tv, ustream.com, etc.
But, technology evolves and streaming is quickly becoming a core service.
Facebook Live
Youtube: Same deal.
A “how to”…
Privacy Issues? Use filters on FB
Ideas and examples

LAB 07: Midterm
Complete your midterm. Due tonight. Make sure your Prototypes and “stand-alone” and clickable.

CAS 06: Animation + Midterm 10/07/19


REVIEW:
Make sure you have material to show (see below). The feedback you get here should inform you High-Resolution Prototype due next week –

Present:
01 Research. What are you planning, who is it for? How will users interact with it?
02 Empathize. Usability. Sketches – User Scenario. UIX map.
03 Create. Wireframes Sketches and Digital versions. Moodboard
04 Test. Lo-Fi Prototype

ANIMATION:
1. GIF (Example:)
2. Ai to Ae
3. Animate in XD
4. Text Animation in Ae?

Screen capture?
PC?

LAB 06: Final Prototype – Midterm
DUE NEXT WEEK:
01 Research. What are you planning, who is it for? How will users interact with it?
02 Empathize. Usability. Sketches – User Scenario. UIX map.
03 Create. Wireframes Sketches and Digital versions. Moodboard
04 Test. Lo-Fi Prototype (User test!)
05 Final Moodboard
06 Build: Create Final Prototype
– Final should be “clickable/functional”
– MUST INCLUDE ANIMATION
– Cross-Platform: Will work on PC, or MAC OS.
07. Test

CAS 05: Lo-Res Prototype 09/30/19


REVIEW:
– Work towards finalizing Usability (Are your scenarios complete. Think about the entire process such as finding and using your proposed UI – on Steam, downloaded, on Apple Store., etc)
– Work towards finalizing Wireframes. Complete all the interfaces needed
– Moodboard – Show next week
– Start Prototyping (Select software)

Present

PROTOTYPE:
Refer to this Process:
01 (Research) thought out. What are you planning, who is it for? How will users interact with it? You had an idea last week. Create a “Requirements Document”.
02 Empathize. Usability. User Scenario. UIX map. Talk about options.
03 Create. Wireframes and Moodboards
04 Test. Lo-Fi Prototype (DETAILS)
05 Develop. High Resolution, Functional prototype
Add animation?

Work on the first version of a UI Prototype. As detailed as needed.

LAB 05: Usability + Prototyping
Next Class, be ready to present:
01 Research. What are you planning, who is it for? How will users interact with it?
02 Empathize. Usability. Sketches – User Scenario. UIX map.
03 Create. Wireframes Sketches and Digital version. Moodboard
04 Test. Lo-Fi Prototype

CAS 04: Prototyping + Frameworks 09/23/19


REVIEW- Create:
02 Empathize. Usability. User Scenario. UIX map. Talk about options.
03 Create. Wireframes and Moodboards (Style Sheet)

HTML/CSS:
2 HTML pages, with images and links. Link to each other and back + external links

PRACTICE:
Back to Process
Wireframes need context
ProtoExamples for reference
Resources for prototyping
Note – Final “Development” is a High Resolution Prototype, built in HTML

Comments are useful.
iframes are everywhere.
Links:
– HTML link attributes
Examples,
HTML depends on file paths
Path demo. Should end up at this LINK. You can also download the files
E-mail link magic
Images:
Review “Forms”:this is for develping prototypes.

With the HTML/CSS you have been exposed to, you can now consider using frameworks for your final prototype. This will save you a lot of time.

LAB 04: Process Continued
– Work towards finalizing Usability (Are your scenarios complete. Think about the entire process such as finding and using your proposed UI – on Steam, downloaded, on Apple Store., etc)
– Work towards finalizing Wireframes. Complete all the interfaces needed
– Moodboard – Show next week
– Start Prototyping (Select software)

CAS 03: UI + Prototyping 09/16/19

null

Refer to this Process:
01 (Research) thought out. What are you planning, who is it for? How will users interact with it? You had an idea last week. Create a “Requirements Document”.
02 Empathize. Usability. User Scenario. UIX map. Talk about options.
03 Create. Wireframes and Moodboards
04 Test. Lo-Fi Prototype
05 Develop. High Resolution, Functional prototype

This is the process leading to the midterm (Process + High Resolution, Functional prototype)

Introduction to HTML/and Web Development:
Practice Code.

Software:
Editors – BBEdit, TextWrangler
Brackets
My new favorite
Dreamweaver??

Practice:
W3
HTML: START
Review:
– Setting up a development environment
– Viewing Code
– Testing code
– Version control
Image Map?

LAB 03: Usability and HTML
Create:
02 Empathize. Usability. User Scenario. UIX map. Talk about options.
03 Wireframes.

HTML/CSS:
2 HTML pages, with images and links. Link to each other and back + external links