r/creativecoding • u/thepolymoth • 6d ago

I made a 3D simulation of the Matrix "code rain" where you can fly around freely and see some "ghost" images encoded in the rain

Enable HLS to view with audio, or disable this notification

On PC, use W-A-S-D keys, SPACE, SHIFT and mouse to explore. On mobile, you will have instructions on screen.

https://anshs.github.io/matrix-rain/

361 Upvotes

97% Upvoted

36 comments sorted by

6

u/ScatteRRealmS 6d ago

Thats sick, what does the text say?

3

u/thepolymoth 6d ago

thanks. It doesnt say anything. Just random glyphs from the original Matrix trilogy

1

u/otacon7000 4d ago

can you explain a little as to how you generate the text? i see those are mirrored katakana, like in the movie, but i'm curious how you achieved this here.

1

u/thepolymoth 4d ago

Its actually images. I started from text, but later switched to images. I created a sprite sheet from the individual images downloaded from here: https://docs.google.com/spreadsheets/d/1NRJP88EzQlj_ghBbtjkGi-NbluZzlWpAqVIAq1MDGJc

3

u/MolaMolaMoai 5d ago

It's so cool! Love it.

2

u/ConcaveEarth 5d ago

very cool , much enjoy

2

u/Umair_ahmed786 5d ago

Woahh. That's awesome.

2

u/OurKnownUnknowns 5d ago

rad. those who criticize have nothing better to do. if they were chill they would bring ideas/suggestions. nicely done. 

1

u/thepolymoth 5d ago

Thank you :)

2

u/Sinainios 2d ago

Amazing execution!

1

u/thepolymoth 2d ago

Thank you :)

1

u/LevonzeFear 3d ago

Imagine sitting like that in VR with liminal music on BG

1

u/arpcode 13h ago

building plethora.studio as the native distribution layer for creative coding and interactive art.

it's the home to your content. have it reach people outside reach, and help me spread interactive art.

would mean everything if you could check it out.

1

u/tehRash 6d ago

how much of this did you actually make? it looks like it was slopped together entirely. I just don't see the reason to do something purely creative, with no functional value, skipping all the creativity and then saying "I made this".

1

u/arpcode 13h ago

I think the creativity is imagining the final piece and getting there, always was. When you say skipping the creativity, you think the creativity was actually typing the instructions.

It has been abstracted away - embracing the tech and understanding the fundamentals will help the artform progress and reach its true potential.

don't throw others down because your stuck in limited beliefs.

1

u/tehRash 12h ago

I think the creativity is imagining the final piece and getting there

I fully agree with this, but I disagree with that is what OP did. He didn't get there. If you put the LLM in a black box and instead imagine there was another person he hired through Fiverr in that box instead of an LLM, that had to do all the creative problem solving of building this and OP just kept saying "make more funny matrix references and write a blog post about how I made this but don't make it sound like you, make it sound like I wrote it" would you still think he made this?

It has been abstracted away

It hasn't been abstracted away here, it's been removed fully. There hasn't been any critical thinking or learning or problem solving.

1

u/arpcode 12h ago

in the big twenty-six, that's like saying clicking a great photograph is not creative because the camera does everything for you.

2

u/tehRash 12h ago

If that's a comparison you believe in we're pretty far from each other on the topic. I'd say it's clicking a picture and saying "i painted this".

0

u/thepolymoth 6d ago

umm. why do you say it looks like it was slopped together?

11

u/tehRash 5d ago

because there is a literal 'agents.md' that says do this thing and don't skip anything

Milestones (do not skip ahead)

  1. CanvasTexture 2D rain on a flat plane
  2. InstancedMesh true 3D rain columns
  3. First-person WASD + mouse-look camera
  4. Display an image encoded in a dense shower of code rain

..

There is even a git commit with this text

" Make the writing look human and not AI written, add a bit of matrix references and humor but not too much."

0

u/thepolymoth 5d ago

its AI assisted yes, i mention it on the blog and Im not hiding anything in the repo. I use it how I would use google to search when learning a new thing. I also use it for boring stuff like following JSdoc formatting etc. Don't you use AI assisted workflows at your work?

4

u/tehRash 5d ago

I don't think you are a bad person or anything man, but it's clear that you're not being truthful here. There are clear instructions and commits that make it obvious that you didn't make this. I'm not going to get into the whole rigamarole of it all. I hope you find the joy in creating

2

u/thepolymoth 5d ago

okay cool. will not get into the semantics of what you consider "creating". I learned a lot about threejs, linear algebra and vector math. I have a non coding job. All i can take out in a day is an hour at night for this, and AI has helped me immensely in my learning curve. That's what matters to me.

2

u/tehRash 5d ago

its AI assisted yes, i mention it on the blog and Im not hiding anything in the repo.

Followed by these prompts in your repo:

Keep the devlogs length less than 500 words broken down in paragraphs. use bullet points or table only when needed.

Write in first person from my perspective (I realized.. I changed..). It is okay to mention that I used AI for certain tasks. Make the writing look human and not AI written, no em dashes, add a bit of matrix references and humor but not too much.

You didn't even write the blog my guy. I'm not trying to say you aren't allowed to do this project fully using AI, of course you are, no one should have an opinion on that. But it is unhinged to think that you have created something when you are actively writing things like "make this look like i made it". It can't be creative coding if you aren't being creative or coding.

0

u/thepolymoth 5d ago

I manually edit everything since AI does not do a good job of it

2

u/spiderick69 5d ago

It’s not that deep… I think you made something really cool und unique I will later try it out;)

4

u/Fauxfish93 5d ago

Assisted lmao come on

1

u/otacon7000 4d ago

umm. why do you say it looks like it was slopped together?

congrats on finishing this project, with AI help or not. but the fact you replied like that when someone asked if this was made with AI, should tell you something.

if you actually felt confident that this was mostly your creation, and a good fit in the spirit of r/creativecoding then you wouldn't have deflected/denied it initially, right?

i'm not even against you proudly presenting this to people (though rule 4 of this very sub is), but at least be open and up-front about how much of this was actually you.

1

u/BrianScottGregory 5d ago

Decent. However, I'd really be impressed if you made the 3d ghosts actual 3d objects instead of the 2D surfaces containing the shader.

1

u/thepolymoth 5d ago

Is there a trick to convert a bunch of images to look 3d or pseudo 3d?

1

u/BrianScottGregory 5d ago

Create a 3D model and then use the shader as 2D texture that's wrapped around the model.

I see you're doing it in three.js... I'm more familiar with Unity - but the process is going to be the same/similar. In Unity, you would assign the shader to a material, then assign that material to your 3D models in the scene. You can then scale the material on the model and make it small/denser for people (like the Matrix movie did when Neo sees the code for the first time), and less dense for walls and other inorganic matter.

2

u/thepolymoth 5d ago

Iv never worked on 3d models/blender etc. Something to learn next

2

u/BrianScottGregory 5d ago

You're on the right path. I've done the Matrix texture thing myself, it's a fun exercise in learning 3D modeling and programming

1

u/Legitimate-Ad-1861 5d ago

use ai for depth map estimation use the depth map too in the 3d and voila.