Developing Interactive Simulations in HTML5

1–30 of 199

Developing complex, high-performance, interactive simulations in HTML5 that work well on many platforms is tricky--let's discuss problems, solutions, strategies and ideas! PhET Interactive Simulations is developing several open-source libraries and patterns, described in our overview: https://github.com/phetsims/phet-info/blob/master/doc/phet-development-overview.md

BREAKING CHANGES: please see https://groups.google.com/g/developing-interactive-simulations-in-html5/c/1Zm4l3sye20

0 selected

samrreid, … Michael Kauzmann23

Mar 1

BREAKING CHANGES

In https://github.com/phetsims/scenery/issues/1472, we renamed the "text" related API to

unread,

BREAKING CHANGES

In https://github.com/phetsims/scenery/issues/1472, we renamed the "text" related API to

Mar 1

Polar Bear, martin.v...@gmail.com3

11/26/22

Here is an example of a working combobox. I created it in example-sim. You can get example-sim by

unread,

Here is an example of a working combobox. I created it in example-sim. You can get example-sim by

11/26/22

Polar Bear, samrreid7

11/20/22

Maybe try copy/pasting all the assets (including images) from the adapted-from-phet/ directory, to

unread,

Maybe try copy/pasting all the assets (including images) from the adapted-from-phet/ directory, to

11/20/22

11/11/22

Re: Re-Render the screen

Perhaps the Circle doesn't know the 'g' value has changed? Maybe try CircleShape.fill =

unread,

Re: Re-Render the screen

Perhaps the Circle doesn't know the 'g' value has changed? Maybe try CircleShape.fill =

11/11/22

Salim Shaban, … martin.v...@gmail.com5

11/8/22

View in the Browser

Hello, One more thing. From the quoted line (4), it looks as if the instructions you are following

unread,

View in the Browser

Hello, One more thing. From the quoted line (4), it looks as if the instructions you are following

11/8/22

Polar Bear, … cmalley4

11/6/22

On more thought... If you're interested in a slider to change color, you might have a look at

unread,

On more thought... If you're interested in a slider to change color, you might have a look at

11/6/22

10/27/22

Help PhET understand our open-source community with a short survey!

We're exploring ways to support users and contributors of PhET's open-source code and

unread,

Help PhET understand our open-source community with a short survey!

We're exploring ways to support users and contributors of PhET's open-source code and

10/27/22

25. Sai Surya, samrreid3

10/15/22

Moving objects with Animation

From your example, it appears you are familiar with https://github.com/phetsims/twixt/blob/master/js/

unread,

Moving objects with Animation

From your example, it appears you are familiar with https://github.com/phetsims/twixt/blob/master/js/

10/15/22

25. Sai Surya, samrreid4

9/29/22

Error while creating two images

My bad, I have added import { Image, Node } from '../../../scenery/js/imports.js'; to another

unread,

Error while creating two images

My bad, I have added import { Image, Node } from '../../../scenery/js/imports.js'; to another

9/29/22

25. Sai Surya, … S N Rao4

9/29/22

Creating new simulation question

On Thu 29 Sep, 2022, 3:25 PM 25. Sai Surya, <prakhyasa...@gmail.com> wrote: Thanks Sam,

unread,

Creating new simulation question

On Thu 29 Sep, 2022, 3:25 PM 25. Sai Surya, <prakhyasa...@gmail.com> wrote: Thanks Sam,

9/29/22

佘昌霖, … Kathy Perkins4

9/8/22

Fail at building standalone simulations

Hi there, As Director of the PhET project, I want to take a moment to reply to your comment about a

unread,

Fail at building standalone simulations

Hi there, As Director of the PhET project, I want to take a moment to reply to your comment about a

9/8/22

SAHIL SHETTY, samrreid3

8/7/22

Problem regarding Creating a simulation

I saw that "Example Sim" is nearly 100% JavaScript at the moment, if you want to use it as

unread,

Problem regarding Creating a simulation

I saw that "Example Sim" is nearly 100% JavaScript at the moment, if you want to use it as

8/7/22

Marc Bright, samrreid2

7/24/22

Kick start problem

It says it cannot find assert.js at assert/js/assert.js. Do you have that repo checked out on your

unread,

Kick start problem

It says it cannot find assert.js at assert/js/assert.js. Do you have that repo checked out on your

7/24/22

Marc Bright, cmalley4

7/18/22

Hi pal my sim doesn't start and got stacked at the initial page. Please help me On Wednesday,

unread,

Hi pal my sim doesn't start and got stacked at the initial page. Please help me On Wednesday,

7/18/22

25. Sai Surya, samrreid3

5/31/22

Issue while displaying an image

Greetings! From the messages above, it seems like model.table is not defined at that time. Can you

unread,

Issue while displaying an image

Greetings! From the messages above, it seems like model.table is not defined at that time. Can you

