Tumgik
#shaders
krisp-xyz · 8 months
Text
Tumblr media
Was experimenting with halftone effects after watching this video and it almost has spiderverse vibes honestly. I actually learned some neat things about why printers use CMYK instead of just CMY so I thought I'd share !!
So in our optimal little computer space, Cyan (0,255,255), Magenta (255,0,255) and Yellow (255,255,0) all multiplied together gives us a perfect black (0,0,0) Awesome! The issue is that ink colors irl arent exactly perfect like this, and color is a bit more complicated irl compared to how computers represent it, so they aren't the greatest at combining into black if they aren't those perfect CMY values:
Left: CMY
Right: CMYK
Tumblr media Tumblr media Tumblr media Tumblr media
(thats not even black, its a dark blue in the original image but dark colors just look so much richer)
An important step to make sure you arent doubling up on the black values though is to divide the image by it's own "value" (the max of all 3 color channels) that way the value is equal to 1 everywhere, and you're letting the black ink take care of the value on its own.
Left: CMY (normalized value)
Middle: K (black)
Right: Combined
Tumblr media Tumblr media Tumblr media
Now obviously the grids of dots cant be aligned perfectly with each other because you'd just get a bunch of black dots in unwanted areas, but if the grids are misaligned, then some dots become more prominent than others which tints the whole image. This was an issue because older printing methods didn't have great accuracy and these grids were often misaligned.
Tumblr media
The solution was to rotate these grids such that they can move around freely while getting rid of that tint effect if they aren't perfectly aligned :D
(I have no idea how they came up with these angles but that might be something to look into in the future who knows)
Tumblr media
SPEAKING OF MISALIGNMENT
I wanted to implement that in my own filter to get some cool effects, and I discovered another reason CMYK is better than CMY for lots of stuff !!
With CMY, you're relying on the combination of 3 color channels to make the color black. This means if you have thin lines or just details in general, misalignment can make those details very fuzzy. Since CMYK uses a single color of ink to handle value, it reduces color fringing and improves clarity a lot even if you have the exact same misalignment as CMY!
Left: CMY
Right: You guessed it! CMYK
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
(yes these comparisons have the exact same color misalignment, the only difference is using a fourth ink color for black)
ANYWAY I just thought there was a lot of cool information in this tiny little day project, I also just think it looks really neat and wanted to share what I learned :3c
Tumblr media Tumblr media Tumblr media
EDITING BECAUSE THERE'S ONE MORE THING I WANTED TO ADD
So, I talked about how to get K in addition to CMY instead of just CMY, but how exactly do you separate CMY from an image in the first place?
Well, CMY is a subtractive color space, meaning the "absence of color" is white, compared to RGB where it's black. This makes sense because ofc ink is printed on white paper. You can use dot product to get the "similarity" between two vectors, and this can be used to separate RGB actually! Using the dot product of a color and red (255,0,0) will give you just the red values of the image. This is cool though because if we get the dot product of our image and the color cyan (0,255,255), we can get the cyan values from our image too! If we first divide our colors by their value to separate the value from them, then separate CMY using those dot product values, and using K for our final black color value, our individual color passes end up looking like this:
Tumblr media Tumblr media Tumblr media Tumblr media
While it's called a "subtractive" color space, I find it more intuitive to treat white as the absence of color here, and then multiply all these passes together. It makes it much easier to understand how the colors are combined imo. Notice how cyan is the opposite of red: (255,0,0) vs (0,255,255) and magenta and yellow are the opposites of green and blue respectively! This means you can actually kinda get away with separating the RGB values and just inverting some stuff to optimize this, but this example is much more intuitive and readable so I won't go too deep into that. THANKS FOR READING I know it's a very long post but I hope people find it interesting! I try my best to explain things in a clear and concise way :3
Tumblr media
oh thank you I realized I should probably add an eyestrain tag
1K notes · View notes
streetdevil96 · 4 months
Text
Tumblr media
style experiment
716 notes · View notes
otherside-wanderer · 1 year
Text
Tumblr media
I wanted to try my hand at a build using only a few kinds of blocks, and this is what I came up with! I was largely inspired by M.C. Escher's work and love how the light and shadows worked out in this piece.
2K notes · View notes
kiellessa · 1 year
Photo
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
My starter base on the Reloaded OG SMP! It started as a slim land bridge that I turn into massive stone arch ruins supporting a house! It also homes my prismarine shop in the lower portion of the stone base, and likely a moss shop in the other half, along with my storage room in the middle!  Still relatively new with terraforming, and it’s not quite natural, but was still fun to do!
The house portion also has a full interior, but it’s harder to get shots in the smaller rooms, so I just took images of the bigger areas, and the smaller attached building is a greenhouse. :D Loads of entrances and exits all over the place and people have gotten lost while visiting me on the server lol. 
It’d be easier to show the build as a walkthrough, but I’m not sure if there’s any interest. Let me know! (I made one and you can find it here: https://youtu.be/ay1USYiYRlY )
Textures: Winthor Medieval stained glass, VanillaTweaks leaves
Shaders: Complimentary
2K notes · View notes
zittern100 · 2 months
Text
Tumblr media
shoebill
169 notes · View notes
oakiyo · 9 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Been playing on a new Minecraft realm with @flumptea and @honbeafairy 🌾🐈
206 notes · View notes
pushingdaffodils · 23 days
Text
Tumblr media Tumblr media
Port Froggy (1/2)
68 notes · View notes
gay-slime · 1 year
Photo
Tumblr media Tumblr media Tumblr media
Mushburg
455 notes · View notes
Text
Comic book shader test
Tumblr media Tumblr media
84 notes · View notes
kitsuna21 · 1 year
Text
GUESS WHO LEARNED HOW TO USE SHADERS
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
@karinsnightmareparty @doublebubblr @raineyraven @insomniwillow @pusheen-loves-food @dazewashere @garlic-sauc3 @straymongrel @winter-evenings @winter-mornings
405 notes · View notes
massivecraftofficial · 10 months
Photo
Tumblr media Tumblr media Tumblr media
A Massive Masquerade
210 notes · View notes
krisp-xyz · 8 months
Text
lighting engine yippee !!
The fact that this is pixel-perfect lighting means I can just throw in any arbitrary sprites and the lighting 'just works™' I also didn't have palette quantization/dithering in the last post because I was trying to show how little noise there was, but here's what it looks like with those enabled
979 notes · View notes
acornbringer · 4 months
Text
The water shader uses no transparency (for technical reasons). Can you tell? 🧐
If you'd like even more riveting behind the scenes game development, check out my Patreon page 🎉
patreon.com/acornbringer
53 notes · View notes
otherside-wanderer · 9 months
Text
Tumblr media
Day 30 of 30 for @clovercrafted's Summer Fun Event: Treehouse
Is it still a treehouse if it's built in the roots instead of the branches?
496 notes · View notes
kiellessa · 1 year
Photo
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Been a bit hectic in my life lately and haven’t had much time to play, but messed in my creative world a bit more designing my medieval steampunk village, and added way too much to the terrain + walls and I haven’t even finished it lol. 
They announced the ReloadedSMP will move on to season 4 (only 4 months into season 3 atm), but didn’t give a date, so I likely won’t have time to do all this... That’s not to mention the rest of the houses and shops and remaining terrain. 
Anyway, having fun with this build and might move to my own survival to finish and flesh out!
890 notes · View notes
sodabytes · 23 days
Text
tried making a water shader in godot
43 notes · View notes