---
hash: 21fec29b47ddcfd0
url: "https://jsanchezamai.github.io/simulator-lab/"
final_url: "https://jsanchezamai.github.io/simulator-lab/"
family: own
title: "Landpage | simulator-lab"
method: direct
fetched_at: "2026-09-18T08:48:03Z"
sha256_md: 7e61c9c671ca2f1aaf9eca1801aaffc22db2e859536ad192df974446ca252ae8
cited_by:
  - "2078282012440305912"
---
# Landpage

https://jsanchezamai.github.io/simulator-lab/

# What is this for?

This is a PoC on PhET. I just download the code and set a few sh scripts to run simulations.

It has been uploaded to gh-pages on github.

At this point, you can just see “Download a demo” section to get running sims.

# What is a simulation

Just HTML5 for interactive simulating things and stories. See online:

[Neuron simulation](https://jsanchezamai.github.io/simulator-lab/neuron-sample/spa/neuron.html)

# Download a demo

See a list of demos on: [phet sims](https://jsanchezamai.github.io/simulator-lab/phetsims.html)

Run [download-sample.sh](https://jsanchezamai.github.io/simulator-lab/downlad-sample.sh) with proper repo name.

```
sh download-sample.sh graphing-lines
```

It will run build scripts after downloading. Then it will run the run script.

If there are dependencies, re-run build script after downloading (with download-smaple.sh) them.

At the end, you can always run builded simulations by:

Then [run-created](https://jsanchezamai.github.io/simulator-lab/run-created-simulation.sh).

```
sh run-created-simulation.sh neuron
```

# To create a new

Use [add_new_simulation.sh](https://jsanchezamai.github.io/simulator-lab/add_new_simulation.sh), then [build_simulation.sh](https://jsanchezamai.github.io/simulator-lab/build_simulation.sh).

Then [run-created](https://jsanchezamai.github.io/simulator-lab/run-created-simulation.sh).

# PhET Interactive Simulator PoC

Get general idea on [Creating PhET Interactive Simulations Activities approach guided inquiry](https://phet.colorado.edu/files/guides/PhetGuideActivityDoc_v8-final_en.pdf).

See [PhET Development Overview](https://docs.google.com/document/d/1Ys1EiwnqQGYuzGOcQSr4uXDes35mF1v1XhMZIl10nk8/edit#bookmark=id.ktug2sc8jabe).

See [PhET Source code](https://github.com/phetsims).

# What is PhET HTML5 bundle

Source code and Dependencies

Our simulations and dependencies are hosted publicly on GitHub https://github.com/phetsims

We have 40+ repositories for the simulations and their dependencies, all of which can be found here: https://github.com/phetsims?tab=repositories.

Below is a list of some of the repositories that contain libraries and frameworks upon which the individual simulations depend.

- Scenery: A general scene graph for rendering the graphics and handling the input. Documentation site for scenery
- Axon: for model implementation
- Assert: assertion framework for development testing
- phet-core: inheritance, extension and other utility functions
- phetcommon: higher-level common dependencies
- scenery-phet: PhET-specific scenery graphics and input handlers
- Joist: Framework for application loading, launching, and handling tabs
- Dot: Mathematics framework for model & view
- Kite: Shape library
- Sun: Graphical user interface components, such as buttons, checkboxes, etc
- Sherpa: All of our 3rd party dependencies
- Chipper: Tools for developing and building simulations.
- Perennial: Maintenance tools that won’t change with different versions of chipper checked out

# Main lines

Creating a New Sim After checking out the dependencies and installing grunt-cli in the preceding instructions, you can create your own simulation using the template.

1. Check out the template sim, called ‘simula-rasa’ using this git clone command:

cd phetsims git clone https://github.com/phetsims/simula-rasa.git

1. Install the perennial dependencies:

cd perennial npm install

1. Use the perennial ‘grunt’ task to create a new sim, like so (still in the perennial directory):

grunt create-sim –repo=NAME –author=AUTHOR

For instance, if the simulation is going to be named Acceleration Lab and the author is Sam Reid from PhET Interactive Simulations, then you could put

grunt create-sim –repo=acceleration-lab –author=”Sam Reid (PhET Interactive Simulations)”

1. Test the created simulation in the browser and make sure it launches. It should be a blank simulation. Write to the Developing Interactive Simulations in HTML5 Google Group if you run into problems. ).

# For your information

Once the environment is set, you can download plenty examples from:

Checking out the HTML5 code from GitHub

Our example-sim repository README.md includes a list of git clone commands that will check out the example simulation and all of its dependencies. https://github.com/phetsims/example-sim

And to clone some of our in-development sims: git clone git://github.com/phetsims/forces-and-motion-basics.git git clone git://github.com/phetsims/build-an-atom.git

All repositories should be cloned into the same directory so that relative paths will work.

Here is a full list of all phetsims repos. If the sim won’t launch due to a missing dependency, you may need to check out some more of these repos: https://github.com/phetsims?tab=repositories

Also note that this will check out the ‘master’ branch of all of our dependencies, which may create breaking changes intermittently if you remain up-to-date with them. If you run into any breaking changes, please notify us immediately. Also, we recommend developing your code on a public repo such as GitHub to enable us to test and update your simulations as common dependencies are changed.