Add game screen and update placeholder images, see #2

js/game/GameScreen.js

@@ -0,0 +1,48 @@
+// Copyright 2019, University of Colorado Boulder
+
+/**
+ * The 'Game' screen.
+ *
+ * @author Chris Klusendorf (PhET Interactive Simulations)
+ */
+define( require => {
+  'use strict';
+
+  // modules
+  const GameModel = require( 'NUMBER_PLAY/game/model/GameModel' );
+  const GameScreenView = require( 'NUMBER_PLAY/game/view/GameScreenView' );
+  const Image = require( 'SCENERY/nodes/Image' );
+  const numberPlay = require( 'NUMBER_PLAY/numberPlay' );
+  const Property = require( 'AXON/Property' );
+  const Screen = require( 'JOIST/Screen' );
+
+  // strings
+  const screenGameString = require( 'string!NUMBER_PLAY/screen.game' );
+
+  // images
+  const gameScreenIconImage = require( 'image!NUMBER_PLAY/game_screen_icon.png' );
+
+  class GameScreen extends Screen {
+
+    /**
+     * @param {Tandem} tandem
+     */
+    constructor( tandem ) {
+
+      const options = {
+        name: screenGameString,
+        backgroundColorProperty: new Property( 'white' ),
+        homeScreenIcon: new Image( gameScreenIconImage ),
+        tandem: tandem
+      };
+
+      super(
+        () => new GameModel( tandem.createTandem( 'model' ) ),
+        model => new GameScreenView( model, tandem.createTandem( 'view' ) ),
+        options
+      );
+    }
+  }
+
+  return numberPlay.register( 'GameScreen', GameScreen );
+} );

js/game/model/GameModel.js

@@ -0,0 +1,42 @@
+// Copyright 2019, University of Colorado Boulder
+
+/**
+ * Model class for the 'Game' screen.
+ *
+ * @author Chris Klusendorf (PhET Interactive Simulations)
+ */
+define( require => {
+  'use strict';
+
+  // modules
+  const numberPlay = require( 'NUMBER_PLAY/numberPlay' );
+
+  class GameModel  {
+
+    /**
+     * @param {Tandem} tandem
+     */
+    constructor( tandem ) {
+      //TODO
+    }
+
+    /**
+     * Resets the model.
+     * @public
+     */
+    reset() {
+      //TODO
+    }
+
+    /**
+     * Steps the model.
+     * @param {number} dt - time step, in seconds
+     * @public
+     */
+    step( dt ) {
+      //TODO
+    }
+  }
+
+  return numberPlay.register( 'GameModel', GameModel );
+} );

js/game/view/GameScreenView.js

@@ -0,0 +1,51 @@
+// Copyright 2019, University of Colorado Boulder
+
+/**
+ * ScreenView for the 'Game' screen.
+ *
+ * @author Chris Klusendorf (PhET Interactive Simulations)
+ */
+define( require => {
+  'use strict';
+
+  // modules
+  const Image = require( 'SCENERY/nodes/Image' );
+  const numberPlay = require( 'NUMBER_PLAY/numberPlay' );
+  const ScreenView = require( 'JOIST/ScreenView' );
+
+  // images
+  const gameScreenPlaceholderImage = require( 'image!NUMBER_PLAY/game_screen_placeholder.png' );
+
+  class GameScreenView extends ScreenView {
+
+    /**
+     * @param {GameModel} model
+     * @param {Tandem} tandem
+     */
+    constructor( model, tandem ) {
+
+      super( {
+        tandem: tandem
+      } );
+
+      // add the screen's placeholder image
+      const gameScreenPlaceholderImageNode = new Image( gameScreenPlaceholderImage, {
+        maxWidth: this.layoutBounds.width,
+        maxHeight: this.layoutBounds.height,
+        cursor: 'pointer'
+      } );
+      gameScreenPlaceholderImageNode.center = this.layoutBounds.center;
+      this.addChild( gameScreenPlaceholderImageNode );
+    }
+
+    /**
+     * Resets the view.
+     * @public
+     */
+    reset() {
+      //TODO
+    }
+  }
+
+  return numberPlay.register( 'GameScreenView', GameScreenView );
+} );

js/number-play-main.js

@@ -10,6 +10,7 @@ define( require => {
 
   // modules
   const CompareScreen = require( 'NUMBER_PLAY/compare/CompareScreen' );
+  const GameScreen = require( 'NUMBER_PLAY/game/GameScreen' );
   const LabScreen = require( 'NUMBER_PLAY/lab/LabScreen' );
   const Sim = require( 'JOIST/Sim' );
   const SimLauncher = require( 'JOIST/SimLauncher' );
@@ -40,6 +41,7 @@ define( require => {
       new TenScreen( Tandem.rootTandem.createTandem( 'tenScreen' ) ),
       new TwentyScreen( Tandem.rootTandem.createTandem( 'twentyScreen' ) ),
       new CompareScreen( Tandem.rootTandem.createTandem( 'compareScreen' ) ),
+      new GameScreen( Tandem.rootTandem.createTandem( 'gameScreen' ) ),
       new LabScreen( Tandem.rootTandem.createTandem( 'labScreen' ) )
     ], simOptions );
     sim.start();

number-play-strings_en.json

@@ -11,6 +11,9 @@
   "screen.compare": {
     "value": "Compare"
   },
+  "screen.game": {
+    "value": "Game"
+  },
   "screen.lab": {
     "value": "Lab"
   },