[Projekt] sfäre aka Bulletmaker

[marcgfx]

Ich habe mir gestern abend Truchet Tiling angeschaut und mich gefragt ob ich was in die Richtung machen kann. Ich kam auf folgende Idee: Ich unterteile das Bild in 4 Rechtecke 1,2,3,4. Diese können nach einfachen Regeln aneinandergefügt werden.



Mit zwei Dimensionen ist das Problem nicht einfacher zu lösen, also bin ich flugs auf 1D umgestiegen :)

Ich versuche herauszufinden wie ich sowas in einem Shader realisieren könnte ohne Blöcke vorzudefinieren. Ich könnte das ganze auf der CPU vorberechnen und dann im Shader einfach herauslesen welche Blöcke wohin kommen. (ist mir beim schreiben eben klar geworden...)

[marcgfx]

Es kann wohl nicht jede Idee brilliant sein :)
Immerhin funktioniert was ich versucht habe und ich habe ein nicht ganz so repetitives Muster.

[marcgfx]

Hab ja noch ein kleines Video gemacht

[marcgfx]

Erste brauchbare Auto-Play Version mit den neuen Features. Die Feinabstimmung ist recht mühsam. Einige Übergänge sind sehr holprig, manchmal blitzt es auch richtig auf. Ich analysiere die Helligkeit des Bildes um einige Parameter anzupassen, dass muss ich fliessender gestalten.

[marcgfx]

Habe bei "Art of Code" gesehen wie er Fraktale texturiert hat und fand das noch witzig. https://youtu.be/il_Qg9AqQkE?t=1984

Eben mal mit sfäre versucht, verschiedene Kombination aus Helligkeit und UV-Koordinaten.

Verwendet habe ich das Shadertoy London Bild, welches er auch im Video nutzt.

Nur die Helligkeit (Factor 3 für x)


X: Helligkeit Y: Korrekte Koordinate


UV Koordinaten *0.9 + Helligkeit * 0.1


Gab noch ein paar mehr:
https://imgur.com/a/xXaVaw4

[marcgfx]

Jetzt werde ich das in den Editor einbauen und für Auto-Play vorbereiten. Vermutlich braucht es einen Weg diese Features im Play-Modus per Random zu aktivieren, weil der Editor wird nicht von allen sofort besucht.

[marcgfx]

Die Filter konnten bislang via Auto-Play aktiviert werden, jetzt wird es auch im Play-Mode möglich. Dabei kam es zu dieser Kreation die ich grad ziemlich geil finde (I'm Tab öffnen ist 4K):

[marcgfx]

Ich bin relativ zufrieden mit den Parametereinstellungen, taugt das so als Visualizer oder ist es zu langweilig? Es ist weiterhin nur eine Spectralanalyse und ich versuche weder BPM noch sonst was cleveres zu überprüfen.

[bruebaker]

Ich bin relativ zufrieden mit den Parametereinstellungen, taugt das so als Visualizer oder ist es zu langweilig? Es ist weiterhin nur eine Spectralanalyse und ich versuche weder BPM noch sonst was cleveres zu überprüfen.

Schaut gut aus, finde es nicht zu langweilig.

[Schrompf]

Sieht echt gut aus. Auch dass das immer schnell animiert anfängt und sich dann beruhigt, finde ich passend. Als dann endlich der Beat kam, wurde der subtil eingearbeitet. Manchmal zu subtil für meinen Geschmack, aber es wird schwer sein, dafür allgemeingültige Parameter zu finden.

Mein einziges Problem: die Mucke war furchtbar langweilig :-)

[marcgfx]

@bruebaker: ok, dann bin ich beruhigt :D
@Schrompf: Die anfänglich schnelle Animation liegt an meinen Helligkeitskorrekturen. Schön, dass es sogar passt! Die Musik ist schon eher zum einschlafen, sind nur ganz kurze Tracks die sich wiederholen. Zum Glück kann sfäre inzwischen auf die eigene Musik (System) reagieren, ich denke das ist für die Visualizer Idee sowieso besser. Guter Punkt jedenfalls. Ich sollte ein Video machen mit externer Musik... das könnte besser ankommen? Muss eh mal was auf TikTok posten (oh Gott).

