Interactive Area Mission

Apply Area Concepts to Solve Problems

Learn and practice the area of triangles, parallelograms, trapezoids, rhombuses, and composite figures. This build also uses the ideas from your lesson slides: decomposing a stop sign into triangles, finding the area of the Ohio Burgee flag, and solving a regular polygon tile-budget challenge.

Visual + multi-tab Fill in the blanks Check each step Hints on demand Autosave

Future iterations already planned in this first build

  • Randomized fresh practice sets on every tab
  • Local autosave for names, answers, progress, and boss score
  • Teacher reset button for whole-class use
  • Expansion-ready hooks for bilingual audio, teacher dashboard, and export
  • Boss battle structure that can easily grow into multiple worlds and power-ups
Student: Not entered yet
Progress 0 of 0 checks complete
Boss Damage 0 total damage
Language supports: base = bottom side used for area, height = straight up-and-down distance, diagonal = line from one corner to another, decompose = break a big shape into smaller shapes, compose = put shapes together.

Instructional Launch

Use the simple area steps below. Keep your eyes on the base, the height, and the formula that matches the shape. For composite figures, break the shape apart or put it together.

Triangle

A = 1/2bh

Parallelogram

A = bh

Trapezoid

A = ((b₁ + b₂) ÷ 2)h

Rhombus

A = 1/2d₁d₂
1
Find the right measurements.
Look for the base and the matching height. For a rhombus, look for both diagonals.
2
Use the correct formula.
Do not use a slanted side as the height unless the problem says it is perpendicular.
3
Check your units.
Area answers use square units like in², ft², or m².
4
Composite shapes?
Break apart, find each area, then add or subtract.

Notice / Wonder from the lesson ideas

Notice: a regular polygon can be broken into equal triangles. Wonder: when should I add areas, and when should I subtract them?

Big idea from the slides: compose or decompose a hard shape into shapes you already know.

Visual Area Guide

height (h) base Triangle height (h) base Parallelogram height (h) b₁ b₂ Trapezoid
Height is straight across to the base Triangles: half of a rectangle Trapezoids: average the bases first

Quick interactive warm-up

Check that you can match the shape and formula before you begin the practice tabs.

Match 1Formula choice

A shape has diagonals that cross inside the shape. Which formula matches best?

Think: which formula uses two diagonals, d₁ and d₂?

Triangle Lab

Use A = 1/2 bh. Multiply the base and height, then take half.

height (h) base
Guided Problem 1Fill in the steps

A triangle has base 12 cm and height 9 cm. Fill in each step.

12 × 9 = 108. Then divide by 2.
Guided Problem 2Missing-number practice

A triangle has area 36 in² and base 9 in. What is the height?

Start with 36 = 1/2 × 9 × h. Double 36 first.

Triangle practice generator

Click to create more triangle problems. You can check each answer and generate a fresh set anytime.

Helpful reminder: The height must meet the base at a right angle. A slanted side is not automatically the height.
In the visuals, the dashed red segment and little right-angle corner mark show the true height.

Parallelogram Lab

Use A = bh. Do not use the slanted side unless it is shown as the height.

height (h) base
Guided Problem 1Step check

A parallelogram has base 14 m and height 7 m.

Parallelograms do not need the 1/2. Just multiply base and height.
Guided Problem 2Choose the right measurement

A parallelogram has base 11 ft, height 6 ft, and slanted side 8 ft. Use the right measurements.

Ignore the slanted side for the area unless it is perpendicular to the base.

Parallelogram practice generator

Quick check: If you can slide one triangle from a parallelogram to the other side, it turns into a rectangle with the same base and height. That is why the formula is A = bh.

Trapezoid Lab

Use A = ((b₁ + b₂) ÷ 2)h. Follow the order: add the bases → divide by 2 → multiply by the height.

height (h) b₁ b₂
Guided Problem 1Do the steps in order

A trapezoid has bases 10 yd and 14 yd and height 6 yd.

(10 + 14) ÷ 2 = 12, and 12 × 6 = 72.
Guided Problem 2Missing base

A trapezoid has area 54 cm², one base 8 cm, the other base 10 cm, and unknown height.

54 = 9 × h, so h = 6.

Trapezoid practice generator

Sentence frame: “I added the two bases first because the trapezoid formula uses the average of the bases.”

Rhombus Lab

Use A = 1/2 d₁d₂. Multiply the diagonals, then take half.

d₁ d₂
Guided Problem 1Diagonal practice

A rhombus has diagonals 10 in and 14 in.

10 × 14 = 140, then divide by 2.
Guided Problem 2Missing diagonal

A rhombus has area 48 cm² and one diagonal 8 cm. Find the other diagonal.

48 = 1/2 × 8 × d, so 96 = 8d.

Rhombus practice generator

Why this works: The diagonals of a rhombus split it into 4 triangles. The formula gives the total area quickly.

Slide Challenge Lab

These are based on the lesson-slide ideas: a regular octagon stop sign, the Ohio Burgee flag, and a regular decagon gazebo floor.

Stop SignRegular polygon

A regular octagon is decomposed into 8 congruent triangles. Each triangle has base 14.9 in and height 18 in.

Use A = 1/2bh for one triangle, then multiply by 8.
Ohio Burgee FlagComposite figure

Compose the flag into a trapezoid with a triangular cut-out. Use bases 8 ft and 5 ft, height 13 ft, and cut-out triangle dimensions 5 ft by 3 ft.

Find the trapezoid area first. Then subtract the triangle cut-out.
Gazebo FloorBudget challenge

A decagon with equal sides can be decomposed into 10 congruent triangles. Each triangle has base 3.75 ft and height 5.75 ft. Tiles cost $2.89 per square foot.

Find the decagon area, then multiply by 2.89.

Mixed composite challenge generator

These mix decomposition and composition strategies. The first few generated problems may include measurement reminders, but later ones require students to read all measurements directly from the visual.

Difficulty ramp: early items may show measurement chips. Later items remove the chips, so students must identify the needed values from the shape labels only.

Summary from the slides

The area of polygons can be found by decomposing them into triangles or quadrilaterals, or by composing them into rectangles or trapezoids. In this mission, the challenge increases as measurement lists gradually disappear and students must rely on the diagrams.

Ask yourself: Can I break it apart? Can I combine it? Should I add areas or subtract one piece?
Final Tab · Ultimate Boss

Defeat Mr. Neft

Battle through 3 phases. Correct answers damage the boss, wrong answers hurt you, and power-ups help you survive the hardest round.

🦹‍♂️⚔️📐
Current Phase: Phase 1 / 3
Boss HP240 / 240
Your HP100 / 100
Power Meter0 / 100
3 phases Combo = more damage Power-ups unlock during battle

Battle Question

Press Start Battle to begin.
Power-ups unlock as you build combo, save power, and reach later phases.

Battle Log

No battle actions yet.

Achievements

0
Checks completed
0
Correct items
7
Tabs in the mission
0
Generated sets used

Mission Map

Students move from guided practice to visual-only challenge problems, then into the boss battle.

World 1Learn the formulas and identify height.
World 2Solve guided problems with step checks.
World 3Read measurements from visuals only.
World 4Defeat Mr. Neft in the final battle.

Teacher Tools

Use these tools to quickly capture student progress from the browser.

Student progress summary will appear here when you click Preview Report.

Trophy Case

Earn badges as you complete each world and clear the final battle.