slides, flips and turns in hyperstudioschools.tdsb.on.ca/asit/standards/4start/ictmath.pdf ·...
Post on 23-Jul-2020
1 Views
Preview:
TRANSCRIPT
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?!?!?
top related