5/31/22

25. Sai Surya, samrreid3

4/27/22

Errors - no-unused-vars & no-undefs though defined const is used.

Of course, my bad! Thanks for the hint Sam. On Tuesday, April 26, 2022 at 10:13:05 PM UTC+5:30

unread,

Errors - no-unused-vars & no-undefs though defined const is used.

Of course, my bad! Thanks for the hint Sam. On Tuesday, April 26, 2022 at 10:13:05 PM UTC+5:30

4/27/22

25. Sai Surya, … samrreid4

4/27/22

Error during modulify

Thanks Sam, after doing 'init git' error is gone and now saying there are no commits to '

unread,

Error during modulify

Thanks Sam, after doing 'init git' error is gone and now saying there are no commits to '

4/27/22

Peter Burbery, samrreid2

4/26/22

Suggestions to PhET Simulations

Greetings! The PhET simulations can be adapted and modified. Some notes: * Please follow https://

unread,

Suggestions to PhET Simulations

Greetings! The PhET simulations can be adapted and modified. Some notes: * Please follow https://

4/26/22

25. Sai Surya, cmalley2

4/19/22

About simulation development cycle

Welcome Sai! Since you're new, be sure you've read the "PhET Development Overview"

unread,

About simulation development cycle

Welcome Sai! Since you're new, be sure you've read the "PhET Development Overview"

4/19/22

No One, cmalley2

3/18/22

Translation Strings

There are translated strings associated with simulation repositories and common-code (library)

unread,

Translation Strings

There are translated strings associated with simulation repositories and common-code (library)

3/18/22

OSCAR CASTELL MARCOS, samrreid2

2/25/22

Hi, problem installing in MacOS (Monterey 12.2.1)

Greetings! What command were you running when you received that first error? Also, did you run the

unread,

Hi, problem installing in MacOS (Monterey 12.2.1)

Greetings! What command were you running when you received that first error? Also, did you run the

2/25/22

Piotr Polnau, Oliver Nix3

1/10/22

Accessing the Java and Flash simulations

Thank you for your respond and all your help! Piotr poniedziałek, 10 stycznia 2022 o 20:20:44 UTC+1

unread,

Accessing the Java and Flash simulations

Thank you for your respond and all your help! Piotr poniedziałek, 10 stycznia 2022 o 20:20:44 UTC+1

1/10/22

Michael J Kauzmann

1/3/22

Re: Attempting to join to one file

Hello Bob, Thanks for reaching out to PhET and sorry for the trouble. That error is from our linting

unread,

Re: Attempting to join to one file

Hello Bob, Thanks for reaching out to PhET and sorry for the trouble. That error is from our linting

1/3/22

12/7/21

We have updated the PhET Development Overview and simulation README.md files with information about

unread,

We have updated the PhET Development Overview and simulation README.md files with information about

12/7/21

Mayank Pandey, cmalley7

11/1/21

How to display matrices

If you need to vary the number of rows and columns, then there's not much to be gained by adding

unread,

How to display matrices

If you need to vary the number of rows and columns, then there's not much to be gained by adding

11/1/21

Mayank Pandey, cmalley2

10/25/21

Construct a spring mass damper system

You'll want to use scenery-phet.ParametericSpringNode. I was the author of the Hooke's Law

unread,

Construct a spring mass damper system

You'll want to use scenery-phet.ParametericSpringNode. I was the author of the Hooke's Law

10/25/21

Mayank Pandey, cmalley3

10/17/21

How can I take input in a texbox

Here's a screenshot of the Keypad demo in scenery-phet repository: Here's a screenshot of

unread,

How can I take input in a texbox

Here's a screenshot of the Keypad demo in scenery-phet repository: Here's a screenshot of

10/17/21

Mayank Pandey, cmalley3

9/7/21

Does PhET have a custom alert function?

Hello Chris, Thank you for the help, and also you brought up a really good point that if the user

unread,

Does PhET have a custom alert function?

Hello Chris, Thank you for the help, and also you brought up a really good point that if the user

9/7/21

Mayank Pandey, samrreid5

8/20/21

Can't run simulation with a new brand (*Proposed Solution*)

Thanks! This afternoon we pushed one more fix to chipper to allow the ?brand validValues to pass.

unread,

Can't run simulation with a new brand (*Proposed Solution*)

Thanks! This afternoon we pushed one more fix to chipper to allow the ?brand validValues to pass.

8/20/21

Mayank Pandey, cmalley3

8/15/21

Deselect a radio button by clicking on it again

Hello Chris, Thank you so much for explaining it to me and now I have a better idea about what I was

unread,

Deselect a radio button by clicking on it again

Hello Chris, Thank you so much for explaining it to me and now I have a better idea about what I was

8/15/21

Search

Clear search

Close search

Google apps

Main menu