Instantiate the system for the whole page:
playground = new sp.System( {
'scenario_dir': 'demo/scenarios'
} );
Then set up each container with its own scenario and parameters:
Heliocentric (gui module: OOJS-UI)
playground
.setContainer( 'sp_container_1', {
'width': 950,
'height': 500
} )
.loadFromFile( 'solarsystem' );
Geocentric (gui module: jQueryUI)
playground
.setContainer( 'sp_container_2', {
'width': 950,
'height': 500,
'gui': 'jqueryui'
} )
.loadFromFile( 'solarsystem', {
'show_grid': true,
'init_pov': 'earth'
} );