Etc.
How to create a motion tween in a movie clip
May 5th
For this interaction it played through a button (to create a button follow Amber’s demo on buttons)
after creating the button, create a movie clip and name it appropriately ( i named it intermediate_mc), then i created a motion tween. where i scrubbed through the motion through the number frames to get it to last for the appropriate amount of time. then add the code:
stop();
MovieClip(parent).nextFrame();
this will take it to the next frame after the clip has played through.
switch how-to
May 5th
i’m really proud of my switch. It was more animation than code.
1irst. i made 4 variations of the switch in illustrator, one with the switch pressed all the way down one without either pushed down, and then 2 steps in between “open” and “closed”
2econd. i set each variation in it’s own frame, one after another and kept the frame rate at 24 fps so it will appear like a fluid motion
3hird. i set an invisible button over the switch and made appropriate eventListeners etc. so that clicking on the switch would cause the animation to occur
4ourth. made sure to put stops in place so it wouldnt just loop forever.
i hope posting the .swf works.
How to #1
May 5th
This is a code that you use when you press a button and you want it to play the next frame. Each Screen was converted into a movie clip and within each movieclip, you have to insert the following code into the Actions menu. (Keep in mind that in Scene 1, you have to create stops for each movieclip).
import flash.display.MovieClip;
//——NAVIGATION LISTENERS——-cart.addEventListener (MouseEvent.CLICK, onCartClick);
//——NAVIGATION BUTTONS——–function onCartClick (event: MouseEvent) : void { MovieClip (parent).play ();}
add child relative to another object.
May 5th
Create two movie clips. Name one “blue” and the other “brown”. Use the code below to add an instance of “blue” relative to “brown”. Here I’ve set blue’s position to 1/2 of brown’s position so that they won’t completely overlap.
var blue:MovieClip = new bluesquare_mc();
addChild (blue);
blue.x = brown.x / 2 ;
blue.y = brown.y / 2 ;
To create an effect where blue follows brown, but in an indirect relationship, first create a drag and drop feature on “brown”.
brown.addEventListener(MouseEvent.MOUSE_DOWN, dragBrown);
brown.addEventListener(MouseEvent.MOUSE_UP, dropBrown);
function dragBrown (event:MouseEvent) : void {
event.target.startDrag();
}
function dropBrown (event:MouseEvent) : void {
event.target.stopDrag();
}
Then add an event listener to “blue” so that it knows to always follow “brown” even when it’s being dragged.
blue.addEventListener(Event.ENTER_FRAME, follow);
function follow (event:Event) : void {
blue.x = brown.x * 2 ;
blue.y = brown.y * 2 ;
}
Here, when “blue” enters the frame, it always follows brown’s position multiplied by 2. So when you drag brown 10 pixels blue is going to travel 20 pixels.
Demo File:
www.aphoticpixel.com/exampleFlashFiles/howTo_makeChildFollow.fla
Jumping to next frame after an animation
May 5th
Thanks to Riley for showing me how to do this.
(and I just realize this was posted by Riley as well…craps)
This is how you jump to a frame after animation plays. This could be used if you wanted to click on a button and then have the button play an animation and on it’s completion, have it jump to the next frame.
Steps:
Make three key frames.
Put stops on those key frames.
On the first frame create a button and add an event listener telling it to jump to the next frame when clicked.
On the 2nd key frame duplicate the button and create a motion tween inside of the button.
At the end of the motion tween insert this code.
stop();
Closed systems are for suckas!
May 4th
This quick blurb is more of a provocation of discussion.
After reading Steve Jobs’ open letter about the Apple/Flash debate, the author gives their quick commentary on it, and then calls for thoughts on the subject.
The discussion seems to be where the meat of the article is. A number of the comment-ers appear to have real world experience and put in their two cents on what they think about Flash and its mobile application.
iPhone is cool but…
May 4th
Google Android is quickly picking up a head of steam in the smartphone OS industry (so it might be a good idea to discuss developing for them also).
This article speaks of some of the ways Fitness and Wellness factor into the Android app market.
iPad Helps 99 year old read and write again
Apr 29th
This is pretty awesome. I’ve been so focused on mobile service design for young kids, that I haven’t even thought about the elderly.
Archive Disc for the course
Apr 26th
Official Documentation Format for NCSU COD GD
Please review the link above regarding rules and requirements for your semester archive discs.
You will need to include the following documents for this course:
COURSE FOLDER:
Doe_GD492_spring10
CREATE A FOLDER FOR EACH PROJECT:
Doe_GD492_AR-Mobile-App-Warmup
> Doe_GD492_AR-Mobile-App-Warmup.fla
> Doe_GD492_AR-Mobile-App-Warmup.swf
> Doe_GD492_AR-Mobile-App-Warmup-desc.pdf
Doe_GD492_Mobile-App
> Doe_GD492_Mobile-App-Brief-Pres.pdf (or chosen format)
> Doe_GD492_Mobile-App.fla
> Doe_GD492_Mobile-App.swf
> Doe_GD492_Mobile-App-Final-Pres.fla (if Flash is chosen format)
> Doe_GD492_Mobile-App-Final-Pres.swf (or chosen format)
> Doe_GD492_Mobile-App-desc.pdf
> Doe_GD492_Mobile-App-process.pdf
NOTES AND DESCRIPTIONS:
Doe_GD492_AR-Mobile-App-Warmup-desc.pdf
Provide at least a paragraph description of your Augmented Reality Mobile Application Warm-up project. The description should include a title, the purpose, what is demonstrated in the file.
Doe_GD492_Mobile-App-Brief-Pres.pdf
The Mobile App Project Brief presentation delivered on March 11.
Doe_GD492_Mobile-App.fla
The fully-functioning interactive thread of your mobile app.
Doe_GD492_Mobile-App-Pres.fla
The final presentation of your mobile app.
Doe_GD492_Mobile-App-desc.pdf
Provide at least a paragraph description of your Mobile Application project. The description should include a title, the purpose (objectives), audience, description of the process learned, and what the scenario demonstrates.
Doe_GD492_Mobile-App-process.pdf
Provide documentation of your process in chronological order. Start with the description provided in the document above. The rest of the document should be an organized static version of everything you posted to the website in regard to the Mobile App project.
App Project: Evaluations
Apr 19th
Download pdf of App Project Evaluation form
Everyone will receive an email invitation to an interactive pdf form. You will be asked to fill out the evaluation form for each project (using Adobe Acrobat reader) and submit the evaluation back to me.
The evaluation includes analytical and holistic criteria:
Students will evaluate their peers’ projects based on the analytical criteria.
T-Mobile participants will evaluate the projects based on the holistic criteria.
After I compile the evaluations, each student will receive a graphic representation of their project evaluations as well as the raw data from each reviewer (reviewer names will be anonymous).
App Project: Final Presentations
Apr 19th
Arrive at 10am
Tuesday, April 27
to load ALL presentations
onto one computer.
(Bagels will be served)
FILE FORMAT:
gd492_lastName_appPresentation.swf
1024 x 768
PRESENTATION FORMAT:
9 minutes presentation
3 minutes Q&A
2 minutes to finish evaluation and transition
ORDER OF PRESENTATIONS:
April 27
10:15 : Caitlin Atteberry
10:29 : Leah Lawrence
10:43 : Nick Romanos
10:57 : Logan Sayles
11:11 : Dave Maki
11:25 : Jonathan Stephens
11:39 : Betsy Sherertz
11:53 : Sam Cox
April 29
10:15 : Betsy Peters
10:29 : Lauren Hall
10:43 : Jen Edwards
10:57 : Alex McNeilly
11:11 : Christina Hardison
11:25 : Madiha Malik
11:39 : Riley Huston
The iPad and screen real estate.
Apr 18th
final screens
Apr 6th
ORIGAMI learning objective.
Apr 6th
The approach to teaching kids will initially start out as simple and step-by-step directions that will encourage the kids to follow the steps to learn the different folds. As they begin to learn more advanced steps or if an older person were to use the app. then they would start at more advanced level. Users would be promoted to move faster then the app., fill in missing steps, or work in different more challenging ways that stimulate learning and brain function. The end result of an origami creation is the physical result but brain function and recalling memory is the result.
Working Screens as of Today
Apr 6th
Service Goals:
Provide users step-by-step instructions in diagnosing and solving problems they may have within their own homes. These step-by-step instructions are presented in a way that is easy to follow along with while doing the task, with the iPhone sitting somewhere nearby. The app also teaches relevant terminology and general knowledge information about each appliance. It gives a general framework for maintaining a house, telling users when to check things, what to look for, and where to go to get help. It also encourages good practices such as safety, sustainability, and responsible handling of chemicals.
Got my work cut out for me. Lotta illustration to do, lotta refinements to make.
Yes, some intermediate screens are skipped here in the interest of getting at least one or two of each “type” of screen.




























