MATH CASTLE - Overview
Objective
Allow the user to gain and demonstrate an understanding of 2D/3D Shapes, properties, formulas for
calculating area/volume, adding and subtracting areas/volumes.
SME Contact
Info
Name
Number
Email
Graphics
Concept
Medieval look and feel. Castles, pages, squires, knights, etc. Text boxes in shape of scroll or
parchment. Serif fonts.
Resources /
Links
Notes / Other
MATH CASTLE - VLO Map
KNIGHT
KNIGHT INTRO
Demo 4: Identify 3D
Shapes & Properties
INTRO SCREEN
D4: Intro / Square
to Cube Example
Persistent Items
1. Options
a. Full Screen
b. Audio
i. Volume
ii. Mute
c. Quality
i. Good
ii. Better
iii. Best
2. Help
a. Controls
b. Objective
PAGE
SQUIRE
PAGE INTRO
SQUIRE INTRO
D4: Castle
Example
D4: 3D Shape
Properties
Demo 1: 2D Shape
Properties
Demo 3: Adding /
Subtracting Areas
Quiz 1: 2D Shape
Properties Quiz
Challenge 2: Area of
Moat
Q3: Congratulations!
Formulas Intro
C2: Calculate Area
of Moat
Demo 5: 3D Shape
Volume Formulas
C2: Congratulations!
Quiz 4:
Quiz 2:
Q2: 2D Shape
Name Matching
Challenge 1: Castle
Builder
Q3: 3D Shape
Properties Quiz
C2: Intro
Demo 2: 2D Shape Area
Formulas
Q2: 2D Shape
Formula Matching
Quiz 3:
Q4: 3D Shape
Area Formulas
Quiz
Challenge 3: Area of
Courtyard
C3: Intro
Q4: Congratulations!
Challenge 4 Intro
Challenge 4: Volume of
Towers
C1: Intro &
Sample Castle
C3: Calculate Area
of Courtyard
C4: Intro
C1: Interactive
Castle Builder
C3: Congratulations!
SQUIRE COMPLETE
C4: Calculate
Volume of Towers
C1: Congratulations!
PAGE COMPLETE
C4: Congratulations!
Challenge 5: Optimize
Storage Hold
KEY
C5: Intro
Static Info
Interactive Info
Required Task
Grouped Tasks/Info
C5: Optimize
Storage Hold
C5: Congratulations!
ALL COMPLETE!!
Segment Title
Intro Screen
Screen Layout
/ Graphics
Ideas
Show view of the front of a castle, Figure 1. Use
parchment style scroll, Figure 2, as background for
centered, on-screen text.
Buttons along bottom: Page, Squire, Knight for
navigating to main segments.
Figure 1: Idea for "look" of
screen
Figure 2:
Possible
parchment /
scroll graphic
On-Screen Text
Hear Ye, Hear Ye…
The king is in search of a new knight. In order to qualify to compete, all newcomers must pass a series of challenges to
prove their understanding of area and volume.
----"CONTINUE" BUTTON---The first step to becoming a knight is to be a page. You will be sent to a Lord’s castle to receive your training. The Lord
will provide a teacher to help you acquire skills to become a knight. At the end of the training period, you must pass the
challenge in order to proceed.
If you show promise, you will become a squire. A squire is a knight's personal servant. Sir Guilford will continue your
teachings. You must prove yourself and pass a second set of challenges in order to proceed.
If you are deemed worthy by Sir Guilford, you will be dubbed and become a knight. A knight is expected to guard the
Castle and support his liege lord in Medieval warfare. As a knight, you will face a number of challenges that require you to
put the skills you learned as a page and squire into practice.
If you successfully meet all the challenges presented to you, you will be allowed to venture forth to serve the king.
Click on the Page Button to begin your journey.
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity /
Animation
Left mouse click on "Continue" button to see more text, then "Page" button to proceed to "Page
Intro" segment.
Resources /
Links
http://www.turbosquid.com/3d-models/castle-building-medieval-3dmodel/253718
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
-3-
Segment Title
Page Intro
Screen Layout
/ Graphics
Ideas
Castle in background. Jester standing on bridge over moat with a
bag sitting next to him.
"Parchment" text box at bottom of screen. Button beneath or
beside text - "Continue"
On-Screen Text
The Lord of the castle has assigned me to teach you all you need to know in order to become a
squire. I have all kinds of tricks in my bag. Let’s see what we have first.
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity /
Animation
Left mouse click on the "Continue" button to move on.
Resources /
Links
http://www.exchange3d.com/cubecart/characters/jester-3dmodel/prod_2993.html
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
-4-
Segment Title
Demo 1: 2D Shape Properties
Screen Layout
/ Graphics
Ideas
Same basic layout. Quiz button beneath or beside text, just as "Continue" button before.
On-Screen Text
The shapes you see here are in two-dimensional form (2D). Mouse over each of the shapes to see
their names. Click on the shape for information about their properties. In order to demonstrate
your knowledge of 2D shapes, you must answer a series of questions about their properties.
As soon as this segment begins, shapes should "fly" out of bag and float above Jester's head.
Click on the "Quiz" button when you feel confident that you can match the properties with their
shapes.
-------The following chart contains the Shapes to include, as well as the properties to list when shape is
clicked:
Parallelogram
both pairs of opposite sides are congruent
both pairs of opposite angles are congruent
each angle is supplementary to both of its
consecutive angles
diagonals bisect each other
One pair of opposite sides are congruent
and parallel
Four sided polygon
Rhombus
All sides are congruent
both pairs of opposite sides are congruent
both pairs of opposite angles are congruent
each angle is supplementary to both of its
consecutive angles
diagonals bisect each other
One pair of opposite sides are congruent
and parallel
Four sided polygon
Rectangle
Four 90o angles
both pairs of opposite sides are congruent
each angle is supplementary to both of its
consecutive angles
diagonals bisect each other
diagonals are congruent
Four sided polygon
Square
Four 90o angles
All sides are congruent
both pairs of opposite sides are congruent
each angle is supplementary to both of its
consecutive angles
diagonals bisect each other
diagonals are congruent
diagonals are perpendicular
Four sided polygon
Kite
exactly one pair of opposite angles are
congruent
Has two pairs of consecutive congruent
sides, but opposite sides are not congruent
diagonals are not congruent
diagonals are perpendicular
Four sided polygon
Math Castle - Storyboard - SQUIRE SECTION
-5-
Trapezoid
Isosceles
Trapezoid
Triangle
Circle
exactly one pair of parallel sides which are
called the bases
exactly one pair of non-parallel sides which
are called legs
Four sided polygon
exactly one pair of parallel sides which are
called the bases
base angles are congruent
exactly one pair of opposite non-parallel
sides which are called legs
opposite non-parallel sides are congruent
diagonals are congruent
Four sided polygon
three sided polygon
The set of all points in a plane that are
equidistant from a given point
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity /
Animation
Once segment begins, shapes should "fly" out of bag and float above Jester's head.
As shapes are clicked, the properties should appear in the text box at the bottom. When the Jester
is clicked, return text to original message.
Begin Quiz 1 once "Quiz" button has been clicked.
Resources /
Links
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
-6-
Segment Title
Quiz 1: 2D Shape Properties Quiz
Screen Layout
/ Graphics
Ideas
Background is same as before. Questions should appear in parchment "on top" of background and
in the center of the screen.
On-Screen Text
Work out the answers to the questions below and fill in the boxes. Click on the
button to find
out whether you have answered correctly. If you are right then
will appear and you
should move on to the next question. If
appears then your answer is wrong. Click on
to clear your original answer and have another go. If you can't work out the right
answer then click on
to see the answer.
"Continue" button
Question 1
Look at the names of the 4-sided 2-D shapes listed below:
Square
Rectangle
Rhombus
Trapezoid
Parallelogram
Kite
Click the shapes in the list which always have all angles the same size.
Question 2
A six-sided 2-D shape has all the sides the same length and all angles the same size.
What is the full name of the shape?
Question 3
A particular 2-D shape always has 4 sides of equal length.
(a) Is it possible that the shape is not a square?
(b) If Yes, what shape could it be? (remember it always has 4 equal sides)
Question 4
A particular 2-D shape always has 4 equal angles.
(a) Is it possible that the shape is not a square?
(b) If Yes, what shape could it be? (remember it always has 4 equal angles)
Question 5
Look at the names of the 4-sided 2-D shapes listed below:
Square
Rectangle
Rhombus
Math Castle - Storyboard - SQUIRE SECTION
-7-
Trapezoid
Parallelogram
Kite
Click the shapes in the list which always have 2 or more sides of equal length.
------SHOULD INCLUDE A "KEY" FOR CORRECT ANSWERS AND LISTS FOR DROP DOWN BOXES
-------
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity
First section of text appears as described in Screen Layout section. When the "Continue" button is
clicked the first question in shown.
Each Question has three buttons: "Check", "Tell Me", "Next"
Check: Checks the user selection against the answer key. If correct, the word "Correct" should
appear where the button "Check" was before, and the "Next" button should appear. If incorrect, the
word "Try Again" should appear and should function just like the "Check" button, and the "Tell Me"
button should be shown.
Tell Me: Should only appear after the user has "checked" an incorrect answer. If selected, the
correct answer should be shown and the word "Correct" should replace the button for "Check"
Next: Should only appear after the user has correctly answered the question. When clicked, the
next question should be shown.
Questions should be shown one at a time.
Once all questions have been correctly answered, a "Congratulations!" message should appear on
parchment in the center of the screen with a "Continue" button underneath. When the user clicks
the "Continue" button, they should be taken to the Demo2 section.
Resources /
Links
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
-8-
Segment Title
Demo 2: 2D Shape Area Formulas
Screen Layout
/ Graphics
Ideas
Background is same as before. Shapes are still floating above Jester's head. Parchment at the
bottom of the screen with Area Formulas intro text and "Quiz" button.
On-Screen Text
Next you must learn about how to calculate the area of a 2D object. The area of a figure measures
the size of the region enclosed by the figure. This is usually expressed in terms of some square unit.
Mouse over each of the shapes and review the area formulas listed for each shape. Before you are
able to move on to the first challenge, you will be asked to match each of the shapes to their
respective area formulas in a matching game.
Click on the "Quiz" button when you feel confident that you can match the area formulas with their
shapes.
------The following graphics contain the information to show in the text box, bottom, when each shape
has been clicked.
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity
Shapes still floating above Jester's head. Intro text is shown first, but as each shape is clicked on, the
text changes to show that shapes Area Formula. When the Jester is clicked the intro text should
return.
When "Quiz" button is clicked, Quiz2 begins.
Resources /
Links
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
-9-
Segment Title
Quiz 2: 2D Shape Name Matching
Screen Layout
/ Graphics
Ideas
Background becomes a wooden table-top.
First shown is a parchment, center screen, with instructions and "Continue" button.
Then cards are shown face-down to simulate a table-top card game.
On-Screen Text
NEED INSTRUCTION TEXT
----CARD TEXT---NAMES OF SHAPES TO INCLUDE IN GAME (10?)
----CARD GRAPHICS---DRAWINGS OF SHAPES TO INCLUDE IN GAME (10?)
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity
User is first presented with instructions and "Continue" button. When "Continue" button is clicked
the cards are shown face down.
----Memory Game---When a card is clicked it "flips" to reveal either a shape name or drawing of a shape. When a second
card is clicked it "flips" as well. If the two selected cards "match" (shape and name) then the cards
remain visible until the game is complete and are outlined in green to give positive feedback. If the
two do NOT match, the cards remain visible for 2 seconds, then "flip" back over to hide the name or
drawing.
When all matches have been made a "Congratulations!" message should appear on parchment in
the middle of the screen along with a "Continue" button. When the "Continue" button is clicked, the
next section of the Quiz is launched.
Resources /
Links
Notes / Other
Traditional
Matching
Matching Game
(like the game
Memory)
http://www.mathplayground.com/matching_shapes.html
Math Castle - Storyboard - SQUIRE SECTION
- 10 -
Segment Title
Quiz 2: 2D Area Formula Matching
Screen Layout
/ Graphics
Ideas
Background becomes a wooden table-top.
First shown is a parchment, center screen, with instructions and "Continue" button.
Then cards are shown face-down to simulate a table-top card game.
On-Screen Text
NEED INSTRUCTION TEXT
----CARD TEXT---NAMES OF SHAPES TO INCLUDE IN GAME (10?)
----CARD GRAPHICS---AREA FORMULAS TO INCLUDE IN GAME (10?)
----Congratulations Text---Congratulations for successfully matching the formulas with their shapes. You must now
successfully learn how to calculate the area of rectangles and circles.
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity
User is first presented with instructions and "Continue" button. When "Continue" button is clicked
the cards are shown face down.
----Memory Game---When a card is clicked it "flips" to reveal either a shape name or area formula of a shape. When a
second card is clicked it "flips" as well. If the two selected cards "match" (name and formula) then
the cards remain visible until the game is complete and are outlined in green to give positive
feedback. If the two do NOT match, the cards remain visible for 2 seconds, then "flip" back over to
hide the name or drawing.
When all matches have been made a "Congratulations Text" should appear on parchment in the
middle of the screen along with a "Continue" button. When the "Continue" button is clicked, user is
taken to the Challenge 1 Intro Screen.
Resources /
Links
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
- 11 -
Segment Title
Challenge 1: Intro / Example
Screen Layout
/ Graphics
Ideas
Back to the Castle background with Jester on bridge. Text box in parchment at bottom with
"Continue" and "Example" buttons.
The "Example" area should show an ideal castle from a top-down view, like above, but using realistic
looking grass and moat.
On-Screen Text
----Initial Text---A castle's layout is engineered for optimal fortification and defense and as such each medieval
castle is constructed with a moat, an outer curtain, and a drum tower. For an effective layout of a
medieval castle, these three points are integral. Without them, the castle is vulnerable to siege and
attack.
"Continue" button for next text
----Continue---You have been designated to help the Medieval Castle Builder build your Lord a new castle in
Fayette of the Carolinas. From the ground up, medieval castles are designed and built in such a way
to provide many features that protected the people inside. No two layouts are exactly alike, and
each is constructed to meet its future residents’ exacting specifications.
"Continue" button for next text
----Continue---Your Lord wants his castle to have four towers, a moat, and a courtyard in the middle of the castle.
The outer curtain wall should extend around the entire perimeter of the structure. When
establishing the dimensions of the castle, be sure that it fits within the boundaries established by
the moat.
"Continue" button to begin building
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity
First, initial text shown at bottom. When "Continue" is clicked, next bit of text is shown. Same
behavior for this bit of text and "Continue" button. When third "Continue" button is clicked, the
C1:Castle Builder is loaded.
When "Example" button is clicked, an ideal castle is shown from top-down view. There should be a
"Back" button on this screen to allow the user to exit the example and return to the Jester's screen.
Math Castle - Storyboard - SQUIRE SECTION
- 12 -
Resources /
Links
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
- 13 -
Segment Title
C1: Castle Builder
Screen Layout
/ Graphics
Ideas
Top-down view, same as Example castle, but without castle present.
On-Screen Text
Instructions on parchment in center of screen with "Continue" button to begin sections of the
challenge.
Controls on screen should allow for castle wall (rectangle) and tower (circle) addition, scaling and
placement when necessary.
---- Wall Instructions ---Stone curtain walls that were often between 20 and 40 feet in height and 7 to 20 feet in thickness
were a must. This made the walls difficult to knock down (or in). The interior of medieval castles
also differ from structure to structure and often depends on the wealth of the individual
inhabitants. Your Lord has indicated that he intends to have a courtyard in the center of his castle.
Keep this in mind when you create your walls. When establishing the dimensions of the castle, be
sure that it fits within the boundary of the land that your Lord has provided.
Click on the "Add Rectangle" button create the castle walls. Adjust the size and placement of the
shape by using the on-screen controls.
Notice that the area formula is displayed in the box with the selected dimensions inserted. The
value of the area of the shape is also displayed, and it changes when new dimensions are selected.
Once you are happy with the size of the outer walls, click the "Continue" button.
----Tower Instructions---Towers were often built on the sides of the castle. The stairways in these towers always curved to
the right so that knights coming down the stairs had room to swing their swords. It is time to put the
towers into position. Remember that your Lord wants at four towers for his castle.
Click on the "Add Circle" button create the castle towers. Adjust the size and placement of the
shape by using the on-screen controls.
Once again, notice that you are able to see the change in value of the area when you dimensions are
selected. Once you are happy with your towers, click the "Continue" button.
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity
------ Concept ------Allow the user to build a castle using rectangles and circles for walls and towers. This should include
the ability to add the shapes, change the dimensions of the shapes, and the position of the shapes.
The user should also be able to see the area formula for the selected shape and watch the
calculation change as the shape is scaled up or down. Once the user has constructed a castle similar
in design to the Example castle (four walls with a courtyard and four towers), they should be
allowed to move on.
------ Steps ------First, display Wall Instructions as described.
When "Continue" button is clicked show on screen controls:
1. Add Rectangle (Adds rectangle to center of land)
2. Move Rectangle
Math Castle - Storyboard - SQUIRE SECTION
- 14 -
a. Horizontal +- (Moves rectangle left or right [x axis] by one unit per click)
b. Vertical +- (Moves rectangle up or down [y axis] by one unit per click)
3. Scale Rectangle
a. Horizontal +- (Scales rectangle up or down by one unit on the horizontal [x] axis)
b. Vertical +- (Scales rectangle up or down by one unit on the vertical [y] axis)
4. Dynamic Formula (Not a button)
a. Shows area formula for selected object
b. Shows dynamically changing formula with accurate real-time calculations
5. Continue (only shows after four walls have been added) - When clicked, show parchment with
Tower Instructions and "Continue" button
When "Continue" button is clicked show on screen controls:
1. Add Circle (Adds circle to center of land)
2. Move Circle
a. Horizontal +- (Moves circle left or right [x axis] by one unit per click)
b. Vertical +- (Moves circle up or down [y axis] by one unit per click)
3. Scale Rectangle
a. +- (Scales circle up or down by one unit)
4. Dynamic Formula (Not a button)
a. Shows area formula for selected object
b. Shows dynamically changing formula with accurate real-time calculations
5. Continue (only shows after four towers have been added) - When clicked, continue to
C1:Congratulations screen
Figure 1: Example of Dynamic Formula
Resources /
Links
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
- 15 -
Segment Title
C1: Congratulations!
Screen Layout
/ Graphics
Ideas
The castle that they created should "grow" into 3D while the camera changes to a side view. A Text
Box at the bottom of the screen should contain the congrats message with a button to continue to
the Squire segment.
On-Screen Text
Congratulations! You have passed the first challenge. You have successfully identified the 2-D
shapes and their formulas. Then you used this knowledge to create a fortified layout of a castle for
your Lord. You will now be assigned to a knight who will continue your education and training.
Click the Squire button to continue your journey.
Narration
If recorded, same as On-Screen Text. Best with English accent.
Interactivity
Have user-created castle "grow" into 3D and rotate camera from top view to side view of castle.
Show Congratulatory message in parchment text box at bottom of screen along with a "Squire"
button.
When user clicks "Squire" button, begin "Squire" segment.
Resources /
Links
Notes / Other
Math Castle - Storyboard - SQUIRE SECTION
- 16 -