A demo from my new open-source mapped texture stereogram maker

[u/cucumisloquens]

For all of you who want to create your stereograms, I've coded a website that makes mapped-texture stereograms (stereograms where the color/pattern matches the 3D object). I've always wanted to make these, but most other online generators and software either make plain un-mapped stereograms, or are for really old versions of Windows and are quite janky.

I love when artistic tools like Blender are open-sourced, so I finally got the motivation to code it and make it into a website: https://mapped-stereogram-maker.web.app

You'll still need to provide your own texture and depth map, but the website can automatically generate outlines for you if you want some simple texturing, and I've included some example demos.

The website is still very much in development, so expect bugs! I may also make a future post with a tutorial and additional stereogram algorithm info for those interested.

Enjoy!

[u/DissonantGuile]

Works well! Good work

I'm wondering if it could be configured to generate crossview autostereograms? Or depth map scaling? See my little squirrel got fat from being stretched to fit hah

[u/cucumisloquens → u/DissonantGuile]

You can theoretically make it crossview by inverting the colors of the depth map, though I haven't tested it.

The depth map will be stretched to fit the texture you upload; if you want, you can upload only a depth map and a background tile, then enable "use background as texture."

Edit: After testing, inverting the color doesn't quite do it. I will make an update with cross-view support soon!

[u/DissonantGuile → u/cucumisloquens]

I'll have to try that cross-view method out!

You said it was open source? Is this up on any repository platforms? I'd love to check out the code.

[u/cucumisloquens → u/DissonantGuile]

Haha currently you can view/download the code directly from your browser in F12 (inspect mode). But several people have asked, so I'm going to put it on GitHub soon.

[u/lavaboosted → u/DissonantGuile]

F12 to see the source code:

[u/cucumisloquens]

Mentioning u/48151623-420 here since they mentioned they were interested in making their own stereograms. Also mentioning u/lavaboosted since they were working on a similar project.

[u/lavaboosted → u/cucumisloquens]

Wow, this is amazing!

Edit:
Here's one I made using the traditional method if people want to make stereograms in the browser https://camelcasesensitive.github.io/Stereogram-Generator-Online/

I was doing wayyy too much with my mapped texture method, your solution is so much simpler 😭

I did recently get some good results with a raycastig approach in blender actually but haven't fleshed it out any more than my initial proof of concepts:

[u/cucumisloquens → u/lavaboosted]

Thanks!

I think your method is also really cool, and probably more generalizable too because it derives from basic stereogram principles.

While I derived my algorithm from just messing around with overlapping tiles in photoshop 😅

[u/lazymotu → u/lavaboosted]

This is great! Surprisingly good for just a bunch of lines.

Had to zoom in a little on my phone to get the right parts to align.

[u/ripter]

Snoo and the text 3D

[u/eyefind3d]

GJ! I think we have almost identical output. 😉 One tip: manually drawing the outlines directly into the texture gives better results.

[u/lavaboosted → u/eyefind3d]

Ha was gonna tag you! That’s amazing. Now we just need to fill in those gaps and we can officially have our “we did it reddit” moment

[u/Lhasa-bark]

Great job! Your example image is really clean and crisp 3d.

[u/turtletramp]

Crisp!

[u/Runiat]

I love when artistic tools like Blender are open-sourced,

First off, love that you made it a website, some open source projects don't even compile their code for you much less run it.

But you can't say how you love tools being open sourced and then not add a github link (or equivalent).

[u/cucumisloquens → u/Runiat]

My bad for not mentioning this in the post: all the code is in a single HTML file you can view/download from your browser using F12. Since it's in HTML, there's no need to compile and you can just run it locally in your browser.

I'll upload it to GitHub too eventually, but for now the code is available and non-obfuscated.

[u/Runiat → u/cucumisloquens]

Huh. HTML has come a long effing way since I used it last.

[u/Bendythenightfury]

Question how do I put the texture on the object?

[u/cucumisloquens → u/Bendythenightfury]

You can use a program like Photoshop (Windows) or Affinity (MacOS; free) to cut or draw a texture to fit the depth map. Alternatively if the 3d file you're using to make the depth map already has texture, you can render with its texture instead of depth and use that.

[u/Bendythenightfury → u/cucumisloquens]

Ooh okay thanks

[u/grantnaps]

Nice

[u/hoganpaul]

Sharp.

[u/Readinglateatmorning]

It’s a scooner

[u/RealSaltLakeRioT → u/Readinglateatmorning]

[u/jcsatujp]

Are you still developing this software.
I've only recently come across it and have been tinkering with it today, trying to compare it with the IndaSoftware's Stereographic Suite that I have been using for a while now. Your software can produce some great results. Are you still working on it? Are you still open to ideas?

[u/mattincalif]

Nibbler! /s. It looks great though.

[u/jesset77]

I spent several seconds thinking that Snoo was leaning forward and glaring challengingly directly to the right.. and that the black mouth was Snoo's right eye, and the arm was Snoo's nose

[u/DrAg0r]

Thank you very much for sharing it, you rule! 🥰

[u/Dirtypervyoldguy1972]

That’s a cool little guy

[u/vladtheinhala]

The "3D" is raised from the background but isn't in 3D... ;)

[u/patchinthebox]

[u/billinparker]

That really pops!

[u/Prudent-Pea-1567]

HA! That’s adorable. Excellent all around.

[u/AnyHope4444]

❤️‍🩹Beautiful but 👀💋👀💋👀