0.1.3

* Make a sound machine lesson

* Switch to security gadget

docs/SUMMARY.md

@@ -41,12 +41,8 @@
     * [Reverse Beeper 1](/coding/reverse-beeper-1)
     * [Reverse Beeper 2](/coding/reverse-beeper-2)
     * [Reverse Beeper 3](/coding/reverse-beeper-3)
-    * [Ignition 1](/coding/ignition-1)
+    * [Ignition](/coding/ignition)
-    * [Ignition 2](/coding/ignition-2)
+    * [Cruise Control](/coding/cruise-control)
-    * [Ignition 3](/coding/ignition-3)
-    * [Cruise Control 1](/coding/cruise-control-1)
-    * [Cruise Control 2](/coding/cruise-control-2)
-    * [Cruise Control 3](/coding/cruise-control-3)
     * [Roaming 1](/coding/roaming-1)
     * [Roaming 2](/coding/roaming-2)
 

docs/coding.md

@@ -7,19 +7,21 @@
 [
 {
   "name": "Autonomous Parking",
-  "description": "TBD",
+  "description": "Design cars that can park by themselves",
   "url":"/coding/autonomous-parking",
-  "imageUrl": "/static/lessons/parking.png",
+  "imageUrl": "/static/lessons/autonomous-parking.png",
   "cardType": "side"
 }, {
   "name": "Object Detection",
   "description": "TBD",
   "url":"/coding/object-detection",
+  "imageUrl": "/static/lessons/object-detection.jpg",
   "cardType": "side"
 }, {
   "name": "Line Following",
   "description": "TBD",
-  "url":"/coding/line-following",
+  "url":"/coding/line-detection",
+  "imageUrl": "/static/lessons/line-detection.jpg",
   "cardType": "side"
 }]
 ```

docs/coding/autonomous-parking.md

@@ -0,0 +1,172 @@
+# Autonomous Parking
+
+Design cars that can park themselves safely without driver intervention.
+
+![Autonomous parking graphic](/static/coding/autonomous-parking/auto-parking-connect.jpg)
+
+## Connect
+
+**Think about:**
+
+* How do autonomous cars work?
+* What would it take to ensure that autonomous cars are safe?
+* What types of movements do autonomous cars need to perform?
+
+## Construct 
+
+### Build
+
+Build a LEGO MINDSTORMS vehicle that can park itself safely without driver intervention.
+Start by constructing this [model](https://le-www-live-s.legocdn.com/sc/media/lessons/mindstorms-ev3/building-instructions/ev3-rem-driving-base-79bebfc16bd491186ea9c9069842155e.pdf).
+
+![EV3- Robot Driving Base](/static/coding/autonomous-parking/ev3-robot-driving-base.jpg)
+
+### Checks
+
+Before you program, check:
+
+* Are all the wires correctly connected from the motors to ports B and C?
+* Are the wheels correctly installed?
+* Are the wheels rotating freely?
+
+### Program 
+
+Write a program that will make the robot turn three times in various ways.
+
+**Think about:**
+
+* How will you make the robot turn in different ways?
+* How can the robot make a three point turn?
+
+### ~hint
+
+Consider using these blocks in your solution:
+
+```block
+motors.largeBC.tank(50, 50)
+pause(500)
+```
+
+### ~
+
+### Sample Solution - Three Point Turn
+
+1. When the brick button is pressed, turn the driving base right and stop after 1.5 seconds.
+2. Turn the driving base left and stop after 1 second.
+3. Move the driving base forward for 3 seconds.
+
+```blocks
+brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
+    motors.largeBC.tank(75, 30)
+    loops.pause(1500)
+    motors.largeBC.tank(-30, -75)
+    loops.pause(1000)
+    motors.largeBC.tank(50, 50)
+    loops.pause(3000)
+})
+```
+### Download and test
+
+Click Download and follow the instructions to get your code onto your EV3 Brick. Press the center button on the EV3 Brick to run the program.
+
+## Contemplate
+
+Choose one of the following autonomous driving scenarios and create a program for it:
+
+* Parallel parking
+* Angle parking
+* Perpendicular parking
+
+### ~hint
+
+Document pseudocode for your program before choosing programming blocks.
+
+### ~
+
+### Sample Solution - Parallel Parking
+
+1. When the brick button is pressed, drive forward in a straight line for 3 rotations.
+2. Wait for 1 second.
+3. Reverse motor rotation while turning for 1.5 rotations.
+4. Reverse motor rotation while turning the other way for 1.5 rotations.
+5. Drive backward in a straight line for 0.5 rotations.
+6. Drive forward in a straight line for 0.5 rotations.
+
+```blocks
+brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
+    motors.largeBC.steer(0, 50, 3, MoveUnit.Rotations)
+    pause(1000)
+motors.largeBC.steer(-50, -50, 1.5, MoveUnit.Rotations)
+    motors.largeBC.steer(50, -50, 1.5, MoveUnit.Rotations)
+    motors.largeBC.steer(0, -50, 0.5, MoveUnit.Rotations)
+    motors.largeBC.steer(0, 50, 0.5, MoveUnit.Rotations)
+})
+```
+
+### Download and test
+
+Click Download and follow the instructions to get your code onto your EV3 Brick. Press the center button on the EV3 Brick to run the program.
+
+### Differentiation
+
+Create a program that simulates displaying appropriate warning lights while parking. 
+
+### ~hint
+
+Consider using this block in your solution:
+
+```block
+brick.setStatusLight(StatusLight.OrangeFlash)
+```
+
+### ~
+
+### Sample Solution - Simulating Reverse Gear and Reverse Warning Lights
+
+1. When the brick button is pressed, drive forward in a straight line for 3 rotations.
+2. Wait for 1 second.
+3. Set brick status light to orange flash.
+4. Reverse motor rotation while turning for 1.5 rotations.
+5. Reverse motor rotation while turning the other way for 1.5 rotations.
+6. Drive backward in a straight line for 0.5 rotations.
+7. Set brick status light to off.
+8. Drive forward in a straight line for 0.5 rotations.
+
+```blocks
+brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
+    motors.largeBC.steer(0, 50, 3, MoveUnit.Rotations)
+    pause(1000)
+    brick.setStatusLight(StatusLight.OrangeFlash)
+    motors.largeBC.steer(-50, -50, 1.5, MoveUnit.Rotations)
+    motors.largeBC.steer(50, -50, 1.5, MoveUnit.Rotations)
+    motors.largeBC.steer(0, -50, 0.5, MoveUnit.Rotations)
+    brick.setStatusLight(StatusLight.Off)
+    motors.largeBC.steer(0, 50, 0.5, MoveUnit.Rotations)
+})
+```
+
+### Download and test
+
+Click Download and follow the instructions to get your code onto your EV3 Brick. Press the center button on the EV3 Brick to run the program.
+
+### Share
+
+**Think about:**
+
+* What challenged you?
+* Were there any surprises?
+* How can you improve your program?
+* Can your program be more streamlined? Have you used too many blocks?
+* Is there a more efficient way to build your program?
+* How can your program be used in real-world scenarios?
+
+
+## Continue
+
+* Click on the JavaScript tab and experiment with changing the values in the code.
+* Add a custom image or sounds from the Brick or Music menus.
+* Create a video of your project, especially your final presentation and your robot’s performance. Explain some important features of your software program. 
+* Include an image of your program with comments. 
+* Add a team photograph! 
+
+Congratulations! What will you design next?

docs/coding/cruise-control-1.md

@@ -1,10 +0,0 @@
-# Cruise Control Activity 1
-
-```blocks
-let speed = 0;
-sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
-    if (speed < 100)
-        speed = speed + 10;
-    motors.largeBC.run(speed);
-}) 
-```

docs/coding/cruise-control-2.md

@@ -1,15 +0,0 @@
-# Cruise Control Activity 2
-
-```blocks
-let speed = 0;
-sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
-    if (speed < 100)
-        speed = speed + 10;
-    motors.largeBC.run(speed);
-}) 
-sensors.touch2.onEvent(ButtonEvent.Pressed, function () {
-    if (speed > -100)
-        speed = speed - 10;
-    motors.largeBC.run(speed);
-}) 
-```

docs/coding/cruise-control-3.md

@@ -1,28 +0,0 @@
-# Cruise Control Activity 3
-
-```blocks
-let speed = 0
-function decelerate() {
-    if (speed > -100) {
-        speed = speed - 10
-    }
-}
-function accelerate() {
-    if (speed < 100) {
-        speed = speed + 10
-    }
-}
-function update() {
-    brick.clearScreen()
-    brick.showString("speed: " + speed, 1)
-    motors.largeBC.run(speed)
-}
-sensors.touch2.onEvent(ButtonEvent.Pressed, function () {
-    accelerate()
-    update()
-})
-sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
-    decelerate()
-    update()
-})
-```

docs/coding/cruise-control.md

@@ -0,0 +1,65 @@
+# Cruise Control
+
+Learn how to set and adjust motor speeds.
+
+## Activity 1
+
+Increase motor speed when touch sensor `1` is pressed.
+
+```blocks
+let speed = 0;
+sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
+    if (speed < 100)
+        speed = speed + 10;
+    motors.largeBC.run(speed);
+}) 
+```
+
+## Activity 2
+
+Add a "reduce" motor speed action when touch sensor `2` is pressed.
+
+```blocks
+let speed = 0;
+sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
+    if (speed < 100)
+        speed = speed + 10;
+    motors.largeBC.run(speed);
+}) 
+sensors.touch2.onEvent(ButtonEvent.Pressed, function () {
+    if (speed > -100)
+        speed = speed - 10;
+    motors.largeBC.run(speed);
+}) 
+```
+
+## Activity 3
+
+Refactor your code by moving the speed increase and speed decrease code into ``||functions:accelerate||`` and ``||functions:decelerate||`` functions. Run the motors at the new speed in an ``||functions:update||`` function.
+
+```blocks
+let speed = 0
+function decelerate() {
+    if (speed > -100) {
+        speed = speed - 10
+    }
+}
+function accelerate() {
+    if (speed < 100) {
+        speed = speed + 10
+    }
+}
+function update() {
+    brick.clearScreen()
+    brick.showString("speed: " + speed, 1)
+    motors.largeBC.run(speed)
+}
+sensors.touch2.onEvent(ButtonEvent.Pressed, function () {
+    accelerate()
+    update()
+})
+sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
+    decelerate()
+    update()
+})
+```

docs/coding/ignition-1.md

@@ -1,11 +0,0 @@
-# Ignition Activity 1
-
-```blocks
-sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
-    brick.showImage(images.eyesDizzy)
-})
-sensors.ultrasonic4.onEvent(UltrasonicSensorEvent.ObjectDetected, function () {
-    brick.showImage(images.eyesTiredMiddle)
-})
-brick.showImage(images.eyesSleeping)
-```

docs/coding/ignition-2.md

@@ -1,12 +0,0 @@
-# Ignition Activity 2
-
-```blocks
-while (true) {
-    if (sensors.touch1.wasPressed() &&
-        sensors.ultrasonic4.distance() < 10) {
-        music.playSoundEffectUntilDone(sounds.mechanicalMotorStart)
-        music.playSoundEffectUntilDone(sounds.mechanicalMotorIdle);
-    }
-    pause(1);
-}
-```

docs/coding/ignition-3.md

@@ -1,13 +0,0 @@
-# Ignition Activity 3
-
-```blocks
-while (true) {
-    if (sensors.ultrasonic4.distance() < 10 &&
-        sensors.touch1.wasPressed() &&
-        brick.buttonEnter.wasPressed()) {
-        music.playSoundEffectUntilDone(sounds.mechanicalMotorStart)
-        music.playSoundEffectUntilDone(sounds.mechanicalMotorIdle);
-    }
-    pause(1);
-}
-```

docs/coding/ignition.md

@@ -0,0 +1,48 @@
+# Ignition
+
+Explore sensor events and sensor status.
+
+## Activity 1
+
+Wait for a touch sensor press or ultrasonic object detection. Show an expression on the screen when they happen.
+
+```blocks
+sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
+    brick.showImage(images.eyesDizzy)
+})
+sensors.ultrasonic4.onEvent(UltrasonicSensorEvent.ObjectDetected, function () {
+    brick.showImage(images.eyesTiredMiddle)
+})
+brick.showImage(images.eyesSleeping)
+```
+
+## Activity 2
+
+Play some motor sounds if touch sensor `1` is pressed at the same moment when and object comes close.
+
+```blocks
+while (true) {
+    if (sensors.touch1.wasPressed() &&
+        sensors.ultrasonic4.distance() < 10) {
+        music.playSoundEffectUntilDone(sounds.mechanicalMotorStart)
+        music.playSoundEffectUntilDone(sounds.mechanicalMotorIdle);
+    }
+    pause(1);
+}
+```
+
+## Activity 3
+
+Play some motor sounds if touch sensor `1` is pressed when both the `enter` button is pressed on the brick and an object comes close.
+
+```blocks
+while (true) {
+    if (sensors.ultrasonic4.distance() < 10 &&
+        sensors.touch1.wasPressed() &&
+        brick.buttonEnter.wasPressed()) {
+        music.playSoundEffectUntilDone(sounds.mechanicalMotorStart)
+        music.playSoundEffectUntilDone(sounds.mechanicalMotorIdle);
+    }
+    pause(1);
+}
+```

docs/coding/line-detection.md

@@ -0,0 +1,238 @@
+# Line Detection
+
+Design ways to improve driving safety by helping to prevent drivers from falling asleep and causing an accident.
+
+![Car following the line on the road](/static/coding/line-detection/car-road-line.jpg)
+
+## Connect
+
+Think about:
+
+* How can autonomous cars react to different traffic light signals?
+* What can happen if a driver falls asleep while driving?
+* How can we detect when a driver is falling asleep?
+
+## Construct
+
+### Build
+
+Build a LEGO MINDSTORMS vehicle that can help prevent drivers from falling asleep and causing an accident.
+
+Start by constructing this [model](https://le-www-live-s.legocdn.com/sc/media/lessons/mindstorms-ev3/building-instructions/ev3-rem-color-sensor-down-driving-base-d30ed30610c3d6647d56e17bc64cf6e2.pdf):
+
+![EV3 robot with color sensor](/static/coding/line-detection/ev3-robot-color-sensor-down.jpg)
+
+Build red and green “lights” for your robot to detect. You can use LEGO bricks, colored tape, or marker on white paper. Read the building [instructions](https://le-www-live-s.legocdn.com/sc/media/files/support/mindstorms%20ev3/building-instructions/design%20engineering%20projects/color%20squares-0a88dfd98bb2e64b5b8151fc422bae36.pdf).
+
+![IMAGE: Color Squares](/static/coding/line-detection/ev3-color-squares.jpg)
+
+Before you program, check:
+
+* Are all the wires correctly connected from the motors to ports B and C?
+* Are the wheels correctly installed?
+* Are the wheels rotating freely?
+* Are the wires connected from the Color Sensor to port 3?
+
+![IMAGE: EV3 Driving Base](/static/coding/line-detection/ev3-robot-driving-base.jpg)
+
+### Program
+
+Autonomous cars need to recognize and respond to traffic lights automatically. Create a program that will make your robot stop at red lights. Make sure your robot is only responding to the color red. Once you have succeeded, program your robot to drive forward again when the light changes from red to green.
+
+Before you program, think about:
+
+* How will you program the robot to detect a color?
+* How will you program the robot to stop at a color?
+* Which programming blocks will you use?
+
+### ~ hint
+
+Consider using these blocks in your solution:
+
+```block
+loops.forever(function () {
+	
+})
+motors.largeBC.steer(0, 50)
+sensors.color3.pauseForColor(ColorSensorColor.Red)
+motors.stopAll()
+```
+
+### ~
+
+### Sample Solution - Red light detection
+
+1. Loop forever.
+2. Start motors ``B`` and ``C`` (drive forward).
+3. Wait for the color sensor to detect the color red.
+4. Stop all motors.
+
+```blocks
+loops.forever(function () {
+    motors.largeBC.steer(0, 50)
+    sensors.color3.pauseForColor(ColorSensorColor.Red)
+    motors.stopAll()
+})
+```
+
+### Download and test
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. 
+
+Congratulations! Your robot can stop at a red light. 
+
+Now add to your program and have your robot to drive forward again when the light changes from red to green.
+
+### Sample Solution - Red and green light detection in a loop
+
+1. Start motors ``B`` and ``C`` (drive forward).
+2. Wait for the color sensor to detect the color red.
+3. Stop all motors.
+4. Wait for the color sensor to detect the color green.
+5. Loop forever.
+
+```blocks
+loops.forever(function () {
+    motors.largeBC.steer(0, 50)
+    sensors.color3.pauseForColor(ColorSensorColor.Red)
+    motors.stopAll()
+    sensors.color3.pauseForColor(ColorSensorColor.Green)
+})
+```
+
+### Download and test
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. 
+
+## Contemplate
+
+To simulate what could happen if a driver falls asleep while driving, your robot could sound an alarm signal when it crosses the line. This feature is often available in new cars.
+
+Program your robot to perform this function.
+
+Draw a dark line with tape or marker for your robot to cross.
+
+### ~hint
+
+Consider using these blocks in your solution:
+
+```block 
+motors.largeBC.steer(0, 50)
+music.playSoundEffect(sounds.systemGeneralAlert)
+```
+### ~
+
+### Sample Solution - Line detection in a loop
+
+1. Start motors ``B`` and ``C`` (drive forward with a curve toward the line).
+2. Wait for the color sensor to detect the color black.
+3. Play sound effect “System General Alert.”
+4. Start motors ``B`` and ``C`` (drive forward with a curve away from the line).
+5. Wait for the color sensor to detect the color white.
+6. Loop forever.
+
+```blocks
+loops.forever(function () {
+    motors.largeBC.steer(-30, 20)
+    sensors.color3.pauseForColor(ColorSensorColor.Black)
+    music.playSoundEffect(sounds.systemGeneralAlert)
+    motors.largeBC.steer(30, 20)
+    sensors.color3.pauseForColor(ColorSensorColor.White)
+})
+```
+
+### Download and test
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. 
+
+### Differentiation
+
+Program your robot to drive on “autopilot” along a given route. You will need to create a program that recognizes and responds to a dark line (or white line). You will create a line-following program and your robot will need to travel along the line without losing contact with it.
+
+You will need to constantly debug your program in order to make your robot travel as smoothly as possible along the line.
+
+### ~hint
+
+Consider using these blocks in your solution:
+
+```block
+while (true) {
+	
+}
+motors.largeBC.steer(0, 50)
+```
+
+> **- OR -**
+
+```block
+if (true) {
+	
+}
+```
+
+### ~
+
+### Sample Solutions
+
+#### Line Following in Loop
+
+1. While the Color Sensor detects the color black, start motors ``B`` and ``C`` (drive forward with a curve toward the line).
+2. While the Color Sensor detects the color white, start motors ``B`` and ``C`` (drive forward with a curve away from the line).
+3. Loop forever.
+
+```blocks
+forever(function () {
+    while (true) {
+        sensors.color3.pauseForColor(ColorSensorColor.Black)
+        motors.largeBC.steer(-30, 50)
+    }
+    while (true) {
+        sensors.color3.pauseForColor(ColorSensorColor.White)
+        motors.largeBC.steer(30, 50)
+    }
+})
+```
+
+#### Line Following in Loop
+
+1. If the Color Sensor detects the color black, start motors ``B`` and ``C`` (drive forward with a curve toward the line).
+Else the Color Sensor detects the color white, start motors ``B`` and ``C`` (drive forward with a curve away from the line).
+2. Loop forever.
+
+```blocks
+forever(function () {
+    if (true) {
+        sensors.color3.pauseForColor(ColorSensorColor.Black)
+        motors.largeBC.steer(-30, 50)
+    } else {
+        sensors.color3.pauseForColor(ColorSensorColor.White)
+        motors.largeBC.steer(30, 50)
+    }
+})
+```
+
+### Download and test
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. 
+
+### Share
+
+Think about:
+
+* What challenged you?
+* Were there any surprises?
+* How can you improve your program?
+* Can your program be more streamlined? Have you used too many blocks?
+* Is there a more efficient way to build your program?
+* How can your program be used in real-world scenarios?
+
+Personalize:
+
+* Click on the **JavaScript** tab and experiment with changing the values in the code.
+* Add a custom image or sounds from the ``||brick:Brick||`` or ``||music:Music||`` menus.
+* Create a video of your project, especially your final presentation and your robot’s performance. Explain some important features of your software program. 
+* Include an image of your program with comments. 
+* Add a team photograph! 
+
+Congratulations! What will you design next?
+

docs/coding/object-detection.md

@@ -0,0 +1,137 @@
+# Object Detection
+
+Design ways to avoid accidents between vehicles and objects in the road.
+
+![Deer in the road](/static/coding/object-detection/road-deer.jpg)
+
+## Connect 
+
+Think about:
+
+* In what driving situations can a car hit an obstacle?
+* What do you need to be aware of to avoid collisions with obstacles?
+* What causes traffic jams in high density areas?
+
+## Construct 
+
+### Build
+
+Build a LEGO MINDSTORMS vehicle that can avoid accidents between vehicles and objects in the road.
+
+Start by constructing this [model](https://le-www-live-s.legocdn.com/sc/media/lessons/mindstorms-ev3/building-instructions/ev3-ultrasonic-sensor-driving-base-61ffdfa461aee2470b8ddbeab16e2070.pdf).
+
+![EV3 Robot Driving Base](/static/coding/object-detection/ev3-robot-driving-base.jpg)
+
+Build an obstacle for your robot to detect. You can build the [cuboid model](https://le-www-live-s.legocdn.com/sc/media/lessons/mindstorms-ev3/building-instructions/ev3-cuboid-dc93b2e60bed2981e76b3bac9ea04558.pdf) out of LEGO bricks or an obstacle of your choice. 
+
+![Cubiod block](/static/coding/object-detection/ev3-cuboid.jpg)
+
+Before you program, check:
+
+* Are all the wires correctly connected from the motors to ports B and C?
+* Are the wheels correctly installed?
+* Are the wheels rotating freely?
+* Are the wires connected from the Ultrasonic Sensor to port 4?
+
+### Program
+
+* Program your robot to detect any obstacles that might appear while the robot is moving forward (or backward).
+* Make the robot stop when it detects an object that is less than 20 cm away.
+
+Before you program, think about:  
+* How will you program the robot to detect obstacles?
+* How will you program the robot to stop at obstacles?
+* Which programming blocks will you use?
+
+### ~hint
+
+Consider using these blocks in your solution:
+
+```block
+brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
+
+})
+motors.largeBC.steer(0, 50)
+pauseUntil(() => true)
+let near = sensors.ultrasonic4.distance() < 20
+motors.stopAll()
+```
+
+### ~
+
+### Sample Solution 
+
+1. Start the program when EV3 ``enter`` button is pressed.
+2. Turn motors ``B`` and ``C`` on at speed ``50``.
+3. Wait until Ultrasonic Sensor detects an obstacle at a distance of less than ``20`` cm.
+4. Stops all motors.
+
+```blocks
+brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () {
+    motors.largeBC.steer(0, 50)
+    pauseUntil(() => sensors.ultrasonic4.distance() < 20)
+    motors.stopAll()
+})
+```
+
+### Download and test
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. Press the ``center`` button on the EV3 Brick to run the program.
+
+## Contemplate
+
+On the road, when a driver sees and object, they slow their car down before coming to a full stop. 
+
+Program your EV3 Driving Base to do the same.
+
+If the Ultrasonic Sensor:
+
+* Detects an object less than `10` cm away, make the robot stop.
+* Detects an object between `10` and `20` cm away, make the robot slow down.
+* Does not detect any object, continue to move at full speed.
+
+### ~hint
+
+Consider using this block in your solution:
+ 
+```block
+if (true) {
+}
+```
+
+### ~
+
+### Sample Solution 
+
+```blocks
+loops.forever(function () {
+    motors.largeBC.steer(0, 50)
+    if (sensors.ultrasonic4.distance() < 10) {
+        motors.stopAll()
+    } else if (sensors.ultrasonic4.distance() < 20) {
+        motors.largeBC.steer(0, 10)
+    }
+})
+```
+
+### Download and test
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. Press the ``center`` button on the EV3 Brick to run the program.
+
+## Continue 
+
+* Get together with other building teams and make a traffic jam by placing all of your robots in a line with varying amounts of space between them.
+* Have everyone start their robots at the same time and see what happens.
+* Refine your programs so that all of the robots continue driving at the same speed with equal distances between them.
+* Click on the JavaScript tab and experiment with changing the values in the code.
+* Add a custom image or sounds from the Brick or Music menus.
+
+### Share
+
+* Share what you think “efficiency in programming” means.
+* Explore the different solutions other programmers came up with.
+* Create a video of your project, especially your final presentation and your robot’s performance. Explain some important features of your software program. 
+* Include an image of your program with comments. 
+* Add a team photograph! 
+
+Congratulations! What will you design next

docs/design-engineering.md

@@ -7,21 +7,21 @@
     {
         "name": "Make It Move Without Wheels",
         "description": "TBD",
-        "imageUrl": "/static/lessons/make-it-move-1.png",
+        "imageUrl": "/static/lessons/make-it-move-without-wheels.png",
         "url": "/design-engineering/make-it-move",
         "cardType": "side"
     },
     {
         "name": "Make It Smarter and Faster",
         "description": "TBD",
-        "imageUrl": "/static/lessons/make-it-smarter-1.png",
+        "imageUrl": "/static/lessons/make-it-smarter-and-faster.png",
         "url": "/design-engineering/make-it-smarter",
         "cardType": "side"
     },
     {
         "name": "Make a System that Communicates",
         "description": "A robot that tells you what it is doing.",
-        "imageUrl": "/static/lessons/make-it-communicate.png",
+        "imageUrl": "/static/lessons/make-a-system-that-communicates.png",
         "url": "/design-engineering/make-it-communicate",
         "cardType": "side"
     }

docs/index-ref.json

@@ -1,3 +1,3 @@
 {
-    "appref": "v0.0.104"
+    "appref": "v0"
 }

docs/lessons/make-a-security-gadget.md

@@ -0,0 +1,135 @@
+
+# Make a Security Gadget
+
+![Maker – Make a Security Gadget Main Image](/static/lessons/make-a-security-gadget/lego-maker-security.jpg)
+
+Invent a Security Gadget that will protect your belongings by warning you!
+
+## Connect 
+
+Over time, people have come up with many different ways to help protect their personal belongings from theft. These inventions include simple alarm systems and even traps! 
+
+![Make a Security Gadget 3 Stock Footage Images](/static/lessons/make-a-security-gadget/lego-security-gadget.jpg)
+
+Look at the photos and think about:
+
+* What do you see?
+* Can you see any new design opportunities?
+* What problems can you see?
+* How could you make use of the LEGO bricks, the EV3 Programmable Brick, motors, and sensors?
+
+### Things You’ll Need
+
+* [LEGO MINDSTORMS Education EV3 Core Set](https://education.lego.com/enus/products/legomindstormseducationev3coreset/5003400)
+
+Additional materials to add to your Security Gadget:
+
+* String
+* Arts and crafts materials such as:
+>* Cardboard
+>* Construction paper
+>* Pipe cleaners
+>* Plastic or paper cups 
+>* Recycled materials
+>* Rubber bands
+>* Wire
+
+### Prior Knowledge
+
+This activity uses sensor inputs. You may want to try the Use or Object Detection activity before this one. Or, you can start out with this activity and tinker with coding sensor inputs on your own.
+
+### Defining the Problem
+
+![LEGO Education Maker Design Process](/static/lessons/make-a-security-gadget/lego-security-gadget.jpg)
+
+1. What problems did you imagine? 
+2. Pick one problem and explain it to a partner.
+
+### Brainstorm
+
+Now that you have defined a problem, start to generate ideas for solving it. 
+
+### ~hint
+
+Some things to do while brainstorming:
+
+* Use the bricks from the LEGO set to help you brainstorm or sketch your ideas on paper.
+* The goal of brainstorming is to explore as many solutions as possible. You can use the tinkering examples in the Sample Solutions section below as inspiration for getting started.
+* Share your ideas and get some feedback. It may lead to more ideas!
+
+### ~ 
+
+### Define the Design Criteria
+
+1. You should have generated a number of ideas. Now select the best one to make. 
+2. Write out two or three specific design criteria your design must meet.
+
+## Go Make
+
+It is time to start making!
+
+* Use the components from the LEGO® MINDSTORMS EV3 Core Set and additional materials to make your chosen solution. 
+* Test and analyze your design as you go and record any improvements that you make. 
+
+### Review and Revise Your Solution
+
+* Have you managed to solve the problem that you defined? 
+* Look back at your design criteria. How well does your solution work? 
+* How can you improve your design?
+
+### Communicate Your Solution
+
+Now that you have finished you can:
+
+* Make a sketch or take a photo or video of your model.
+* Label the three most important parts and explain how they work.
+* Share your work with others.
+
+### Sample Solutions
+
+#### Phone Protector
+
+![Security Gadget Tinkering Example #1 – Phone Stand](/static/lessons/make-a-security-gadget/lego-security-gadget.jpg)
+
+This example program combined with the small model will sound an alarm if someone picks it up. The program activates an alarm when an object is lifted from the Touch Sensor.
+
+1. Drag a ``||sensors:pause until touch||`` block and place it inside the ``||loops:forever||`` loop.
+2. Drag a ``||music:play sound effect||`` block and place it below the ``||sensors:pause until||`` block.
+3. Change the sound effect to ``mechanical horn1``.
+
+![Tinkering Example #1 Programming Blocks (see JavaScript below)](/static/lessons/make-a-security-gadget/lego-security-gadget.jpg)
+
+```blocks
+forever(function () {
+    sensors.touch1.pauseUntil(ButtonEvent.Pressed)
+    music.playSoundEffect(sounds.mechanicalHorn1)
+})
+```
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. Press the ``center`` button on the EV3 Brick to run the program.
+
+#### Object Detection
+
+![Security Gadget Tinkering Example #1 – Mouse detector](/static/lessons/make-a-security-gadget/lego-security-gadget.jpg)
+
+This example program combined with the small model will sound an alarm if someone (or something) crosses its path! The program activates an alarm when an object moves in front of the Ultrasonic Sensor.
+
+![Tinkering Example #2 Programming Blocks (see JavaScript below)](/static/lessons/make-a-security-gadget/lego-security-gadget.jpg)
+
+1. Drag a ``||sensors:pause until ultrasonic||`` block and place it inside the ``||loops:forever||`` loop.
+2. Drag a ``||music:play sound effect||`` block and place it below the ``||sensors:pause until||`` block.
+3. Change the sound effect to ``mechanical horn1``.
+
+```blocks
+forever(function () {
+    sensors.ultrasonic4.pauseUntil(UltrasonicSensorEvent.ObjectDetected)
+    music.playSoundEffect(sounds.mechanicalHorn1)
+})
+```
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. Press the ``center`` button on the EV3 Brick to run the program.
+
+### Well done!
+
+Click [here](#) to try out some more projects!
+

docs/lessons/make-a-sound-machine.md

@@ -0,0 +1,157 @@
+# Make a Sound Machine
+
+![Maker – Make a Sound Machine Main Image](/static/lessons/make-a-sound-machine/lego-maker-sound-machine-1.jpg)
+
+Make a Sound Machine that can play a rhythm, music or just noise!
+
+## Connect 
+
+Music is made up of a combination of sounds, notes and rhythm. A rhythm is a regular movement or repeated pattern of movements that can be used in many different ways. In mechanical machines, a rhythm can help keep a machine running smoothly. It can also be used to generate different sounds in music. 
+
+![Sound Machine 3 Stock Footage Images](/static/lessons/make-a-sound-machine/three-stock.jpg)
+
+Look at the photos and think about:
+
+* What do you see?
+* Can you see any new design opportunities?
+* What problems can you see?
+* How could you make use of the LEGO bricks, the EV3 Programmable Brick, motors, and sensors?
+
+### Things You’ll Need
+
+* [LEGO MINDSTORMS Education EV3 Core Set](https://education.lego.com/enus/products/legomindstormseducationev3coreset/5003400)
+
+Additional materials to add to your Sound Machine:
+
+* Small musical instruments, such as chimes, bells, and small drums
+* Arts and crafts materials such as:
+>* Cardboard
+>* Construction paper
+>* Pipe cleaners
+>* Plastic or paper cups 
+>* Recycled materials
+>* Rubber bands
+>* Wire
+
+### Prior Knowledge
+
+This activity uses motor rotations and sensor inputs. You may want to try the Use or Object Detection activity before this one. Or, you can start out with this activity and tinker with coding motor and sensor inputs on your own.
+
+### Defining the Problem
+
+![LEGO Education Maker Design Process](/static/lessons/make-a-sound-machine/lego-maker-sound-machine.jpg)
+
+1. What problems did you imagine? 
+2. Pick one problem and explain it to a partner.
+
+### Brainstorm
+
+Now that you have defined a problem, start to generate ideas for solving it. 
+
+### ~hint
+
+Some things to do while brainstorming:
+
+* Use the bricks from the LEGO set to help you brainstorm or sketch your ideas on paper.
+* The goal of brainstorming is to explore as many solutions as possible. You can use the tinkering examples in the Sample Solutions section below as inspiration for getting started.
+* Share your ideas and get some feedback. It may lead to more ideas!
+
+### ~
+
+### Define the Design Criteria
+
+* You should have generated a number of ideas. Now select the best one to make. 
+* Write out two or three specific design criteria your design must meet.
+
+## Go Make
+
+It is time to start making!
+* Use the components from the LEGO® MINDSTORMS EV3 Core Set and additional materials to make your chosen solution. 
+* Test and analyze your design as you go and record any improvements that you make. 
+
+Review and Revise Your Solution 
+* Have you managed to solve the problem that you defined? 
+* Look back at your design criteria. How well does your solution work? 
+* How can you improve your design?
+
+Communicate Your Solution 
+Now that you have finished you can:
+* Make a sketch or take a photo or video of your model.
+* Label the three most important parts and explain how they work.
+* Share your work with others.
+
+## Sample Solutions
+
+### Rhythm Maker
+
+![Sound Machine Tinkering Example #1](/static/lessons/make-a-sound-machine/lego-maker-sound-machine.jpg)
+
+This example program combined with the small model will make a beat and rhythm on any surface when the program is run.
+
+![Tinkering Example #1 Programming Blocks (see JavaScript below)](/static/lessons/make-a-sound-machine/lego-maker-sound-machine.jpg)
+
+1. Drag a run ``||motors:large motor A||`` block inside the ``||loops:forever||`` loop.
+2. Press the **(+)**.
+3. Change the rotations to `2`.
+4. Drag a ``||loops:pause||`` block and place it under the motor block.
+5. Change the duration to ``200`` ms.
+6. Drag a ``||run large motor A||`` block inside the ``||loops:forever||`` loop.
+7. Press the **(+)**.
+8. Change the power to `100`.
+9. Change the rotations to `1`.
+
+```blocks
+forever(function () {
+    motors.largeA.run(50, 2, MoveUnit.Rotations)
+    pause(200)
+    motors.largeA.run(100, 1, MoveUnit.Rotations)
+})
+```
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. Press the ``center`` button on the EV3 Brick to run the program.
+
+### Color Sensor Sounds
+
+![Sound Machine Tinkering Example #1](/static/lessons/make-a-sound-machine/lego-maker-sound-machine.jpg)
+
+You can also tinker with the use of sensors.
+
+![Tinkering Example #2 Programming Blocks (see JavaScript below)](/static/lessons/make-a-sound-machine/lego-maker-sound-machine.jpg)
+
+1. Drag an ``||logic:if else||`` Logic block and place it inside the ``||loops:forever||`` loop.
+2. Drag a ``||sensors:pause color sensor||`` block and place it inside the ``||logic:if true then||`` block.
+3. Change the color to ``blue``.
+4. Drag a ``||music:play tone||`` block and place under the sensor block.
+5. Change the tone to ``Middle G`` (392 Hz).
+6. Drag a ``||sensors:pause color sensor||`` block and place it inside the ``||logic:else||`` block.
+7. Change the color to ``red``.
+8. Drag a ``||music:play tone||`` block and place under the new sensor block.
+9. Change the tone to ``High C`` (523 Hz).
+10. Press the **(+)**.
+11. Drag a ``||sensors:pause color sensor||`` block and place it inside the ``||logic:else if||`` block.
+12. Change the color to ``green``.
+13. Drag a ``||music:play tone||`` block and place under the new sensor block.
+14. Change the tone to ``High D`` (587 Hz).
+
+```blocks
+forever(function () {
+    if (true) {
+        sensors.color3.pauseForColor(ColorSensorColor.Blue)
+        music.playTone(392, music.beat(BeatFraction.Whole))
+    } else if (false) {
+        sensors.color3.pauseForColor(ColorSensorColor.Red)
+        music.playTone(523, music.beat(BeatFraction.Half))
+    } else {
+        sensors.color3.pauseForColor(ColorSensorColor.Green)
+        music.playTone(587, music.beat(BeatFraction.Half))
+    }
+})
+```
+
+Click **Download** and follow the instructions to get your code onto your EV3 Brick. Press the ``center`` button on the EV3 Brick to run the program.
+
+### Well done!
+
+Click [here](#) to try out some more projects!
+
+

docs/maker.md

@@ -13,7 +13,15 @@ These six activities require the LEGO® MINDSTORMS® Education EV3 Core Set (455
   "description": "Create instruments with your EV3 Brick!",
   "url":"/maker/sound-machine",
   "cardType": "example",
-  "imageUrl": "/static/maker/sound-machine.png",
+  "imageUrl": "/static/lessons/make-a-sound-machine.png",
+  "cardType": "side"  
+},
+{
+  "name": "Make A Security Gadget",
+  "description": "TBD",
+  "url":"/maker/security-gadget",
+  "cardType": "example",
+  "imageUrl": "/static/lessons/make-a-security-device.png",
   "cardType": "side"  
 }
 ]

docs/reference.md

@@ -1,6 +1,7 @@
 # Reference
 
 ```namespaces
