More adjustments to homeScreen/nav-bar icons #139 and #55

phetsims · Jan 27, 2020 · ddbbac5 · ddbbac5
1 parent 9a61b44
commit ddbbac5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/js/multiple/MultipleScreen.js b/js/multiple/MultipleScreen.js
@@ -57,8 +57,8 @@ define( require => {
       wrapperNode.addChild( moleculeIconTwo );
 
       // Adjust the position of the molecule icons.
-      moleculeIconOne.center = wrapperNode.center.minusXY( 250, 100 );
-      moleculeIconTwo.center = wrapperNode.center.minusXY( 0, 100 );
+      moleculeIconOne.center = wrapperNode.center.minusXY( 270, 85 );
+      moleculeIconTwo.center = wrapperNode.center.minusXY( 5, 85 );
       const options = {
         name: titleMultipleString,
         homeScreenIcon: wrapperNode

diff --git a/js/playground/PlaygroundScreen.js b/js/playground/PlaygroundScreen.js
@@ -41,11 +41,12 @@ define( require => {
         moleculeNode.transformMolecule( transformMatrix );
       }
       moleculeNode.draw();
-      const node = new Image( moleculeNode.canvas.toDataURL() );
+      const moleculeIcon = new Image( moleculeNode.canvas.toDataURL() );
       const wrapperNode = new Rectangle( 0, 0, 548, 373, {
         fill: BAMConstants.CANVAS_BACKGROUND_COLOR
       } );
-      wrapperNode.addChild( node );
+      wrapperNode.addChild( moleculeIcon );
+      moleculeIcon.center = wrapperNode.center.minusXY( 275, 185 );
 
       const options = {
         name: titlePlaygroundString,

diff --git a/js/single/SingleScreen.js b/js/single/SingleScreen.js
@@ -42,11 +42,14 @@ define( require => {
         moleculeNode.transformMolecule( transformMatrix );
       }
       moleculeNode.draw();
-      const node = new Image( moleculeNode.canvas.toDataURL() );
+      const moleculeIcon = new Image( moleculeNode.canvas.toDataURL(), { scale: .85 } );
       const wrapperNode = new Rectangle( 0, 0, 548, 373, {
         fill: BAMConstants.CANVAS_BACKGROUND_COLOR
       } );
-      wrapperNode.addChild( node );
+      wrapperNode.addChild( moleculeIcon );
+
+      // Adjust the position of the molecule icons.
+      moleculeIcon.center = wrapperNode.center.minusXY( 240, 140 );
 
       const options = {
         name: titleSingleString,