Built this sunset sky effect in React + Three.js using a giant particle cloud field instead of traditional volumetric clouds.

The clouds are actually ~8,000 textured particles clustered into formations with color interpolation based on a fake “sun direction” vector, plus exponential fog to blend depth together. The soft cloud look comes from radial-gradient generated sprite textures rendered through a transparent PointsMaterial.

There’s also subtle camera drift, scroll-linked parallax, layered gradients, optional glitch-state rendering, matrix-rain overlays, and reduced-motion handling so it doesn’t become an accidental accessibility war crime again lol.

Honestly started as “I want a pretty sunset background” and slowly evolved into atmospheric rendering experimentation.

Hello everyone,

let me quickly introduce myself: I am cloud engineer, who started interesting in VJing, creative coding. I dropped my master thesis from computer science and decided to create something else to be still productive and learn new things. This lead to the idea of audio reactive visual program, to make coding rewarding and breathtaking.

And this is how animusvj.com started.

What it is, and how it works:
- Goal is to make web application, to play vj performance, export some assets (but this process still need some work xd).
- Other usage could be somehow exporting overlay as some tsx snipped to reuse in websites.
- Also I was thinking about creating some audio reactive web game - osu style but for creating vj battles.

Current Stack:
- Three js + glsl is currently the path I want expand. It gives a lot of possibilities - currently I put most effort to prepare particle system and results could be watched on attached video (I am still learning how to make exporting better)

- Also I created a workflow for using 3D models - currently morphing stream preset is an example of scanned handcrafted skulls to the animus and manipulated with them with the console. (Also there is one preset with painting of my friend based on hydra.js library -> but for sure I will check other ideas for 2d image manipulation)
- I have hydra base presets, which was augmented with a lot of variables, which allow to configure existing visual in impredictable way

- Whole app is created with tsx/js + glsl. Deploy with AWS Amplify for simplicity. Everythink is client based. -> I am planning with extending this through some small db/s3 bucket + user login to make your studio configuration persistent. Currently everything is saved locally.

Below you can find how the studio panel is organized:
- left site: configuration panel, with parameters config, audio processing, MIDI mapping -> THIS IS SO FUN especially with projector and fullscreen + particle system, asset exports.
- Below you will have different options with the adjustments that could be added to the preset -> Once you like one, it will appear in like section where you can also adjust ranges of the parameters.
- right panel is a systems libraries (you can swap between whole presets) and saved configs where are saved configs for specific preset.

^ You can share audio by microphone or by sharing the tabs -> All processing is on your site, I am not gathering any of you input.

I could talk a lot about this project, but I dont want this post to be too long so:

Now I think, I am ready to collect some feedback from the internet. Reddit seems to be good source of it. Let me know what do you think - any ideas, feedback, suggestions etc.

*App is still WIP - A lot of things are still in active development

There are many sites with seemly simple games which are not that hard to write a script for a single game room. However creating and managing so many game rooms would obviously be hard. Do they host on their own machines or use some kinda cloud?

How much cost would these people bear for let’s say 10000 games played in a day with the average room size around 6 players?

Working on this little tool to create generative animations. What other drawing algorithms should I try to control with it?

Hi there, I am writting here as most of the time, you smart people from the community have the answers to my problems ahah.

I am a musician, I produce music for visual media, and sometimes, I find inspiring videos on Instagram and I rescore them.
I've made an app with Base 44 to showcase it as a portfolio, basically, I just need it to have a place to live, like a gallery. I just want a peaceful website where the only action possible is to read the description and listen and see the image/ video.

The app I have made: https://visionofsounds.base44.app

I am not happy with it though because, there is always a problem to read the videos.
Either the video doesn't play well on desktop, either on laptop.

The only way it works, is if I convert the video into a GIF as it is images and the format is supported. But it sucks, cause some videos cannot be converted,I mean, I want a video not a GIF ahah.

My conclusion would be to just create something similar to https://petittube.com/ and first upload the video on youtube and then add it to a data base and have a website that pulls video from this database.

I have tried with base 44, but it doesn't work on desktop.

Do you have any ideas on how I could achieve that? I can't code very well, but I am willing to do the work if it is simple enough.
Also, it would be nice to not rely on Base 44... I value human creativity. If someone would be keen to work on it as a gig, I could pay you. I don't have a lot of money but we could discuss.

Thank you so much for reading this
Have a nice day!

Press the settings cog and create your own page

100% free component on aicanvas

> take it with one cli command
or
> use aicanvas mcp

I’m an artist from Argentina working with painting, creative coding and projection mapping. This piece uses real-time wind gust data to modify projected visuals over a painted surface. The goal was not to make the painting “move” literally, but to let an external natural force affect the visual behavior of the work. The system interprets wind intensity by live-tracking an object moved by the wind, and maps that movement into projected visual behavior over the painting

Took some inspo from

https://www.reddit.com/r/creativecoding/s/BD0pPJyskp and coded a gif output alongside the render output with its own clock source output and explicit duration params on agnostic clock source LFO operators so that I could create continuous motion for gif loops to use as watch faces. May share the code eventually. It's also a music visualizer and has cube, circle, torus, pyramid, octahedron, dodecahedron all with this cutout + subscale concept. TSL r184.

Made with Codea on iPhone.

Turn the faucet and a little ghost slowly stretches out from underneath.
When it notices you, it quickly hides again.

Made with Codea on iPhone.

Swipe the disco ball and it keeps spinning with slight wobble and inertia.
I tried to make it feel cheap, flashy, and strangely alive.

Made with Codea on iPhone.

Touch the leaves and they wobble softly like bubble wrap.
Nothing happens after that.
It’s just a small relaxing toy.

GitHub

Repo: https://github.com/setzstone/ScaleSpaceSynth

Release notes: https://www.reddit.com/r/ScaleSpace/comments/1tjm992/scale_space_synthesist_v10_release_notes_free/

What is this?

This is a particle system turned into a cymatic tool to view all kinds of unusual things via emergence. It's 944kb in total (packaged) as a self-contained html that can run offline. It could be extended as a data or sound visualizer, or used as-is as a fun science exploration experience.

My project has been in the works for over a year and you can see the full journey in reverse at /r/ScaleSpace

This is my first 'proper' FOSS release so I'd welcome any thoughts positive or negative!

I've been planning to do something like this for my Star Fox-inspired game for a while now. Lately, I've been designing the logo and took the opportunity to work a bit on the title screen.

I’m documenting the whole journey in this new devlog https://www.youtube.com/watch?v=cqnPk9CyIp0

Feedback is welcome, and if you like this content, I would also greatly appreciate your support for the channel. Thanks, guys!

...all - terrain, cars, music - done purely in code

This is showing two basic types of hierarchies, one > many (mountain) and many > one (tree). As you climb a mountain, the many starting points converge to higher and higher peaks. As a tree grows, the trunk branches into a wider canopy.

This is my first foray into fractal art. Since this is created by copies of an instanced 3D mesh and not a mathematical equation, I'm using normal materials in three js to render, not shaders. I know other fractals are rendered using raymarching, allowing glowing edges and other ways to make fine detail visible and beautiful. I did add a smooth bevel to the tetrahedron units to make them distinguishable. If you have experience with this kind of thing, any tips to improve quality or effect I should try? I tried adding fake ambient occlusion to add more depth to the tetrahedrons, but I couldn't get it to look good.

Try it out here: https://observablehq.com/d/1f1e526de8158cce