Slides, Flips and Turns in HyperStudio

HyperStudio can be used to extend and reinforce the concepts of Slides, Flips and Turns in transformational geometry. Using the Animation features in HyperStudio you can transform shapes before your very eyes!...Here’s how :

(1) Open a New Stack in HyperStudio and Select the Line Tool from the Tools Palette

Draw a Triangle

Hint: If you’re having a hard time joinng the verticies of the

Triangle you can use the Magnifying Glass

from the Tools Palette to “zoom in” and make things

easier to see...Also try holding down the SHIFT Key for

straight and 45° angle lines

(2)

Now that your triangle is drawn and filled in...let’s create a SLIDE!

(3)

(4)

Select the Paint Bucket from the Tools and choose a pattern...

Click the bucket inside your triangle to fill it in

Select Add a Button from under the Objects Menu

Make it Visible and Choose the Colours you’d like for the Name and Background

Name your button Slide (because this is what it’s

going to make your shape do when your press the

button!)

The Actions screen will appear...

under Things to Do...

select Play Animation

(5)

HyperStudio will ask you where you want to get your image to animate

from...Select

Current Card

Trace around your Triangle and click and hold down your mouse....Drag the triangle to create the path for your animation...Release the mouse when you’re finished and press the space bar..The following screen will appear:

Check off Show first Frame

UncheckErase when done

Select New Path to re-do your slide

Click Try It to preview your slide

Happy? Click OK

(6)

(7) Hey...before we try a Flip... maybe time to save??

(8)

If you want to Edit your animation just select the Arrow Tool and Double Click on

your Button....

Select Actions and then Double Click on Play Animations...

the Animations Editing Screen will appear

Now....press your button and watch that Triangle Slide!

Usingthe Rectangle Selector Tool,

trace around the original triangle you drew...

Select Copy from under the Edit Menu and then select Paste

Hint: C, V on a MacCtrl C, Ctrl V on a PC

Drag the copied triangle lower down on your page

(9)

With the triangle

still selected...

Under the Edit Menu

select Effects

<Scale & Rotate

Change the Rotation Angle

to 90°...

and then Click OK

Your triangle will now be rotated 90° on your page

(10) Now let’s create a button to Flip your triangle...

Select Add a Button from Under the Objects Menu

Name your button Flipand select Play Animation from the action choices... select Current Card for the

image to animateTrace around your Triangle and click and hold down your mouse....

