It's not finished, optimized or ported to DX11 yet, but just thought I'd show off my progress so far, since I know a few people have been waiting for a shader like this, and there are some others who like tinkering with shaders...
Download: https://1drv.ms/u/s!Atq7cUIJ7uextFeh...5y2G4?e=2EPfES
Not sure why there are visual artifacts at the edges...
Amazing shader!
What's left to do?
About DX11, Android, iOS/Mac port, let me know if you need help with that!
Cheers!
The code needs commenting, and variable names need changing to something more descriptive, so those people interested in how it works can understand what's going on (it's actually pretty simple, believe it or not).
There's room for optimization - doing the 3D rotations by matrix multiplication, for example.
I'll probably add a "zoom(-out)" parameter, so you don't need to add an empty border around the image.
I'd like to fix those visual artifacts at the edges somehow...
I'm not promising anything, but there's also the potential for lighting effects (Phong shading, specular maps...).
I definitely won't be porting to Android/iOS, as I don't have any means of testing on those runtimes. I should be able to do a DX11 port, but I might not get around to it for a while... So yeah, go ahead if you want to - or maybe wait until there's a more "final" version.
As always, anyone is free to modify, share and use the shader in any way they like.
EDIT: If you set the border to transparent instead of white, those visual artifacts go away
Lighting effects would be fantastic!
And what you mean by set the border to transparent instead of white? I thought sampler_state were already doing that...
Well, zooming out would definitely help a lot, I think I can add it
I've changed it now, but the original picture of the dog had a white border. That was necessary because otherwise as the image rotates, it no longer fits the object and bits get cut off (hence the idea of a zoom-out parameter). I thought that since the background of the frame was white, you wouldn't be able to see the border, but for some reason there are those ugly visual artifacts at the edges. But if you use a border of transparent pixels instead of white, those disappear.
I can't quite tell if this example:
https://www.youtube.com/watch?v=UGTSnUnkltM
...is using per-pixel lighting or not?
You might be able to get that effect by just having a "highlight" layer overlaying the card, and varying its opacity according to the angle of the card. That would be more efficient that doing it in the shader anyway, since it's then one calculation per object, not one per pixel.
Well, on the video it has a fingerprint overlay that has some blending mode to it...
I'm not sure if that's per-pixel or just a overlay...
Btw, here's my ports, proper alpha channel support included, also added a zoom parameter (this has all files, not just the port)
Should work on DX11, Android, iOS/Mac!
That was quick! Nice work
Very cool idea, MuddyMole. Thanks!
So, a Phong Shading effect would be realizable as well?
You are blazingly fast with code conversion process, NaitorStudios!
btw @NaitorStudios - did you actually receive the test archive with gimp files etc. from my latest shader topic?
Besides Windows EXE Runtime - are most other Exporters already capable to interprete these specific shader controlled transitions correctly?
Wow, I remember an example with a rotating ace of spade card, yet it's perspective was all off. This is perfect, thank you so much
I've noticed (and should have anticipated) that the shader only works perfectly with square textures, so if your object is not square, you should add transparent margins to make it square. I have a feeling this would be tough to fix.
Flat shading is not too complicated, but I'm still not sure if it's a good idea to put it in the shader. As mentioned earlier, it's probably better to do the calculations once using CF2.5 events, rather than repeating them for each of the texture's thousands of pixels in the shader. Per pixel shading probably isn't worth it anyway, since we're only talking about simple flat surfaces without shadows, multiple light sources, etc.
Posting Permissions
Reply With Quote