+music.playSoundEffect(sounds.animalsCatPurr);
 sensors.color(null);
 motors.stopAll();
 brick.showMood(moods.sleeping);
@@ -18,5 +19,6 @@ control.runInParallel(function(){});
 [brick](/reference/brick),
 [sensors](/reference/sensors),
 [motors](/reference/motors),
+[music](/reference/music),
 [control](/reference/control),
 [console](/reference/console)

docs/reference/control/assert.md

@@ -0,0 +1,12 @@
+# @extends
+
+## Example #example
+
+Stop the program if the gyro dectects an angle greater than 45 degrees.
+
+```blocks
+forever(function () {
+    control.assert(sensors.gyro2.angle() > 45, 15)
+    pause(300)
+})
+```

docs/reference/control/device-serial-number.md

@@ -0,0 +1,9 @@
+# @extends
+
+## Example #example
+
+Log the device serial number to the console.
+
+```blocks
+console.logValue("serialnumber", control.deviceSerialNumber());
+```

docs/reference/control/on-event.md

@@ -0,0 +1,25 @@
+# @extends
+
+# Example #example
+
+Register two events coming from source `22`. Make the brick status light up  when
+the events of `0` and `1` are _raised_.
+
+```blocks
+const statusLighter = 22;
+
+control.runInParallel(() => {
+    for (let i = 0; i < 2; i++) {
+        pause(1000);
+        control.raiseEvent(statusLighter, i);
+    }
+})
+
+control.onEvent(statusLighter, 0, () => {
+    brick.setStatusLight(StatusLight.OrangePulse)
+})
+
+control.onEvent(statusLighter, 1, () => {
+    brick.setStatusLight(StatusLight.GreenPulse)
+})
+```

