Interactive particles 4 KB und 16 KB

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6873

09.07.2026 - 12:11

Hier findet ihr meine neue WebGPU Grafikdemos die nur 4 bzw. 16 Kilobyte groß sind! Der aktuelle Arbeitstitel ist "Interactive particles 4 KB" und "Pfortexmaster 3000".
Der Code stammt von Fable 5. Bis zu 8,4 Millionen Partikel werden am Bildschirm angezeigt, sie werden vom Mauszeiger emittiert und auch angezogen, man kann dadurch z.B. einen Strudel zeichnen, die Drehrichtung ist nicht fix vorgegeben.
Mit einem Mausklick kann man die Partikel abstoßen, solange die Maustaste gedrückt ist werden keine neuen Partikel ausgesendet. Ich hoffe es gefällt euch, gerade auf OLED-Bildschirmen kommt es ziemlich gut rüber. :cool:

Konstruktives Feedback ist immer gerne gesehen

Interactive particles 4 KB

Millions of interactive particles, emitted and attracted by your cursor. Mouseclick sends them away....

Link: codepen.io

Interactive particles 16 KB aka Pfortexmaster 3000:
https://codepen.io/fabmann/full/MYJVrPR

Bearbeitet von mr.nice. am 12.07.2026, 23:49

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4400

09.07.2026 - 12:46

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6873

09.07.2026 - 12:55

Probiers bitte nochmal, ich hab den Link von live auf full geändert. Ich kenn' mich bei der codepen.io Plattform noch nicht so gut aus.

Aja, es braucht eine gute Grafikkarte und ist nicht für mobile devices optimiert.

Bearbeitet von mr.nice. am 09.07.2026, 13:29

erlgrey

formerly known as der~erl

Registered: Aug 2002
Location: Wien
Posts: 4567

09.07.2026 - 13:10

XJpZMaW?anon=true&view=fullpage:1
No available adapters.
XJpZMaW?anon=true&view=fullpage:39
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'requestDevice')
at onload (XJpZMaW?anon=true&view=fullpage:39:263)
onload @ XJpZMaW?anon=true&view=fullpage:39

bei mir geht da nix (weder ff noch edge)

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6873

09.07.2026 - 13:12

Auf welchem device erlgrey? Bei mir funktionierts mit Win 11 sowohl in Firefox als auch Edge (Chromium) mit Nvidia RTX 5080 und AMD Radeon RX 6800M.

erlgrey

formerly known as der~erl

Registered: Aug 2002
Location: Wien
Posts: 4567

09.07.2026 - 13:17

hp zbook g1a (strix halo), fedora 44 silverblue

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6873

09.07.2026 - 13:26

Der Linux support von WebGPU ist leider noch nicht ganz fertig:
https://web.dev/blog/webgpu-support...-browsers?hl=de

Man kann es aber probieren:
https://developer.chrome.com/docs/w...ting-tips?hl=de

Oder Firefox nightly und in about:config
dom.webgpu.enabled -> true

Bearbeitet von mr.nice. am 09.07.2026, 13:30

charmin

Vereinsmitglied
stay classy!

Registered: Dec 2002
Location:
Posts: 16522

09.07.2026 - 13:36

Bei mir am Handy rennts gut!

Brave Browser und Oppo Find x9 ultra 16gb

22zaphod22

chocolate jesus

Registered: Sep 2000
Location: earth, mostly ha..
Posts: 7322

09.07.2026 - 13:38

am desktop rennts bei mir auch ohne probleme 6900xt

erlgrey

formerly known as der~erl

Registered: Aug 2002
Location: Wien
Posts: 4567

09.07.2026 - 13:44

dom.webgpu.enabled = true
ah das wars, schaut nice aus

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4400

09.07.2026 - 14:08

Zitat aus einem Post von mr.nice.
Probiers bitte nochmal, ich hab den Link von live auf full geändert. Ich kenn' mich bei der codepen.io Plattform noch nicht so gut aus.

Aja, es braucht eine gute Grafikkarte und ist nicht für mobile devices optimiert.

Im Chrome funktionierts, im FF nicht, auch nicht wenn ich ublock und umatrix deaktiviere.

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6873

09.07.2026 - 14:09

Freut mich, dass es mit

Code:

dom.webgpu.enabled = true

auch unter Linux rennt

Die Qualcomm Adreno 740 GPU meines Android Smartphones ist jedenfalls nicht in der Lage es flüssig darzustellen.

KleinerChemiker, wenn du im Firefox auf about:support gehst, was wird dir als WebGPU-Standardadapter angezeigt?
Am Notebook musste ich bei System -> Bildschirm -> Grafik die dedizierte GPU für den Browser auswählen, damit es gut läuft.

Bearbeitet von mr.nice. am 09.07.2026, 14:40

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4400

09.07.2026 - 18:06

Daran liegts nicht. Öffne ich ein privates Fenster, dann funktionierts. Es muss wohl eine Erweiterung sein, ich habe uMatrix in Verdacht.

Am PC machts viel mehr Spaß, als am Laptop

Kirby

0x1B

Registered: Jun 2017
Location: Lesachtal
Posts: 1132

09.07.2026 - 18:18

Nothing 4a Firefox

Mit Chrome funktionierts.

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6873

10.07.2026 - 08:18

Firefox hat WebGPU auf Linux bzw. Android noch nicht aktiviert per default: https://github.com/gpuweb/gpuweb/wi...-Status#firefox

mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6873	09.07.2026 - 12:11 Hier findet ihr meine neue WebGPU Grafikdemos die nur 4 bzw. 16 Kilobyte groß sind! Der aktuelle Arbeitstitel ist "Interactive particles 4 KB" und "Pfortexmaster 3000". Der Code stammt von Fable 5. Bis zu 8,4 Millionen Partikel werden am Bildschirm angezeigt, sie werden vom Mauszeiger emittiert und auch angezogen, man kann dadurch z.B. einen Strudel zeichnen, die Drehrichtung ist nicht fix vorgegeben. Mit einem Mausklick kann man die Partikel abstoßen, solange die Maustaste gedrückt ist werden keine neuen Partikel ausgesendet. Ich hoffe es gefällt euch, gerade auf OLED-Bildschirmen kommt es ziemlich gut rüber. Konstruktives Feedback ist immer gerne gesehen Interactive particles 4 KB Millions of interactive particles, emitted and attracted by your cursor. Mouseclick sends them away.... Link: codepen.io Interactive particles 16 KB aka Pfortexmaster 3000: https://codepen.io/fabmann/full/MYJVrPR Bearbeitet von mr.nice. am 12.07.2026, 23:49
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4400	09.07.2026 - 12:46
mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6873	09.07.2026 - 12:55 Probiers bitte nochmal, ich hab den Link von live auf full geändert. Ich kenn' mich bei der codepen.io Plattform noch nicht so gut aus. Aja, es braucht eine gute Grafikkarte und ist nicht für mobile devices optimiert. Bearbeitet von mr.nice. am 09.07.2026, 13:29
erlgrey formerly known as der~erl Registered: Aug 2002 Location: Wien Posts: 4567	09.07.2026 - 13:10 XJpZMaW?anon=true&view=fullpage:1 No available adapters. XJpZMaW?anon=true&view=fullpage:39 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'requestDevice') at onload (XJpZMaW?anon=true&view=fullpage:39:263) onload @ XJpZMaW?anon=true&view=fullpage:39 bei mir geht da nix (weder ff noch edge)
mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6873	09.07.2026 - 13:12 Auf welchem device erlgrey? Bei mir funktionierts mit Win 11 sowohl in Firefox als auch Edge (Chromium) mit Nvidia RTX 5080 und AMD Radeon RX 6800M.
erlgrey formerly known as der~erl Registered: Aug 2002 Location: Wien Posts: 4567	09.07.2026 - 13:17 hp zbook g1a (strix halo), fedora 44 silverblue
mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6873	09.07.2026 - 13:26 Der Linux support von WebGPU ist leider noch nicht ganz fertig: https://web.dev/blog/webgpu-support...-browsers?hl=de Man kann es aber probieren: https://developer.chrome.com/docs/w...ting-tips?hl=de Oder Firefox nightly und in about:config dom.webgpu.enabled -> true Bearbeitet von mr.nice. am 09.07.2026, 13:30
charmin Vereinsmitglied stay classy! Registered: Dec 2002 Location: Posts: 16522	09.07.2026 - 13:36 Bei mir am Handy rennts gut! Brave Browser und Oppo Find x9 ultra 16gb
22zaphod22 chocolate jesus Registered: Sep 2000 Location: earth, mostly ha.. Posts: 7322	09.07.2026 - 13:38 am desktop rennts bei mir auch ohne probleme 6900xt
erlgrey formerly known as der~erl Registered: Aug 2002 Location: Wien Posts: 4567	09.07.2026 - 13:44 dom.webgpu.enabled = true ah das wars, schaut nice aus
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4400	09.07.2026 - 14:08 Zitat aus einem Post von mr.nice. Probiers bitte nochmal, ich hab den Link von live auf full geändert. Ich kenn' mich bei der codepen.io Plattform noch nicht so gut aus. Aja, es braucht eine gute Grafikkarte und ist nicht für mobile devices optimiert. Im Chrome funktionierts, im FF nicht, auch nicht wenn ich ublock und umatrix deaktiviere.
mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6873	09.07.2026 - 14:09 Freut mich, dass es mit Code: `dom.webgpu.enabled = true` auch unter Linux rennt Die Qualcomm Adreno 740 GPU meines Android Smartphones ist jedenfalls nicht in der Lage es flüssig darzustellen. KleinerChemiker, wenn du im Firefox auf about:support gehst, was wird dir als WebGPU-Standardadapter angezeigt? Am Notebook musste ich bei System -> Bildschirm -> Grafik die dedizierte GPU für den Browser auswählen, damit es gut läuft. Bearbeitet von mr.nice. am 09.07.2026, 14:40
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4400	09.07.2026 - 18:06 Daran liegts nicht. Öffne ich ein privates Fenster, dann funktionierts. Es muss wohl eine Erweiterung sein, ich habe uMatrix in Verdacht. Am PC machts viel mehr Spaß, als am Laptop
Kirby 0x1B Registered: Jun 2017 Location: Lesachtal Posts: 1132	09.07.2026 - 18:18 Nothing 4a Firefox Mit Chrome funktionierts.
mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6873	10.07.2026 - 08:18 Firefox hat WebGPU auf Linux bzw. Android noch nicht aktiviert per default: https://github.com/gpuweb/gpuweb/wi...-Status#firefox

Interactive particles 4 KB und 16 KB

Forum Index > Software > Artificial Intelligence

mr.nice.

kleinerChemiker

mr.nice.

erlgrey

mr.nice.

erlgrey

mr.nice.

charmin

22zaphod22

erlgrey

kleinerChemiker

mr.nice.

kleinerChemiker

Kirby

mr.nice.