use 1-based level numbering in FiniteStatusBar, phetsims/vegas#75, #57

Signed-off-by: Chris Malley <[email protected]>
phetsims · Jul 6, 2018 · 4f0723e · 4f0723e
1 parent a48a0b6
commit 4f0723e
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/js/game/view/PlayNode.js b/js/game/view/PlayNode.js
@@ -12,6 +12,7 @@ define( function( require ) {
   // modules
   var Bounds2 = require( 'DOT/Bounds2' );
   var ChallengeNode = require( 'REACTANTS_PRODUCTS_AND_LEFTOVERS/game/view/ChallengeNode' );
+  var DerivedProperty = require( 'AXON/DerivedProperty' );
   var DevGameControls = require( 'REACTANTS_PRODUCTS_AND_LEFTOVERS/dev/DevGameControls' );
   var FiniteStatusBar = require( 'VEGAS/FiniteStatusBar' );
   var GamePhase = require( 'REACTANTS_PRODUCTS_AND_LEFTOVERS/game/model/GamePhase' );
@@ -42,7 +43,9 @@ define( function( require ) {
     // status bar, across the top of the screen
     var statusBar = new FiniteStatusBar( layoutBounds, visibleBoundsProperty, model.scoreProperty, {
       scoreDisplayConstructor: ScoreDisplayLabeledNumber,
-      levelProperty: model.levelProperty,
+
+      // FiniteStatusBar uses 1-based level numbering, model is 0-based, see #57.
+      levelProperty: new DerivedProperty( [ model.levelProperty ], function( level ) { return level + 1; } ),
       challengeIndexProperty: model.challengeIndexProperty,
       numberOfChallengesProperty: model.numberOfChallengesProperty,
       elapsedTimeProperty: model.timer.elapsedTimeProperty,