docs/reference/control/panic.md

@@ -0,0 +1,13 @@
+# @extends
+
+## Example #example
+
+Send a 'code red' error that you created to the error display if the brick crashes into a wall.
+
+```blocks
+let codeRed = 1
+let codeBlue = 2
+sensors.touch1.onEvent(ButtonEvent.Pressed, function () {
+    control.panic(codeRed)	
+})
+```

docs/reference/control/raise-event.md

@@ -0,0 +1,25 @@
+# @extends
+
+# Example #example
+
+Register two events coming from source `22`. Make the brick status light up  when
+the events of `0` and `1` are _raised_.
+
+```blocks
+const statusLighter = 22;
+
+control.runInParallel(() => {
+    for (let i = 0; i < 2; i++) {
+        pause(1000);
+        control.raiseEvent(statusLighter, i);
+    }
+})
+
+control.onEvent(statusLighter, 0, () => {
+    brick.setStatusLight(StatusLight.OrangePulse)
+})
+
+control.onEvent(statusLighter, 1, () => {
+    brick.setStatusLight(StatusLight.GreenPulse)
+})
+```

docs/reference/control/run-in-parallel.md

@@ -0,0 +1,61 @@
+# @extends
+
+## Separate tasks #tasks
+
+As an example, you could have a small task that checks the battery level and gives a warning when it drops below 15 percent. This is placed inside a ``||control:run in parallel||`` block:
+
+```block
+let powerCheck = false;
+
+control.runInParallel(() => {
+    while (!powerCheck) {
+        if (brick.batteryLevel() <= 15) {
+            brick.setStatusLight(StatusLight.RedFlash)
+            powerCheck = true;
+        } else {
+            pause(5000);
+        }
+    }
+})
+```
+
+The code the main program just drives the brick in a constant pattern until the battery check in the parallel task says that the battery level is too low.
+
+```block
+let powerCheck = false;
+while (!powerCheck) {
+    motors.largeBC.tank(50, 50, 5, MoveUnit.Seconds)
+    motors.largeBC.steer(5, 50, 6, MoveUnit.Rotations)
+}
+motors.stopAll()
+```
+
+## #example
+
+Tank the brick in a pattern until the battery warning variable is set. Have a separate task check the battery level and set a warning variable when the level is below `5` percent.
+
+```blocks
+let powerCheck = false;
+
+control.runInParallel(() => {
+    while (!powerCheck) {
+        if (brick.batteryLevel() < 5) {
+            powerCheck = true;
+        } else {
+            pause(5000);
+        }
+    }
+})
+
+while (!powerCheck) {
+    motors.largeBC.tank(20, 20, 5, MoveUnit.Seconds)
+    motors.largeBC.steer(15, 20, 6, MoveUnit.Rotations)
+    motors.largeBC.tank(40, 40, 5, MoveUnit.Seconds)
+    motors.largeBC.steer(-10, 20, 3, MoveUnit.Rotations)
+}
+motors.stopAll()
+```
+
+## See also #seealso
+
+[forever](/reference/loops/forever)

