Creating a Hologram effect with Garry's mod using the Z-Pass method

[Crazy Knife]

I combined this picture

[img]http://wduwant.com/3d/test3d_files/q.jpg[/img]

with the Z-pass method as specified in this thread: [url]https://facepunch.com/showthread.php?t=1332299[/url] by passing a white fog with all the lighting turned off.

[img]http://wduwant.com/3d/test3d_files/qa.jpg[/img]

and managed to make [b]this[/b] : >>> [url]http://wduwant.com/3d/hologram.html[/url] <<< (drag your mouse around the screen).

Here's another silly one: [url]http://wduwant.com/3d/hologram2.html[/url]

It uses a javascript library called pixi.js to track the displacement of a particular pixel when you drag your mouse given how bright or dark a particular pixel is in the z-pass version of the image.

[Mythos]

Okay, wow. Just... wow. That's amazing.

The second one doesn't seem to work for me, it just blinks white.

[aNoire]

This is awesome

[Dshetland]

Amazing!. Great job.

[Deunan]

How does the site work exactly? I understand that you pretty build layers via the depth map, but sadly don't see a way how to do it on the website :(

[Crazy Knife]

[QUOTE=wraithcat;49376908]How does the site work exactly? I understand that you pretty build layers via the depth map, but sadly don't see a way how to do it on the website :([/QUOTE]

Press f12 on the site, it's not built on layers. It's built based on pixel displacement with respect to a filter (the z-pass). Run your mouse on this example screen [url]http://pixijs.github.io/examples/index.html?s=filters&f=displacement-map.js&title=Displacement%20Map[/url], the loop you see is the displacement filter, only imagine it applying for the entire screen.

[Benx303]

That's really impressive.

[Vioxtar]

Crazy Knife, taking it to the next level

[Hairybastard]

Wow, that's fantastic!

Can't wait to see where this technology will lead

[KnightLight]

What is this sorcery?!

Nah really, looks awesome. Please teach us how to do this.

[Crazy Knife]

[QUOTE=KnightLight;49432339]What is this sorcery?!

Nah really, looks awesome. Please teach us how to do this.[/QUOTE]

It's pretty easy. Just take a picture and then take a black and white z-pass picture as specified in this link: [url]https://facepunch.com/showthread.php?t=1332299[/url] you can just send me the 2 pictures and I can combine them or you can just copy the code that I used by pressing f12 or you can save the website link itself.