Voronoi versuch:

[marcgfx]

Eigentlich wollte ich mir MIDI Zeug reinziehen, aber Shader machen mehr Spass...

[marcgfx]

Ich habe in Unity 4 Wände platziert und Kugeln reingeworfen. Diese bekommen noch einen kleinen Impuls wenn es lauter wird und sie irgendwas anderes berühren. Die Kugelinfo übergebe ich einem Shader und das ist mein Resultat.

Debug mit Smileys


Vermutlich wäre es besser die Kugeln tatsächlich zu rendern, aktuell geschieht das ganze in einem Post-Processing effect.

[Schrompf]

Das ist kein Fortschritt, finde ich.

Kann das sein, dass Du schon wieder feature-creepst? Mach doch nen Haken dran und fang was Neues an!

[marcgfx]

klaro, arges feature creepen ;) ist mir schon bewusst. es ist ein suchen... dabei wird nicht alles genial sein.

wenn es als visualizer funktionieren soll, ist doch jeder neue blödsinn gut oder nicht? Ich versuche aktuell halt mehr bewegung reinzubekommen, denn bewegung fällt halt mehr auf. vielleicht läuft sowas besser auf social media.



das hier ist geklaut/vereinfacht von: https://www.shadertoy.com/view/4tKXzV

[joggel]

das hier ist geklaut/vereinfacht von: https://www.shadertoy.com/view/4tKXzV

Ich finde den Tunnel-Effekt sehr schick! Hast Du auch Übergänge zwischen den Szenen?

btw:
Da bekomme ich auch wieder etwas Lust mich an paar Audio-Visualizationen zu versuchen :D

[marcgfx]

Nein, Übergänge gibt es nicht. Ich glaube ein klarer Schnitt ist am besten. Zumindest vom Aufwand her :)

[marcgfx]

Nicht zu viel gekommen heute. Hatte noch eine Idee mit Invertieren. Es kamen mehr und mehr Parameter dazu, aber der Shader ist grundsätzlich recht einfach.

[marcgfx]

ist noch der gleiche Shader... fast schon Kunst

[bruebaker]

Hab heute mal auf deiner steampage geschaut, 13 positive reviews sind doch nicht schlecht oder? Wie sind denn die Zahlen bis jetzt? Bist du zufrieden?

[marcgfx]

@bruebaker: Ein grossteil der Reviews zählt nicht, weil sie das Spiel umsonst bekommen haben. Verkaufszahlen sind kaum erwähnenswert, hab ganze 65 Stück verkauft... zufrieden? Nö :) hatte mir vor allem mehr Feedback erhofft und zumindest einen grösseren Youtuber oder Streamer hätte ich mir schon gewünscht.

Ich machs jetzt einfach besser/interessanter, aber am Schluss ist es immer noch das gleiche. Gab schon paar User-Reaktionen in kleinen Streams die mich positiv gestimmt haben. Was mir schon aufgefallen ist: Die meisten bekommen nicht sonderlich coole Muster/Bilder hin. Mir fällt es inzwischen ziemlich leicht, aber ich weiss auch an welcher Kugel ich drehen muss. Vielleicht muss ich da doch noch was anschreiben... bä.

Heute jedenfalls Mip-Mapping eingebaut bei den Filtern. Ganz unkompliziert war es nicht. Interessant war das Aniso-Levels einschalten völlig unnötig war in meinem Fall + bei Filtern darf nur der letzte Filer überhaup mip-mapping verwenden, anonsten geht das Bild oft komplett weg. Zu viel weichzeichnen und am Schluss bleibt nur Hintergrund :)

Das mip-mapping hat vor allem beim Tunneleffekt massiv das Rauschen rausgenommen:


Heute abend hatte ich dann noch die Idee, dass ich sowas wie Feuer haben will. Feuer wurde dann nicht daraus, aber ein ganz interessanter Effekt ist trotzdem entstanden:




Womöglich werde ich den Effekt nur im Auto-Play einsetzen, da es sich nicht sonderlich gut mit der Bild-Export-Funktion verträgt.

[scheichs]

Hast Du Dir mal Wallpaper_Engine angeschaut? Wäre das vllt noch eine Option? Hat ja immerhin so geschätzte 12 Mio Verkäufe

[marcgfx]

ja hab ich mir schon angeschaut, aber weiss nicht was ich damit machen soll. https://www.reddit.com/r/wallpaperengin ... er_engine/

[scheichs]

Achso, also ich meinte eher, dass Du selbst versuchst auf den Desktop zu rendern. Nicht dich bei denen zu integrieren.

[marcgfx]

irgendwie nicht vom fleck gekommen heute. war kurz davor die rauch/feuer geschichte wieder rauszuhauen und habe dann diese aufnahme wieder angeschaut. sieht doch schon irgendwie cool aus.


edit: @scheichs ja das hab ich mich auch gefragt. keine ahnung wie die das machen und ob sowas mit Unity machbar ist?

[bruebaker]

Die idee mit dem auf den Desktop rendern ist echt cool, und du brauchst für die android app unbedingt noch Chrome cast Support (: das sind 2 dinge die echten mehrwert bringen. Ach ubd noch ne mekro aufzeichnen Funktion. So das man coole Effekte machen kann und die später wieder abspielen kann.

[marcgfx]

Windows: Desktop rendern. Geile Idee, aber wie macht man das?
Android to Chromecast: Coole Sache. Ist das nicht einfach wie das iPhone Screen-Mirroring und völlig unabhängig von der App?

Makro aufzeichnen. Ich habe mir überlegt das man Save-Files in einen Ordner ablegen könnte um sie nacheinander abzuspielen. Ist nicht ganz das gleiche, aber vielleicht einfacher umzusetzen. Für das andere bräuchte ich fast sowas wie ein Animations-Editor... machbar, aber ich glaube nicht dass es umbedingt die Verkäuft anregen wird? Ich habe jetzt viel neuen Fluff gebaut, sollte damit wohl einen cooleren Trailer basteln.

Eine andere Idee: Mit sfäre könnte man recht einfach Musik-Videos machen. Auto-Play muss aber noch etwas besser auf die Musik reagieren.

[marcgfx]

Wollte noch was mit Fluid-Dynamik probieren, aber hatte dann doch nicht Lust etwas nachzuimplementieren. Habe ein bisschen rumexperimentiert und Nachbarbereiche jedes Pixels analysiert (einfach die Differenz der Helligkeit). Hat nicht viel gebracht, aber die Helligkeit nahm zu. Hatte alles bereits wieder auskommentiert und habe mich doch noch mal hingesetzt. Weitere Parameter hinzugefügt und plötzlich tauchten "Explosionen" auf.


Grössere Explosionen haben auf der X/Y-Achse längere Arme


Viele Parameter später und einige Panikmomente (aaaaa, es explodiert nicht mehr und ich weiss nicht wieso, wieso geht es überhaupt?)

[scheichs]

Eine andere Idee: Mit sfäre könnte man recht einfach Musik-Videos machen. Auto-Play muss aber noch etwas besser auf die Musik reagieren.

Gute Idee. Song reingeben, Interpret + Titel, vllt noch Stil customizen und fertig ist mein Youtube-Video.

[scheichs]

Windows: Desktop rendern. Geile Idee, aber wie macht man das?

Also ich hab mit damals mal'n eigenen RemoteDesktop gebastelt. Damals konnte man sich den Window-Handle auf den Desktop holen (mit C++). Dann müsste man schauen ob man Unity dazu bringen kann dorthin zu rendern (RenderToTexture und dann hinblitten als Fallback?)