I am Mr Chow
  • Blog
  • Breakout! Desmos
  • Desmos Activities
  • Lessons

The People Demand Screen Locks!

6/12/2018

 
There have been a lot of questions floating around recently dealing with the breakout activities, specifically how I make the screen locks and control the scoring.  Surprisingly enough, these two aspects are the simplest parts to code.  Here's how:
Picture

Let's Say I want to see this screen with the bouncing ball...

1) Figure out what you want to unlock the next screen.  In this example I want the ball on screen 2 to show when the button on screen 1 is pressed.  
2) In the graph behind the screen you want locked, create a variable.  Use conditionals to set it to 1 when the conditions are met and 0 when they are not (see image below).
Picture
Picture

2) Upload the image you want to block the screen.  In the coordinate for the center put the restriction to have it only show when the condition for unlocking has not been met.  That way the lock screen will disappear when the condition has been met.  You may also want to find a way to keep the image from being moveable.  I like to use a list but that's up to you.
Picture

3) Make sure you uncheck the box in the options to place the image behind the graphs
Picture
...and move your image to the bottom of the list so that it appears on the top layer of the graph.
Picture

4) In the note, make the first line of whatever you want your content to show to be the "screen is locked" message.  Use the conditional that indicates the last screen has not been completed.  You can add whatever you want from line 2 and on.
Picture

5) Even after all of that you will find that your sliders are still visible!
Picture
In order to hide the sliders, add the same condition to each of the points.  This time only having it show after the condition on the last screen has been MET.
Picture

Done!

Picture
​Take a look at the example activity here: https://teacher.desmos.com/activitybuilder/custom/5b200b098a624c7e6c083f8c

How does scoring work?

If you want to figure it out yourself or don't want to have the magic spoiled I wont force you to read the next part...
Scoring is possibly the simplest part of the breakout activities.  With the exception of linear functions (which gave a random number as the "score"), each of the breakouts has been scored the same way:
  1. On each screen record the number of attempts it takes to complete the challenge.  This will in most cases be a button pressCount or an input submitCount
  2. You can keep a running total or do it all on one screen, but in either case you want a total of each of the button presses on the last screen. 
  3. Assign a point value to each of the attempts.  In most cases this will vary based on the challenge.  If a challenge requires a minimum of more than one press (See Breakout! April, Screen 5) make sure you take that into account.  Total these points.  This will be the minimum number of points deducted to complete the activity.
  4. Create a variable that starts with the maximum score PLUS the minimum deduction and subtract the point values per attempt for each screen. (see image below left)
  5. Source your variable into the note to show the score! (see below right)
Picture
Picture

Stuck?  Feel free to contact me anytime!

best essays link
3/21/2019 01:09:06 am

When I knew that it's going to be a complicated topic, I had to pause and think if I am going to push through to read this. It's a topic that sounds pretty complicated for me. But well, this is a good challenge for myself, isn't it? Ever since, I knew that I was never good in mathematics, especially with computation. I tend to panic and forget the right formula to follow. I always end up screwed and not knowing what to do, actually!


Comments are closed.

    Archives

    October 2020
    July 2019
    February 2019
    October 2018
    September 2018
    June 2018
    April 2018
    March 2018

    Categories

    All

    RSS Feed

Proudly powered by Weebly