Monday, February 26, 2007
FLASH: Interactive Interfaces
the link should be opened in "SAFARI" not firefox... i had some css/php compatability issues that may, or may not, eventually be resolved.
SEMINAR SCHEDULE & TOPICS - 2007
February 5 : Andy Morris : Ambient Devices
February 26 : Lynda Cheong – Flash : Animation
Geoff Inwood : Flash : Interactive Interfaces
March 5 : Cathy Lam, Emad : Online Gaming
Mike Fenn : Online Gaming Dangers
March 12 : Antonella Clemenz – Windows : web art production and techniques
Interactive Storytelling : Jamin, Lindsay
March 19 : Elia Morrison : Public Art and the Internet
Ashley Knight : Space : Virtual Galleries
Sarah Zaft & Ben Prus – Audiocasting : Uses and Techniques
March 26 : Paul Zulawf : Online Media Activist Entities
Archives : Lee and Sheena : Archives
April 2 : Jessie Craig : Celebrity Gossip Blogs
MID-TERM PRESENTATIONS
• core photography, design or drawing for the home page and overall look of the project
• designs for navigation elements (links)
• writing (stories, summaries, non-linear narratives, descriptions)
• visual images in .jpeg, .gif or .png formats, for example character sketches, background elements, photos.
• completed animations or keyframe images for animations
• multimedia files including audio and video to be included
• a prototype page or more than one page
• a list of questions and considerations -- things you need extra feedback about
These materials can be presented from your web sites or from any form of digital storage media, for example CD Rom, removable Flash drives, USB memory keys or on DVD. You may also bring in printed matter such as drawings and photographs if necessary. You may use PowerPoint if this is helpful to present your material.
If you are unable to present your midterm this week, please be prepared to do so next week (March 5). Any questions? Let me know in class.
Best,
Judith
mike fenn's update
Saturday, February 17, 2007
MID TERM PRESENTATIONS
What should I have ready for week 7?
2.) Has anyone been invited to the OCAD server space?
Ben Prus
Wednesday, February 14, 2007
Serious Flash! These are some examples that need to be checked out.
Firstly I would ask that anyone interested in incorporating video with flash definitely check out
elaborations flash showcase! this is truly a piece of work. Take special note of the interactive real time video that acts as their background... it's really something else.
Check it out at www.elaborations.co.uk/flash/
Also I would suggest that anyone who is interested in how far you can take flash in terms of creating an absolutely mind blowing interface should check out 2Advanced's latest development on their site, another example of the flash environment being pushed to it's limits.
Check it out at www.2advanced.com
hope this helps with some inspiration!
-Geoff
Tuesday, February 13, 2007
Flash Wanna-B
Now with this in mind and a lack of an idea I thought back to when I was younger and all the kids that always wanted to start a band.
I thought that for my project though perhaps large, I would make my flash website be about a fictional group consisting of members of only myself. I want to make this site semi real to the viewer so that it could be confused for a real bad band.
With that being said my website will hold fake or real (whichever way you want to look at it) music videos that I create about myself, recordings of songs, though I cant really sing, photoshoots of myself who will be the lead singer, guitar player, drummer, and so forth.
I would really just like to have a flash page but by creating it this way perhaps it would be a little more fun and challenging in many more ways then just computer bases.
future cinema blog
Monday, February 12, 2007
Draggin objects in flash using a custom function
otherwise you can follow my shawdy instruction below to create your own fla file
1. make a circle and a rectangle (it's best if their different colors) and convert each into it's own movieclip symbol (select the circle press "F8" select movieclip and give the symbol a name, then do the same for the rectangle)
2. Delete Everything from the stage. in your library you should have 2 movie clip symbols
3. draw a new rectangle (make it a different color than the circle) select the rectangle and press "F8" and once again select movie clip and give the symbol a name. then select the rectangle again and in the properties window give it an instance name of "rectangle2_mc"
4. double click on the rectangle on the stage. this will allow you to change the content of your movie clip. (make sure you are in the movie clip by looking above the timeline).
5. Drag a copy of your circle onto your rectangle.
6. select the circle and give it an instance name of "cirlce2_mc"
7. go back to your main timeline by clicking on SCENE 1 (it's above the timeline)
8. on the stage there should be the instance "rectangle2_mc" and there should be 3 movie clips in your library. (the rectange, the circle, and the other rectangle with the circle inside it)
9. drag a copy of the rectangle onto the stage. and give it an instance name of "rectangle_mc"
10. drag a copy of the circle onto the stage and give it an instance name of "circle_mc"
11. double check that on your stage you have an instance of each of the three movieclips in your library on the stage and that they have the proper instance names.
12.Create a new layer. Name it actions and LOCK IT!
13. select the first keyframe of the actions layer and open the actions window
(F9 on pc, alt+F9 for mac)
14. Paste in the action script below.
//this block of code outlines the start drag function
//this means that every time you call dragIt; (the function below) it will
//exicute the block of code, which does two things. First it
//it exicutes the startDrag(this); command and then
//it exicutes a second function contained within the first
//that runs the stopDrag(); comand when the draggable item
//is released
// it is important also to note that "this" refers to whichever instance is calling //the function "dragIt".
function dragIt()
{
startDrag(this);
this.onRelease = function()
{
stopDrag();
}
}
// this will probobly make more sense when you see how it works...
//Lets use the function!
//we must state what !"""INSTANCE"""! on the stage will exicute the function
// and when. the code below simply states that on "pressing" the instance //"rectangle_mc"
//it will exicute the dragIt function. this means that as long as the mouse button is //pressed down you will be able
//to drag rectangle_mc all over the stage. and when you release the mouse button.. //you won't
rectangle_mc.onPress = dragIt;
//the advantage to using a function to start the dragging
// is that you can apply it to ANY instance of ANY movieclip
// on the stage (or within another movie clip) without
//writing out all the code again.
// for example i have placed an instance of a circle onto the
//stage and called it circle_mc. to make this circle dragable
//all i have to do is put the following bit of code
circle_mc.onPress = dragIt;
//however if you have an instance of one movie clip inside another movie clip
//in order to drag the internal movieclip arround you must refer to it directly
//luckily this is quite an easy process
//the code below says that on pressing the instance circle2_mc (which is inside of //the movie clip rectangle 2
//which has an instance on the stage called rectangle2_mc) circle2_mc will become //dragable within rectangle2_mc
rectangle2_mc.circle2_mc.onPress = dragIt;
I hope this is of some help to some of you. if you have any questions or would like a copy of the .fla file feel free to email me at
geoffinwood@gmail.com
Action scripting for dragable movie clips
Here's Geoff's action scripting for the dragable movie clip. He has some "better script" that he'll upload to the blog soon. Meanwhile, here's the OK script we found today :
dragable.onPress = function() {
startDrag(dragable);
}
dragable.onRelease = function() {
stopDrag();
}
Remember, this applies to a tutorial you can find on web developer (see link on the title below).
HAVE A GREAT STUDY WEEK!!!!
flash button tutorial
Thursday, February 8, 2007
seminar topics and assignment details
I've pasted an in-depth project description of the Seminar Assignment below. I've also e-mailed it to you and posted it on My Courses.
2007 CLASS TOPICS
Andy Morris : Ambient Devices (completed Week 5)
Sarah Zaft & Ben Prus – Audiocasting : Uses and Techniques
Antonella Clemenz – Windows : web art production and techniques
Jamin : Interactive Storytelling
Lynda Cheong – Flash : Animation
Geoff Inwood : Flash : Interactive Interfaces
Ashley Knight : Space : Virtual Galleries, HL Gaming Engines
Paul Zulawf : Online Media Activist Entities
Jessie Craig : Celebrity Gossip Blogs
Lindsay Cunningham : Web Identity / Online Storytelling
Elia Morrison : Public Art and the Internet
Mike Fenn – P2P File Sharing OR Online Gambling and its Dangers
SEMINAR ASSIGNMENT
Individually or in small groups, students will research and prepare for the seminar presentations. Each will take 10 – 15 minutes of class time. Groups may present their seminars using Powerpoint, in digital or web-based form, or using online publication examples. The seminars will introduce topics in digital publication, including net art and issues for new media artists, and new media technologies and aesthetics. Each seminar will be set in a social and historical context. You will submit a 500-word or so post to the blog including an overview of the content, and a bibliography of online resources. Evaluation of Student Seminars will be based on the following criteria:
• research will show depth and originality (not a rehash of one or two online sources)
• ability to give an overview of the topic, and to summarize ideas (synthesis of lots of source material)
• attention to both spoken and visual dimensions of the presentation (well organized and illustrated)
• good research, well documented in a supporting online bibliography and overview
Wednesday, February 7, 2007
Ambient Device presentation
PDF: http://www.bya7.com/drop/Ambient.pdf
Ambient Devices (the company): http://www.ambientdevices.com/cat/index.html
Nabaztag website: http://www.nabaztag.com/en/index.html
Nabaztag services and message portal: http://my.nabaztag.com/vl/action/myHome.do?langSet=2
(note: may have to create an account to access some of the pages)
If you feel like messing with me and sending my bunny a message, the bunny's name is "MumblesDaBunny".
Andy
Monday, February 5, 2007
Lee Ormerod Assignment One: HTML learning the craft


The primary focus of this assignment for myself will be the basic design, conceptualization and development of a website from the ground up. Using HTML scripting and incorporating elements of flash, I plan to create a simple website using the skills I have learned in the first two weeks of class.
The website will follow the format of a portfolio exhibition website. This coincides with one of my final objectives for this class: the creation of a portfolio website on which artists can host or display their work. This project can have several outcomes: Firstly it can become most simply a portfolio site for myself and secondly it can become part of a template that could be automated to be a tool that aspiring artists can use to build a portfolio web page for them selves. This website can be a walk through template to help guide others towards creating there own portfolio website where thy can host their work online. I plan on encouraging people to borrow the HTML scripting for their own use.
The target audience for this project is primary twofold, as per the nature of the website in question. The primary audience initially would be the artists or designers who are using the template to create a website showcasing their work. And secondary after the initial website is created the primary audience becomes the website visitor.
I want the site to be a stand-alone HTML site built in dream weaver or some other layout program. I want to shift the focus away from using some sort of automated page builder and focus on creating a site from scratch using HTML scripting.
The learning objectives for this project:
- the continuation of the learning of skills required to construct a website through basic scripting
- incorporation of flash elements
- incorporation of video elements
- user friendly user interface
Project Outline
The website which I will be creating is V’s
The work plan is as follows:
Week 1:
- Obtain information about my dad’s business
- Begin preliminary design of website
Week 2 to Week 5
- Design Flash animations which will be used for the website
- Design Images used for the website
Week 6 to Week 7
- Constructing website
Week 8
- Testing and launching website
SEMINAR TOPICS
last year's Publication Digital blog
I will add your names and topics later tonight. Also, assignment outlines.
Mike Fenn



I intend to make an interface that would allow me to demonstrate my various skills and works. I currently am in the transition of going from being an artist, to be an illustrator. As a result I have a lot of video and animation art as well as drawings and illustrations. Some made for the art stream and some made for design. Intend on making a website that shows the difference and transition between my two kinds of work. A website plan will quickly be drawn up. I intend it to be simple in design but visually stimulating.
Oh, quick question. I want people to be able to comment on my work. is there a way to make a comment section?
flash
I would like the windows to have some sort of timeline which is based on the hours of a day each windows will at some point be lit up and clickable whereas others will not be available. each will have its own timeline (if its possible)meaning it is only clickble for example from 6 till 11 pm whereas another may be clickable all day but not at night.
also when clicked a new window will appear with a photo of the window accompanied by a spoken character sketch. im thinking of maybe having a story revolving around 'characters' ive created using the windows as the initial building block. the items visible through the windows will cast them as a certain character in a drama where we never see the characters, only the windows of their homes.
Jessie - Project Outline
As a photography major, I have a collection of thousands of images and which are unorganized in binders and boxes. For my final project I would like to create a digital portfolio in order to present my strongest work to others. Using Flash I will create an interactive website that is highly stylized in a layout made to resemble a scrapbook, with a similar experience to a scrapbook for the user. It will have the illusion of a more tactile "real life" object, but of course be completely digitized. I would like it so that it doesn't even necessarily have to be published on the web but can be opened by a CD which I can make copies of to share.
WEEK 5 - 6 Research effectively executed scrapbook-style pieces by other artists
WEEK 7-9 Scan negatives and photographs, curate which photos mesh the best as a whole body of work
WEEK 10-12 Build layout
WEEK 13 Present
SCREENING AT ROYAL CINEMA - volunteers needed

This Sunday Feb. 11 at 2:30 PM there will be a benefit screening for the Dyana Afghan Women's Fund of Christian Frei's "The Giant Buddhas", with a presentation by Nelofer Pazira. The benefit tickets are $25. w/ a $15. charitable receipt. (PLEASE URGE YOUR FRIENDS / FAMILY WHO CAN AFFORD IT TO COME - a very good cause!). Also. student volunteers are needed who will get in FREE. Please let me know in the 'Comments' section below if you'd like to come.
Rt

"Rt"
Rt is an online website based project that aims to explore the relation between gallery and virtual space. Furthermore it is an opportunity for curatorial and critical practices to collaborate with an array of mixed medias that might bring up pertinent questions regarding the role of the internet, the art, the curator, the artist and the viewer as well as their relationship to one another.
Rt will function as a virtual, curated space that features art, especially by young and emerging artists. It is my hopes that be focusing on young and emerging artists I can open a dialogue and a collaboration process where by the site actively participates in discussing how virtual reality creates, displays and informs a viewer about the object and ideology of an art piece.
The site will feature a main page that has a playful theme of "drugs." Though not promoting the use of drugs the site will appropriate the ideas attached to most drugs incuding the theme of: addiction, prescription, treatment, health and individual purpose. That is to say that the site will utilize the image of pills and prescription drugs to reate a parallel to art which describes art and the viewing of art as a process of cause and effect.
As a curatorial space Rt will attempt to assume a role that is simmilar to a realistic gallery space and will function as a space that is open to include: critical analysies and writings, images, videos, sounds, event promotions, merchandise, animations and any other array of "art form" that satisfies the sites manifesto (to be written).
The ideal of Rt is to create a curatorial space that also confronts different forms of gallery spaces including institutional, alternative and commercial and utilizes those aspects to create a hybrid virtual space that can offer the same or similar services.
Potential services available to the user will be: available newsletters, browsing abilities on a unique interface, forum (?), download audio and visual pieces, oekaki, game play (?), purchasing rights.
Ultimately Rt is a quest into the potential role of a curator in the virtual realm that will utilizes conventional forms of gallery space in order to disolve previous boundries and offers a new way to look at objects.
Week 1:
- Manifesto
- Digital Imaging of Main Site
- Site Layout - Home Page, Contact Page, Manifesto Page
- Research Newsletters
Week 2:
- Site Layout - Home Page, Events Page
- Digital Imaging of Artist 1
- Site Layout Collaboration with Artist 1
- Research Forums/Message Boards
Week 3:
- Site Layout - Newslettering (On Contacts Page), Affeliations, Artist 1
- Build Affeliate Connections
- 1 Critical Review of a Current Exhibition
- Research Oekaki
Week 4:
- Site Layout - Forums, Oekaki, Artist 1
- Digital Imaging of Artist 2
- Site Layout Collaboration with Artist 2
-Curatorial Statement Artist 1
Week 5:
- Site Layout - Artist 2 (+ any other incomplete)
- Curatorial Statement Artist 2
- 1 Critical Review of a Current Exhibition
Sunday, February 4, 2007
voyeurism
stereotyping.social grouping. demographics.
we struggle to outwardly reflect our ideas and beliefs without looking like an advertisement.
through possessions we create project visions of who we think we and others are.
a window is connects the public with the private.
who are you?
the window frames the plant in its sill. a block parent sign. a cat.
a standard mailbox.2 cars in driveway honda civic and ford focus..
an image forms in my head
we are all voyeurs.