docs/reference/control/wait-micros.md

@@ -0,0 +1,17 @@
+# @extends
+
+## Example #example
+
+Use the a wait and the timer to generate a crazy number.
+
+```blocks
+let crazy = 0
+for (let i = 0; i < 100; i++) {
+    control.waitMicros(100)
+    crazy = control.millis()
+    crazy += control.deviceSerialNumber()
+    if (crazy != 0) {
+        crazy = crazy / 1000000
+    }
+}
+```

docs/reference/music/ring-tone.md

@@ -0,0 +1,11 @@
+# @extends
+
+## Example #example
+
+This program checks the speed from the large `A` motor and uses the speed to adjust a tone it rings.
+
+```blocks
+loops.forever(function () {
+    music.ringTone(motors.largeA.speed() * 100)
+})
+```

docs/reference/music/set-volume.md

@@ -0,0 +1,10 @@
+# @extends
+
+## Example #example
+
+Play a tyrannosaurus roar at half volume.
+
+```blocks
+music.setVolume(50)
+music.playSoundEffect(sounds.animalsTRexRoar)
+```

docs/reference/music/stop-all-sounds.md

@@ -0,0 +1,10 @@
+# @extends
+
+## Example #example
+
+Play a sound effect but stop it right away.
+
+```blocks
+music.playSoundEffect(sounds.expressionsCrying)
+music.stopAllSounds()
+```

