PPAFM and PPSTM in web-browser (using WebGL)

[ProkopHapala]

Hi, I have holydays now so I was playing with WebGL and Javascript and sketched some simplified version of

PPAFM
https://github.com/Probe-Particle/ppafm/tree/PhotonMap_update_1/web/ppafm_web

PPSTM
https://github.com/Probe-Particle/ppafm/tree/PhotonMap_update_1/web/ppstm_web

and dIdV charge-rings simulator using many-body Pauli Master Equation
https://github.com/Probe-Particle/ppafm/tree/PhotonMap_update_1/web/pauli_web
(this is relevant for our new paper on arxiv https://arxiv.org/html/2508.05575v1 )

to run the web server localy you can use
https://github.com/Probe-Particle/ppafm/blob/PhotonMap_update_1/run_web_server.sh

I think WebGL could be great solution to providing some simple Demo-version of PPAFM and PPSTM which does not need instalation, but also does not need sophisticated web-server, avoiding organizational hessle with security and stuff

What do you think?

I would be happy for some feedback

[NikoOinonen]

I tried both the ppafm and ppstm web server, easy to run, it's nice.

A couple of comments:

• The contrast on the image in ppafm looks low (smallest value is not black and largest white) and does not update automatically when getting closer/further.
• Some of the options are maybe confusing for a new user. We should have some kind of simple description for what the parameters do.
• The ppstm web page has a more modern feel, which I think I prefer. Any reason you made the two look so different?

Also, if I'm understanding correctly, this does not actually depend on the existing ppafm/ppstm code, and is fully standalone? If so, maybe these could be in a repository of their own under the Probe-particle organization.

[ondrejkrejci]

Interesting that (at least PPAFM) was running for @niko ***@***.***> and @Prokop ***@***.***> and not me. I have win machine with edge browser. What you guys used? From: NikoOinonen ***@***.***> Sent: torstai 20. marraskuuta 2025 13.04 To: Probe-Particle/ppafm ***@***.***> Cc: Subscribed ***@***.***> Subject: Re: [Probe-Particle/ppafm] PPAFM and PPSTM in web-browser (using WebGL) (Issue #372) [https://avatars.githubusercontent.com/u/42408893?s=20&v=4]NikoOinonen left a comment (Probe-Particle/ppafm#372)<#372 (comment)> I tried both the ppafm and ppstm web server, easy to run, it's nice. A couple of comments: * The contrast on the image in ppafm looks low (smallest value is not black and largest white) and does not update automatically when getting closer/further. * Some of the options are maybe confusing for a new user. We should have some kind of simple description for what the parameters do. * The ppstm web page has a more modern feel, which I think I prefer. Any reason you made the two look so different? — Reply to this email directly, view it on GitHub<#372 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ADFZAFJ6GWQQB6C2ID5YI3L35WN3LAVCNFSM6AAAAACMVUTR72VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTKNJXGM3DQNJZG4>. You are receiving this because you are subscribed to this thread.Message ID: ***@***.******@***.***>>

[NikoOinonen]

@ondrejkrejci I'm running Linux Mint, and it's working both in Firefox and Chromium browsers.

[ProkopHapala]

I'm on Ubuntu 24.04.2 LTS and Chrome 141.0.7390.122

The ppstm web page has a more modern feel, which I think I prefer. Any reason you made the two look so different?

The PPSTM I made yesterday while testing vibe-coding with Gemini 3 & Gravity, the other two I did several days before with help of GPT5 in Windsurf :-)

Also, if I'm understanding correctly, this does not actually depend on the existing ppafm/ppstm code, and is fully standalone?

yes, it is completely standalone, and for simplicity it does not use grid. it will be slower for large system, but GPUs are fust enough to use for such demo

If so, maybe these could be in a repository of their own under the Probe-particle organization.

perhaps yes. I'm quite disorganized and it was easise for me do it like this, rather than do another repo.

[ProkopHapala]

Hi, I was looking how can we host it. And I realized the best is if we create new repository, otherwise it tries upload whole repo and crashes if it is too large, or if there are some unsupported things.

So I created single repo for all my physics demo including spacecrafts :-)
https://github.com/ProkopHapala/web_physics

Maybe it would be good to make small repo under Probe-Particle organization ?

but it seems to work without problems plese check it (@ondrejkrejci @mondracek @NikoOinonen )
https://prokophapala.github.io/web_physics/ppafm_web/

There is the main webpage with all my webgl demos
https://prokophapala.github.io/web_physics/

---

otherwise it is easy, every git repo has this 'Pages' section in settings tab
https://github.com/ProkopHapala/web_physics/settings/pages
were one can activate Deploy from a banch > main -> /(root)
and then check in Actions tab, if there are some errors
https://github.com/ProkopHapala/web_physics/actions

[ProkopHapala]

OK I considerably improved it
https://prokophapala.github.io/web_physics/ppafm_web/

added :

• some example molecule preset (as selection box)
• visualization of distortions due to pp deflection
• utility to flatten and align geometry (PCA)
• visualization of atomic position, charge, z
• positibilty to edit the parameter file

@ondrejkrejci @NikoOinonen @mondracek