[TOOL] Google Camera Lens Blur - 3d paralax effect / export as GIF, WEBM animations!

Search This thread
By:
Advanced…
T

th7org

Member
Aug 13, 2010
32
102
Warsaw
Google Pixel 6
Hi all,

My buddy just developed this awesome tool to extract depth map image and original shoot (not blurred one) from Lens Blur jpegs. It looks like this:



And here are the results of applying depth map as a source of displacement map filter. Wooo, you can now view your own image in 3D :D

JkCIGiO.gif


Everything is done locally in your browser so you can safely extract depth maps from your own images.


BIG UPDATE!

Completely new interface (and logo :laugh:):


Edit / tweak / create your own depthmaps (like this):


3D Anaglyps (use your red/cyan 3d glasses):


Other stuff:
* Saving to Google Camera Lens Blur compatible JPEGs
* Add shortcut to your launcher for native-like full-screen experience.
* Hi quality WEBM encoder (useful for video, embedding in gfycat.com, uploading to YouTube, etc.)
* Better GIFs, with dithering

link: depthy.me

Have fun!
 
Last edited:
  • Like
Reactions: Deleted member 9562014, Jbb3393, lambebaal and 76 others
C

chihliouma

Senior Member
Feb 3, 2008
1,711
133
This is great, but if you can made it as APP to be installed in the phone, it will be even better.
 
  • Like
Reactions: _DX_
K

Kevro_86

Senior Member
Aug 9, 2010
79
15
I got it to output the 2 images, buy how do I see the 3D image? I'm using Chrome.

Thanks,
Kevro

Sent from my gargantuan VZW Galaxy Note II
 
K

Kevro_86

Senior Member
Aug 9, 2010
79
15
Apparently a recent version of Chrome screwed up WebGL. I tried going into chrome://flags and enabling it, and I still just get the 2 separate images. None of the mobile experiments are working in my Note 2.

Dang!! I really want to see this!

Sent from my gargantuan VZW Galaxy Note II
 
L

lemmatti

Senior Member
Sep 26, 2012
62
37
This looks great ! Now IF someone would make this into an app, and possibly to a lwp.. :) Just saying they would get my money :)
 
  • Like
Reactions: paulo28c
R

rudyp9

Senior Member
Mar 15, 2011
394
20
Salt Lake City
I drag and drop my own pic but nothing shows up on the page nothing on the "parallax " only on the extracted images :confused:
 
Last edited:
Gwanatu

Gwanatu

Senior Member
Oct 12, 2010
843
102
Apopka, FL
This isn't working for me on desktop Chrome, but it works on mobile Chrome. I get the no WebGL support error, however all the other WebGL demos I tested from your link work fine.

Awesome tool though! Using it on my Note 3 is amazing, really a fantastic effect!

EDIT: works on Firefox on the same computer. Stupid Chrome.
 
Last edited:
bluepinkpanther

bluepinkpanther

Senior Member
Nov 18, 2010
773
225
Przemysl
Gwanatu said:
This isn't working for me on desktop Chrome, but it works on mobile Chrome. I get the no WebGL support error, however all the other WebGL demos I tested from your link work fine.

Awesome tool though! Using it on my Note 3 is amazing, really a fantastic effect!

EDIT: works on Firefox on the same computer. Stupid Chrome.
Click to expand...
Click to collapse

Works on desktop chrome here.
 
H

haobe

Member
May 25, 2008
20
3
Harsha Raj said:
This webgl experiment is working on chrome beta 34.0.1847.99.

http://brm.io/matter-js-demo/
Click to expand...
Click to collapse

Gwanatu said:
This isn't working for me on desktop Chrome, but it works on mobile Chrome. I get the no WebGL support error, however all the other WebGL demos I tested from your link work fine.

Awesome tool though! Using it on my Note 3 is amazing, really a fantastic effect!

EDIT: works on Firefox on the same computer. Stupid Chrome.
Click to expand...
Click to collapse

Well, that's the state of support for WebGL today. If there is no webgl support error, than it means it's something with the shader or pixijs, but without the device in hand it would be hard to trace
 
You must log in or register to reply here.

Similar threads

C
  • Locked
[APP]SuperOneClick v2.3.3 - Motorola Exploit Added!
Replies
7K
Views
16M
vanessaem
vanessaem
K
[ROOT ANDROID][2.x-6.0] KINGROOT: The One-Click Root Tool for Almost All Devices
Replies
8K
Views
6M
bobiba11
bobiba11
Z
[TOOL] Whatsapp Xtract: Backup Messages Extractor / Database Analyzer / Chat-Backup
Replies
1K
Views
3M
c3lly
c3lly
Anubhav Agrawal
  • Sticky
Your Google Play Store is blocked? Search/request your app here!
Replies
13K
Views
2M
zolaisugly
zolaisugly
Martin.077
[APP][PATCHED] Google Phone v53+BLACK THEME [NO ROOT]
Replies
5K
Views
2M
MaddieMoo68
MaddieMoo68

Top Liked Posts

24 Hours All time
  • There are no posts matching your filters.
  • 79
    T
    th7org
    Hi all,

    My buddy just developed this awesome tool to extract depth map image and original shoot (not blurred one) from Lens Blur jpegs. It looks like this:



    And here are the results of applying depth map as a source of displacement map filter. Wooo, you can now view your own image in 3D :D

    JkCIGiO.gif


    Everything is done locally in your browser so you can safely extract depth maps from your own images.


    BIG UPDATE!

    Completely new interface (and logo :laugh:):


    Edit / tweak / create your own depthmaps (like this):


    3D Anaglyps (use your red/cyan 3d glasses):


    Other stuff:
    * Saving to Google Camera Lens Blur compatible JPEGs
    * Add shortcut to your launcher for native-like full-screen experience.
    * Hi quality WEBM encoder (useful for video, embedding in gfycat.com, uploading to YouTube, etc.)
    * Better GIFs, with dithering

    link: depthy.me

    Have fun!
    View
    9
    C
    ctz99
    Here's a work-in-progress native app which can do a similar thing to this.

    This is just a test-bed for the moment. Eventually it will be a gyro LWP. Feedback welcome.
    View
    6
    T
    th7org
    artesea said:
    How did the OP create the animated gifs?
    Click to expand...
    Click to collapse

    Actually I've faked it in After Effects (using displacement map and lens blur filter - if you want I can provide you a quick tutorial here) just to showcase what is possible with extracted images :) But actual GIF export on site is coming along nicely and should be available pretty soon.

    Smith7018 said:
    Would your buddy be able to give a small explanation on how to extract the depth map? I don't know JS and I get what's it's sort of doing but a real explanation on how the file is stored would be grand! :)
    Click to expand...
    Click to collapse
    Depth map and unprocessed (not blurred) image are stored in XMP data in jpeg file. You can check parseCompoundImage function here. And official documentation from Google for jpegs with depth map can be found here.

    And here are some new gif samples I've made recently:

    7awnpCo.gif


    ZG9jRMD.gif
    View
    6
    T
    th7org
    UPDATE:

    4E3kCoJ.jpg


    GIF support and more advanced control over animation.

    Cheers!
    40GdQhe.gif
    View
    3
    xheavymetaldadx
    xheavymetaldadx
    chihliouma said:
    This is great, but if you can made it as APP to be installed in the phone, it will be even better.
    Click to expand...
    Click to collapse

    And use the output images as a lwp. Definitely something I would pay for.

    Sent from my Nexus 5 using Tapatalk
    View

New posts