libs/color-sensor/color.ts

@@ -110,7 +110,7 @@ namespace sensors {
          * @param handler the code to run when detected
          */
         //% help=sensors/color-sensor/on-color-detected
-        //% block="on **color** %this|detected color %color=colorEnumPicker"
+        //% block="on **color sensor** %this|detected %color=colorEnumPicker"
         //% blockId=colorOnColorDetected
         //% parts="colorsensor"
         //% blockNamespace=sensors
@@ -130,7 +130,7 @@ namespace sensors {
          * @param color the color to detect
          */
         //% help=sensors/color-sensor/pause-for-color
-        //% block="pause **color** %this|for color %color=colorEnumPicker"
+        //% block="pause **color sensor** %this|for %color=colorEnumPicker"
         //% blockId=colorPauseForColorDetected
         //% parts="colorsensor"
         //% blockNamespace=sensors
@@ -150,7 +150,7 @@ namespace sensors {
          * @param sensor the color sensor to query the request
          */
         //% help=sensors/color-sensor/color
-        //% block="**color** %this| color"
+        //% block="**color sensor** %this| color"
         //% blockId=colorGetColor
         //% parts="colorsensor"
         //% blockNamespace=sensors
@@ -169,7 +169,7 @@ namespace sensors {
          * @param handler the code to run when detected
          */
         //% help=sensors/color-sensor/on-light-changed
-        //% block="on **color** %this|%mode|%condition"
+        //% block="on **color sensor** %this|%mode|%condition"
         //% blockId=colorOnLightChanged
         //% parts="colorsensor"
         //% blockNamespace=sensors
@@ -186,7 +186,7 @@ namespace sensors {
          * @param color the color to detect
          */
         //% help=sensors/color-sensor/pause-for-light
-        //% block="pause **color** %this|for %mode|%condition"
+        //% block="pause **color sensor** %this|for %mode|%condition"
         //% blockId=colorPauseForLight
         //% parts="colorsensor"
         //% blockNamespace=sensors
@@ -204,7 +204,7 @@ namespace sensors {
          * @param sensor the color sensor port
          */
         //% help=sensors/color-sensor/light
-        //% block="**color** %this|%mode"
+        //% block="**color sensor** %this|%mode"
         //% blockId=colorLight
         //% parts="colorsensor"
         //% blockNamespace=sensors
@@ -231,7 +231,7 @@ namespace sensors {
          * @param condition the dark or bright light condition
          * @param value the value threshold
          */
-        //% blockId=colorSetThreshold block="set **color** %this|%condition|to %value"
+        //% blockId=colorSetThreshold block="set **color sensor** %this|%condition|to %value"
         //% group="Threshold" blockGap=8 weight=90
         //% value.min=0 value.max=100
         //% this.fieldEditor="ports"
@@ -247,7 +247,7 @@ namespace sensors {
          * Get a threshold value
          * @param condition the light condition
          */
-        //% blockId=colorGetThreshold block="**color** %this|%condition"
+        //% blockId=colorGetThreshold block="**color sensor** %this|%condition"
         //% group="Threshold" blockGap=8 weight=89
         //% this.fieldEditor="ports"
         //% help=sensors/color-sensor/threshold
@@ -258,7 +258,7 @@ namespace sensors {
         /**
          * Collects measurement of the light condition and adjusts the threshold to 10% / 90%.
          */
-        //% blockId=colorCalibrateLight block="calibrate **color** %this|for %mode"
+        //% blockId=colorCalibrateLight block="calibrate **color sensor** %this|for %mode"
         //% group="Threshold" weight=91 blockGap=8
         //% this.fieldEditor="ports"
         //% help=sensors/color-sensor/calibrate-light

libs/core/screen.cpp

@@ -63,6 +63,11 @@ void updateScreen(Image img) {
     }
 }
 
+//%
+void updateStats(String str) {
+
+}
+
 void screen_init() {
     DMESG("init screen");
     if (mappedFrameBuffer)

libs/screen/targetoverrides.ts

@@ -5,25 +5,21 @@
 //% groups=["0.,","1#*"]
 function img(lits: any, ...args: any[]): Image { return null }
 
-
 let screen = image.create(DAL.LCD_WIDTH, DAL.LCD_HEIGHT)
 
 namespace _screen_internal {
     //% shim=pxt::updateScreen
     function updateScreen(img: Image): void {}
+    //% shim=pxt::updateStats
+    function updateStats(msg: string): void {}
 
-    control.addFrameHandler(200, () => {
+    control.setupScreenRefresh(() => updateScreen(screen))
-        updateScreen(screen)
-    })
-
-    updateScreen(screen)
 
     export function _stats(msg: string) {
-        // show the msg somewhere - it contains frame rate etc
+        updateStats(msg)
     }
 }
 
-
 namespace brick {
     export const LINE_HEIGHT = 12;
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-ev3",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-ev3",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "LEGO Mindstorms EV3 for Microsoft MakeCode",
   "private": true,
   "keywords": [
@@ -45,7 +45,7 @@
     "webfonts-generator": "^0.4.0"
   },
   "dependencies": {
-    "pxt-common-packages": "0.20.3",
+    "pxt-common-packages": "0.20.5",
     "pxt-core": "3.4.9"
   },
   "scripts": {

sim/state/screen.ts

@@ -98,3 +98,9 @@ namespace pxsim.image {
         return image.ofBuffer(res)
     }
 }
+
+namespace pxsim.pxtcore {
+    export function updateStats(str: string) {
+        // TODO
+    }
+}