diff --git a/js/quadrilateral-main.ts b/js/quadrilateral-main.ts index 447aaa7b..4aa87069 100644 --- a/js/quadrilateral-main.ts +++ b/js/quadrilateral-main.ts @@ -38,6 +38,9 @@ const simOptions: SimOptions = { thanks: '' }, + // + hasKeyboardHelpContent: true, + // preferences configuration with defaults from package.json preferencesModel: new PreferencesModel( { simulationOptions: { diff --git a/js/quadrilateral/QuadrilateralScreen.ts b/js/quadrilateral/QuadrilateralScreen.ts index d3e5c2a5..90163468 100644 --- a/js/quadrilateral/QuadrilateralScreen.ts +++ b/js/quadrilateral/QuadrilateralScreen.ts @@ -12,12 +12,14 @@ import QuadrilateralModel from './model/QuadrilateralModel.js'; import QuadrilateralScreenView from './view/QuadrilateralScreenView.js'; import QuadrilateralPreferencesModel from './model/QuadrilateralPreferencesModel.js'; import optionize, { EmptySelfOptions } from '../../../phet-core/js/optionize.js'; +import QuadrilateralKeyboardHelpContent from './view/QuadrilateralKeyboardHelpContent.js'; class QuadrilateralScreen extends Screen { public constructor( preferencesModel: QuadrilateralPreferencesModel, providedOptions: ScreenOptions ) { const options = optionize()( { - backgroundColorProperty: QuadrilateralColors.screenBackgroundColorProperty + backgroundColorProperty: QuadrilateralColors.screenBackgroundColorProperty, + keyboardHelpNode: new QuadrilateralKeyboardHelpContent() }, providedOptions ); super( diff --git a/js/quadrilateral/view/QuadrilateralKeyboardHelpContent.ts b/js/quadrilateral/view/QuadrilateralKeyboardHelpContent.ts new file mode 100644 index 00000000..8724880a --- /dev/null +++ b/js/quadrilateral/view/QuadrilateralKeyboardHelpContent.ts @@ -0,0 +1,24 @@ +// Copyright 2022, University of Colorado Boulder + +/** + * The keyboard help content for the Quadrilateral sim. This has yet to be designed and is just ready for more content. + * TODO: Finish this in https://github.com/phetsims/quadrilateral/issues/249 + * + * @author Jesse Greenberg (PhET Interactive Simulations) + */ + +import quadrilateral from '../../quadrilateral.js'; +import BasicActionsKeyboardHelpSection from '../../../../scenery-phet/js/keyboard/help/BasicActionsKeyboardHelpSection.js'; +import { Node } from '../../../../scenery/js/imports.js'; + +class QuadrilateralKeyboardHelpContent extends Node { + public constructor() { + const generalContent = new BasicActionsKeyboardHelpSection(); + super( { + children: [ generalContent ] + } ); + } +} + +quadrilateral.register( 'QuadrilateralKeyboardHelpContent', QuadrilateralKeyboardHelpContent ); +export default QuadrilateralKeyboardHelpContent;