Interactive particles 4 KB

Seite 1 von 1 - Forum: Artificial Intelligence auf overclockers.at

URL: https://www.overclockers.at/artificial-intelligence/interactive-particles-4-kb_266266/page_1 - zur Vollversion wechseln!

mr.nice. schrieb am 09.07.2026 um 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

kleinerChemiker schrieb am 09.07.2026 um 12:46

mr.nice. schrieb am 09.07.2026 um 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.

erlgrey schrieb am 09.07.2026 um 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. schrieb am 09.07.2026 um 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 schrieb am 09.07.2026 um 13:17

hp zbook g1a (strix halo), fedora 44 silverblue

mr.nice. schrieb am 09.07.2026 um 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

charmin schrieb am 09.07.2026 um 13:36

Bei mir am Handy rennts gut!

Brave Browser und Oppo Find x9 ultra 16gb

22zaphod22 schrieb am 09.07.2026 um 13:38

am desktop rennts bei mir auch ohne probleme 6900xt

erlgrey schrieb am 09.07.2026 um 13:44

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

kleinerChemiker schrieb am 09.07.2026 um 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. schrieb am 09.07.2026 um 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.

kleinerChemiker schrieb am 09.07.2026 um 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 schrieb am 09.07.2026 um 18:18

Nothing 4a Firefox

Mit Chrome funktionierts.