Drag the triangle to create the path for your animation...Release the mouse when you’re finished and press the space bar..The Animation editing screen will appear....Use the same settings as for your slide (found in Step #5)...EXCEPT Click on the (horizontal) Flip Arrow....your triangle.....will be transformed...(flipped 180°!)

(11)

(12)

Your screen will now look like this...Click Try It to preview your “flipped” animation ....

New Path will let you redo the animation with the same image...Click OK when you’re done!

Now press the button and watch that triangle Flip!

To Edit the button see Step # 6

(13)

(14)

(15)

Now....let’s make a Turn....(this is a little harder...

and requires a bit of knowledge of cell animations)

Copy the Triangle (see Step #8) you just flipped and Paste it on to

a New (Blank) Card(to make a New Card it’s

N on a Mac or Ctrl N on a PC)

Under the File Menu selectExport Screen

Hint: is the Keyboard Shortcut

(Ctrl E on a PC)

Once you are in the HS Animation

FolderSave your first

cell as Turn.01

The .01 is important as it

tells HyperStudio that this is the first frame in

a sequence

You want to save your exported screen to the HS Animation Folder.....you may have to

navigate to find it

Now, back on your blank carduse the Rectangle Selector to trace

around the triangle...With the triangle selected...

(16)

(17)

Now, back on your blank carduse the Rectangle Selector to trace

around the triangle...With the triangle selected...

Under the Edit Menu select Effects<Scale & Rotate

Change the Rotation Angle to 90°...and then

Click OK

Your triangle will now be rotated 90° on your page

(Rotating an image is explained with pictures in Step #9)

When you’ve completedthe rotation, select

Export Screenagain from under the

File Menu

This time name it Turn.02

It’s essential that you give it the same first

part of the name

(in this case Turn)

and suffix it .02 to indicate it is the 2nd in the sequence

(18)

(19)

Now, let’s create a buttonto rotate your triangle...

Go back to the card where you created the Slide and the Flip and select Add a Button

from under Objects Menu

Name your button Turn

and select Play Animation from the action choices

HyperStudio will ask you where you want to get your image to animate

from...Select Disk

Libraryand

navigate to the first

frame you created

(in this case Turn.01)

Trace around your picture

Hint: If you trace at least twice the width of the triangle your will leave

enough room for it to turn in your cell animation

Click OK once you’ve selected your image

(20) Trace around your Triangle and click and hold down your mouse....Drag the triangle to create the path for your animation...Release the mouse when you’re finished and press the space bar..The Animation editing screen will appear....Use the same settings as for your slide (found in Step #5)...EXCEPT Slow down the speed....to as low as possible....this changes the frames/second.....try 1 instead of 24!

Click Try It to preview your “turn” animation ....New Path will let you redo the animation with the same image...

Click OK when you’re done!

Now press the button and watch that triangle Turn!

To Edit the button see Step # 6

WOW...this is great!...Want to see all 3 transformations happen at once?? ....let’s use a special New Button Action called Button Runner!

Create a New Button....

(21) WOW...this is great!...Want to see all 3 transformations happen at once?? ....let’s use a special New Button Action called Button Runner!

Create a New Button....call it Master...

(add an icon if you want)

Select New Button Actionsfrom under Things to Do

Choose Button Runner(what it does is control or “run” more

than 1 button at the same time)

Click on Use this NBA (New Button Action)

....and type in the names of the buttons (one on each line)you want to “run”

(in this caseSlideFlip

Turn)

Click OK and test your button....Cool or what??

Congratulations on mastering Slides, Flips, Turns and HyperStudio

Animation!!..hmmm..maybe time to SAVE!!!

Using AppleWorks Draw to Create 3-Dimensional Shapes

Appleworks can be used to reinforce basic concepts when studying 3-Dimensional Geometry and enable students to create their own 3D Shapes (ex. Cubes, Rectangular Prisms, Cylinders, Square Based Pyramids)....here’s how ...

(1)

(2)

Rectangular Prism

Launch AppleWorks and select the

Drawing environment

Select the Rectangle Tool from the

AppleWorks Tool Bar

(3)

(4)

(5)

(6)

Click and Drag the Mouse to create a rectangle (or square)Hint: Hold down the SHIFT

key if you want to make a square

With the shape selected (i.e. with the

corners highlighted)

Choose Duplicatefrom under the Edit Menu

(Hint: on a MacIntosh Ctrl D on a PC)

Here’s what you’ll see....

to move the duplicate just click

on it and drag your mouse

Now Select the Line Tool from the

AppleWorks Tool Bar

(7)

(8)

(9)

Use the Line Tool to connect 2 Verticies

Select Edit Duplicate anda duplicate of the line you just created will appear...

(if nothing happens remember to select your line by

clicking on it)

You can now use your mouse or the Arrow Keys to move your

line to connect another 2 verticies...

Keep going until all the verticiesare joined

Your shape could look something like this:

You can label your shape by selecting the Letter Tool

from the AppleWorks Tool Bar and

Typing below the 3-D Shape you just created

(10) Now try drawing other 3-D Shapes (Cylinder, Cube, Square Based Pyramid, Cone, etc...)

(11)

Hint: You can group the lines in various shapes you

have drawn by tracing around them with the Arrow Tool

and selecting Group fromunder the Arrange Menu

...thishelps if you want to

move a shape around the page.

The ideas below are best done Before you group

You can “colour” or labelfaces in your shape by clicking on

the face with the Arrow Tool

and then selecting the colour you’d like

The face of the shape now turns that colour

(12)

(13) Time to Save....

Hint....On a Mac suffix your file .cwkand it’ll open in AppleWorks on a PC

To change the perspective of the shape you’ve drawn...

click on the “front” face

and select Move Backward from under the Arrange Menu

You’ll now see your 3-D Shape from

a different perspective...

you can click

on the line and drag itto join the re-configured shape...

it’lllook something like this:

Slides, Flips and Turns in iMovie

iMovie can be used to extend and reinforce the concepts of Slides, Flips and Turns in transformational geometry. What’s great is that you don’t need a video camera ...All you need is KidPix or AppleWorks or HyperStudio and iMovie ....Here’s how :

(1)

Open AppleWorks Draw and select the Shape Creator Tool

Draw your triangle

(2)

(3)

With your triangle selected,

choose a fill pattern or colour ...voila your triangle will

become that colour

Save your first shape by selecting Save As from under

the File Menu...you could name it shape1

Click on File Format

Select JPEG (or Pict)

to make it easy to import your shape to iMovie later on

Press Save

(4)

(5)

Now, go back to your shape in AppleWorks

Click on it with the Arrow Tool

Select Flip Horizontally from under the Arrange Menu

Your Triangle will Flip 180º

Save your triangle as shape2

Don’t forget to save it as a JPEG

Go back to your shape again,

Click on it with the Arrow Tool

Select Rotate from under the Arrange Menu

(6)

Type in 90 to rotate your triangle 90º

Click OK and your shape will

be transformed

Save your triangle as shape3

Don’t forget to save it as a JPEG

So.....let’s review....you’ve made a shape in AppleWorks...flipped it, then rotated it... you’ve saved 3 files as JPEG’s...shape1, shape2 and shape3

.....Now we’re ready to import your work in to iMovie...Let’s Rock and Roll!!

If you’re using an older iMac you’ll see the screen below...click OK and use the ignoring strategy...

you don’t need a camera...you’ve already made the images for your movie in AppleWorks!

Launch iMovie

(7)

Click on New Project to start...

Name your project and then click Create

You’ll see a blank screen..to get your images select Import File from under the File Menu

Hint: is the Keyboard Shortcut

Navigate to your files....

Hint: you can hold down the SHIFT Key and click to select multiple files

(8)

(9)

(10)

All 3 triangles you made will appear on the

“shelf”

The first triangle you made (shape1) will be highlighted and also appear on the “movie screen”

With shape1 selected you’ll notice beneath the screen a time setting...the

default is 5 seconds...that means shape1 will appear for 5 seconds in

your movie..

to shorten this time to 1 second (because after a while shapes are

pretty boring)...click inside the time box and replace the 5 with a 1

Now select shape2 by clicking on it in the “shelf” and do exactly the same thing

(Step #9) to shorten the length it will play in

your movie

Same again for shape3.....now all of your clips will be 1 second long

(11)

(12)

Hold down the SHIFT

key and select all 3 clips

Drag them down to the

“clip viewer”

Press either of the“Play Buttons”

to see what your movie looks like so far

Well...pretty impressive...but there’s so much

more to do!

Let’s give your movie a Title....

Click on the Titles Button

Select a FontHint: Arial Black is perfect for iMovie

You can adjust the slider to make the font larger

Scroll Down to Select

the Style for your Title...(Stripe Subtitle

is pretty cool!)

Select Over Black to make the title appear

on a black screen

Type in the Title of your first

Transformation(Flip 180º)

Adjust the Speed to decrease the time your

title appear in your movie

Click Preview to see what

you’ve created will look like

To place your title in your movie just drag it in to the

Clip Viewer in front of shape1

You’ll see a little red line as your title is rendered into

iMovie

(13)

(14)

You can now make the next Title you need

(Rotate 90º) by repeatingStep #12

Drag the Rotate 90º Title between shape2 and

shape3 on your Clip Viewer

Now let’s add your voice

Click on the Audio Button

Press Record Voice and Narrate your first Title

(Flip 180º)

In the Clip Viewer you’ll see how long your audio track is...you may want to adjust the length to match

your first transformation (or re-record your voice)

To move the audio track simply click on it and drag the mouse

To preview at any time just Rewind your movie and press

either Play Button

Hey!....maybe a good time to SAVE!

(15) Now let’s work on our Rotation...

First let’s Copy shape2 and Paste it in front of shape3

Click on shape2

Select Copy from under the Edit Menu

Move the Slider in the Clip Viewer in to the end

of the Rotate 90ºTitle you’ve created

Select Paste from under the Edit Menu

shape2 is now pasted in front of shape3 in the Clip

Viewer...

easy huh??

Hint:

are the keyboard shortcuts for copying and pasting

(16)

(17)

You can now record your voice narrating the Rotate 90º

transformation by following Step #14

Hint: If you move the move the Slider to the start of your Rotate 90º Title in the Timeline Viewer then the audio

track you record will start from where your Rotate Clips start.

As described in Step #14 you may want to crop your audio tracks

so that they match your clips

Have you SAVED lately??

How about adding some transitions??

Select the Transitions button

Choose the Transition you’d like

Adjust the Speed

(you’ll need to make the transition shorter than the clips it’s going to go in

between...so if your shape clips are 01:00 (1 second) you could

make the transition last 00:20 or 00:10

To place your transition in

(18) WOW!!! What a movie...to preview it just rewind and push Play

(19)

You’ll see the little red line as the transitions you chose are rendered

After making any changes...you might want

to SAVE!!

You can export your iMovieto QuickTime so that anyone can see it...

(without needing iMovie)

Select Export Movie from under the File MenuClick on the arrow beside Camera and change it to

QuickTime

To place your transition in your movie

simply drag it to the clip viewer and drop it between the clips

(ex. between shape1 and shape2, between shape1

and shape3)

For a good quality

QuickTime Movie I’d

recommend CD-ROM

Movie, Medium

The higher quality you choose, the larger your file size will

be...for web sitesStreaming

Web Movie, Small is a

pretty good choice

Name your movie and press Save...Your whole iMovie will be rendered in to

QuickTime..depending on the length of your movie this will take several minutes...

While it’s rendering, congratulate yourself on a great job!! ....Hmmm, what’s the next project?!?!?