JavaScript depth mesh renderer


Was playing around with some old code for generating depth maps and decided to create a demo that renders the depth maps in WebGL. The color video is stacked vertically on the depth texture so that the two will always be in sync. Looked into packing the depth into the 24-bit RGB channels, but as the video codec is using YUV there was significant loss and the depth looked horrible. A better approach would be to pack the data into the YUV channels, but I didn’t try. For this example, the depth is only 8-bit.

You can see the one video here:
http://js-depthmesh.appspot.com/

Stacked color and dpeth

Stacked color and depth

js-depthmesh

, , ,

  1. #1 by clEverything on February 21st, 2014

    Wow, you’ve been busy. I still have to try your WebGL stuff from the previous post.

  2. #2 by Neil on February 22nd, 2014

    Well, trying to give my one loyal reader something interesting to read.

    p_clCompletelyForgotAboutThatNaming.

  3. #3 by Chang the Exchangable on May 14th, 2014

    The video is super tiny unless you go into full screen mode. Maybe it’s a Firefox bug …

  4. #4 by Neil on June 12th, 2014

    Thanks. Turns out the closure source I was linking to was no longer available. Try again. Your browser will need to support WebGL for this to be anything meaningful.

(will not be published)

  1. No trackbacks yet.