| Step | Action | Angle turned | |------|--------|--------------| | 1 | Forward (side length) | — | | 2 | Left 60° | 60 | | 3 | Repeat 6 times | — |
function start() var hex = new Turtle(); hex.penUp(); hex.goTo(100, 200); // Adjust starting position hex.penDown(); drawHexagon(hex, 50); // Side length = 50
If you’re working through the CodeHS JavaScript or Graphics unit, you’ve probably hit 3.5.5: Hexagon . At first glance, it seems simple: just draw a six-sided polygon. But getting the angles right and placing it correctly on the screen can be tricky. 3.5.5 hexagon codehs
Now go submit that perfect hexagon and watch those green checkmarks roll in! ✅ Modify your function to draw a hexagon of any size from any starting point. Then try drawing a honeycomb pattern! 🐝
hex.beginPath(); for(var i = 0; i < 6; i++) hex.forward(50); hex.left(60); | Step | Action | Angle turned |
After 6 iterations, the turtle has turned 6 × 60° = 360° , returning to its original heading. The shape closes perfectly. ❌ Using right(120) or left(120) ✅ Use left(60) – the exterior angle.
❌ ✅ Make sure i < 6 (six sides).
function drawHexagon(t, sideLength) for(var i = 0; i < 6; i++) t.forward(sideLength); t.left(60); // Exterior angle
Let’s break down exactly how to solve this problem, understand the math behind it, and write clean, working code. Write a program that draws a regular hexagon (all sides equal, all angles equal) using a Turtle or Graphics object. The Key Insight: Turning Angles A common mistake is thinking the interior angle (120°) is the turning angle. It’s not. Now go submit that perfect hexagon and watch
❌ ✅ Adjust goTo(x, y) to center it. Try (150, 200) . Want a Filled Hexagon? If the exercise allows filling: