Interactive particles 4 KB

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6847

09.07.2026 - 12:11

Hier findet ihr meine neue WebGPU Grafikdemo die nur 4 Kilobyte groß ist! Der aktuelle Arbeitstitel ist "Interactive particles 4 KB".
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

Bearbeitet von mr.nice. am 09.07.2026, 12:53

kleinerChemiker

Here to stay

Registered: Feb 2002
Location: Wien
Posts: 4381

09.07.2026 - 12:46

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6847

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: 4563

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: 6847

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: 4563

09.07.2026 - 13:17

hp zbook g1a (strix halo), fedora 44 silverblue

mr.nice.

security baseline pusher

Registered: Jun 2004
Location: Wien
Posts: 6847

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: 16482

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: 7320

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: 4563

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: 4381

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: 6847

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: 4381

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: 1121

09.07.2026 - 18:18

Nothing 4a Firefox

Mit Chrome funktionierts.

mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6847	09.07.2026 - 12:11 Hier findet ihr meine neue WebGPU Grafikdemo die nur 4 Kilobyte groß ist! Der aktuelle Arbeitstitel ist "Interactive particles 4 KB". 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 Bearbeitet von mr.nice. am 09.07.2026, 12:53
kleinerChemiker Here to stay Registered: Feb 2002 Location: Wien Posts: 4381	09.07.2026 - 12:46
mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6847	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: 4563	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: 6847	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: 4563	09.07.2026 - 13:17 hp zbook g1a (strix halo), fedora 44 silverblue
mr.nice. security baseline pusher Registered: Jun 2004 Location: Wien Posts: 6847	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: 16482	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: 7320	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: 4563	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: 4381	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: 6847	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: 4381	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: 1121	09.07.2026 - 18:18 Nothing 4a Firefox Mit Chrome funktionierts.

Interactive particles 4 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