Click here to Skip to main content
15,867,568 members
Articles / Mobile Apps / Windows Mobile

Creating a 3D Image from a DepthMap

Rate me:
Please Sign up or sign in to vote.
4.94/5 (49 votes)
20 Sep 2011CPOL5 min read 160.2K   8K   84   56
Introducing a class for generating 3D images (Stereoscopic and Anaglyph) from DepthMaps.

Introduction

When we come to 3D images/videos we must know that a simple 3D image is created by two images from an object, but from different angles, one per eye. Then brain can use this difference and create a depth map for itself. This will give it an idea of the outer world, how objects are near or how they are far.

But in this article, we don’t have two images. We only have one. But we have a depth map too. A depth map is a gray scale image that describes the distance of objects in an image. For example, you can see an image and its related depth map below:

DoubleTes.jpg

Images are under copyright of http://www.dofpro.com/.

And with this class, you can generate a 3D stereoscopic image from these two images.

Samples

There are two samples in the source code. One in C# and the other in VB.NET. You can test the library before coding. Also there is a good library of images/depth maps on the DOF Pro web site. You can use them for testing.

But do not forget the Copyright. You should also read the "Terms of use" here: http://www.dofpro.com/terms.htm

Image 2

Using the code

Using this class is simple. You can generate a 3D image with a maximum of three lines of code:

  • First you need to create a new instance of this class:
  • C#:
    C#
    _3DImageGenerator.c_3DGenerator gen = new _3DImageGenerator.c_3DGenerator();
    VB.NET:
    VB
    Dim gen as New _3DImageGenerator.c_3DGenerator()
  • Generate a stereoscopic picture and check if this process was completed successfully:
  • C#:
    C#
    bool success = gen.GenerateStereoscopic((Bitmap)i_image, (Bitmap)i_depth);
    VB.NET:
    VB
    Dim success As Boolean = gen.GenerateStereoscopic(i_image, i_depth)
  • Use the image or save it:
  • C#:
    C#
    pn_output.BackgroundImage = gen.Stereoscopic_SideBySide;
    gen.SaveStereoscopic("c:\\example.jps", 80);
    VB.NET
    VB
    pn_output.BackgroundImage = gen.Stereoscopic_SideBySide
    gen.SaveStereoscopic("c:\example.jps", 80)

Please note that there are two types of functions in the class for creating:

  1. Stereoscope images (two images for left and right eye): http://en.wikipedia.org/wiki/Stereoscopy
  2. Anaglyph images: a stereoscopic image that is merged and can be seen by a simple anaglyph glasses as a print or digital image in monitor: http://en.wikipedia.org/wiki/Anaglyph_image

You can read more about properties and functions in the next section.

Class properties and methods

This class has a number of properties and methods that can be used to change the process of generating 3D images:

  • Anaglyph: A bitmap object. Output of the anaglyph generation process. You first must call GenerateAnaglyph or this property will remain null.
  • Stereoscopic_RightChannel: A bitmap object. One of the outputs of the stereoscopic image generation process. You must first call GenerateStereoscopic or this property will remain null.
  • Stereoscopic_LeftChannel: A bitmap object. One of the outputs of the stereoscopic image generation process. You must first call GenerateStereoscopic or this property will remain null.
  • Stereoscopic_SideBySide: A bitmap object. Contains both right and left images of the stereoscopic image generation process. You must first call GenerateStereoscopic or this property will remain null.
  • MaxPixelDisplacement: Get or set the max movement of pixels in displacement.
  • Smoothing: Fill between gaps after displacement with edge pixels or leave them black.
  • SwapRightLeft: Swapping right and left channels.
  • InverseDepthMap: Can be used for inverting pixels of the input depth map. Very usable when you don’t know exactly how the depth map is generated. (Some cameras create a depth map with “More Near-More Black” rules and you need to inverse them.)
  • SaveStereoscopic: Will save a stereoscopic image as a jps file. A jps file is a simple JPG file that counts both right and left channels. Can be opened by programs like nVidia 3D Vision Photo Viewer.
  • SaveAnaglyph: Will save the anaglyph output as file.
  • GenerateStereoscopic: Will create/update stereoscopic outputs by given image and depth map. Must be called before using outputs. Return value is boolean.
  • GenerateStereoscopicAsync: Asynchronous version of GenerateStereoscopic. After calling this method, you must wait for the StereoscopicComplete event.
  • GenerateAnaglyph: Will create/update an anaglyph output by given image and depth map. Must be called before using any output. Return value is boolean.
  • GenerateAnaglyphAsync: Asynchronous version of GenerateAnaglyph. After calling this method, you must wait for the AnaglyphComplete event.

How this works

What does the brain want to estimate an object’s distance?! Difference. How can we give this difference to the brain?! By making two images from two angles. And what is the difference of two images from a different angle?! Place of objects of-course. In this code, we try to move objects depending on how much they are near or far to us. This operation is called displacement in Image Processing and we do it dynamically based on the depth map, and you can call it Dynamic Image Displacement. And at end, if we have “Smoothing” enabled, we will try to fill the remaining spaces by pixels created from both edges of the row. You can see parts of the code in the next section. Also source code is documented so you can easily read it, even if you are not a VB.NET programmer.

A little code

Here is the GenerateStereoscopic method from the class. Written in VB.NET but each line documented so you can understand it easily.

It will give you an idea from the last part about how this class works:

VB
'' Checking if image and depthmap have same size
If Image.Width <> DepthMap.Width OrElse Image.Height <> DepthMap.Height Then
    Throw New ArgumentException("Size of Image and DepthMap are not same.")
'' Check if image and depthmap are 24bitRGB or not
If Image.PixelFormat <> PixelFormat.Format24bppRgb OrElse _
            Image.PixelFormat <> PixelFormat.Format24bppRgb Then
    Throw New ArgumentException("Image and/or DepthMap are/is not 24bitRGB")
Try
    '' Locking image and depthmap so other threads
    '' cant access them when we work on them
    SyncLock Image : SyncLock DepthMap
        '' Create CH2 bitmap for saving output
        b_CH2 = New Bitmap(DepthMap.Width, DepthMap.Height)
        '' Create a rect object, Same size as CH2 bitmap.
        '' Need for direct access in memory
        Dim r_CH2 As Rectangle = _
            New Rectangle(0, 0, DepthMap.Width, DepthMap.Height)
    
        '' Create CH1 bitmap for saving output 
        b_CH1 = New Bitmap(DepthMap.Width, DepthMap.Height)
        '' Create a rect object, Same size as CH1 bitmap.
        '' Need for direct access in memory
        Dim r_CH1 As Rectangle = _
            New Rectangle(0, 0, DepthMap.Width, DepthMap.Height)
    
        '' Calculating real width of image (By byte)
        Dim i_width As Integer = DepthMap.Width * 3
        If i_width Mod 4 <> 0 Then
            i_width = 4 * (i_width / 4 + 1)
        End If  

        '' How much we need to move each pixel per depth byte 
        Dim hsrate As Double = i_maxDisplacement / 255
        '' Creating a rect object with same size. For Depth map
        Dim r_depth As Rectangle = _
            New Rectangle(0, 0, DepthMap.Width, DepthMap.Height)
        '' Opening direct access to bitmap data in memory for Depth map
        Dim d_depth As BitmapData = DepthMap.LockBits(r_depth, _
            ImageLockMode.ReadOnly, _
            System.Drawing.Imaging.PixelFormat.Format24bppRgb)

        '' Creating a rect object with same size. For Image
        Dim r_image As Rectangle = New Rectangle(0, 0, Image.Width, Image.Height)
        '' Opening direct access to bitmap data in memory for Image
        Dim d_image As BitmapData = Image.LockBits(r_image, _
            ImageLockMode.ReadOnly, _
            System.Drawing.Imaging.PixelFormat.Format24bppRgb)

        '' Opening direct access to bitmap data in memory for CH2
        Dim d_ch2 As BitmapData = b_CH2.LockBits(r_CH2, ImageLockMode.ReadWrite, _
            System.Drawing.Imaging.PixelFormat.Format24bppRgb)
        '' Opening direct access to bitmap data in memory for CH1
        Dim d_ch1 As BitmapData = b_CH1.LockBits(r_CH1, _
            ImageLockMode.ReadWrite, _
            System.Drawing.Imaging.PixelFormat.Format24bppRgb)

        Dim sfp As Integer
        For y As Integer = 0 To DepthMap.Height - 1
            '' Calculate location of current line's last free pixel
            Dim rLPDest As IntPtr = (y + 1) * i_width - (i_maxDisplacement * 3) - 3

            '' Calculate location of current line's first free pixel 
            Dim rFPDest As IntPtr = y * i_width + (i_maxDisplacement * 3)

            '' Count for each pixel on width of image.
            '' Cut MaxDisplacementfrom from both sides
            For x As Integer = i_maxDisplacement To _
                     DepthMap.Width - 1 - i_maxDisplacement

                ''''''''''''''''''''''''''''''''''' Right 2 Left
                '' Read Depth, Right to Left
                Dim depthrgb As Byte = ReadByte(d_depth.Scan0 + rLPDest + 1)
                If InverseDepthMap Then depthrgb = 255 - depthrgb
                '' Calculate displacement offset, Right to Left 
                sfp = depthrgb * hsrate 
                '' Read a pixel from image, Right to Left 
                Dim imagergb(2) As Byte
                Copy(d_image.Scan0 + rLPDest, imagergb, 0, 3)

                '' Correct CH2 Displacement, Right to Left 
                Copy(imagergb, 0, d_ch1.Scan0 + rLPDest + ((sfp) * 3), 3)
    
                '' Smoothing  
                If b_Smoothing And sfp <> 0 Then
                   '' Calculate color changes between pixels (For better
                   '' smoothing we use 4 pixel and then get an average)
                    Dim ich2Rgrate, ich2Ggrate, ich2Bgrate As Double
                    Dim db(11) As Byte 
                    Copy(d_image.Scan0 + rLPDest - 12, db, 0, 12) 
                    db(11) = CType((CType(db(11), Integer) + _
                             CType(db(8), Integer)) / 2, Byte)
                    db(10) = CType((CType(db(10), Integer) + _
                             CType(db(7), Integer)) / 2, Byte) 
                    db(9) = CType((CType(db(9), Integer) + _
                            CType(db(6), Integer)) / 2, Byte) 
                    db(2) = CType((CType(db(2), Integer) + _
                            CType(db(5), Integer)) / 2, Byte) 
                    db(1) = CType((CType(db(1), Integer) + _
                            CType(db(4), Integer)) / 2, Byte)
                    db(0) = CType((CType(db(0), Integer) + _
                            CType(db(3), Integer)) / 2, Byte)

                    '' Split color changes between pixels that we
                    '' need to write. So we can create a gradient effect 
                    ich2Rgrate = (CType(db(2), Integer) - _
                                  CType(db(11), Integer)) / (sfp + 1) 
                    ich2Ggrate = (CType(db(1), Integer) - _
                                  CType(db(10), Integer)) / (sfp + 1)
                    ich2Bgrate = (CType(db(0), Integer) - _
                                  CType(db(9), Integer)) / (sfp + 1) 

                    '' Apply Smoothing
                    For i As Integer = 0 To sfp - 1
                        '' CH2 Smoothing
                        db(0) = db(9) + (i * ich2Bgrate)
                        db(1) = db(10) + (i * ich2Ggrate)
                        db(2) = db(11) + (i * ich2Rgrate)
                        Copy(db, 0, d_ch1.Scan0 + rLPDest + _
                             (((sfp - 1) - i) * 3), 3)
                    Next
                End If
                '' Go to Last Pixel
                rLPDest -= 3

                ''''''''''''''''''''''''''''''''''' Left 2 Right
                '' Read Depth, Left to Right
                depthrgb = ReadByte(d_depth.Scan0 + rFPDest + 1)
                If InverseDepthMap Then depthrgb = 255 - depthrgb

                '' Calculate displacement offset, Left to Right  
                sfp = depthrgb * hsrate 

                '' Read a pixel from image, Left to Right
                Copy(d_image.Scan0 + rFPDest, imagergb, 0, 3) 

                '' Correct CH1 Displacement, Left to Right 
                Copy(imagergb, 0, d_ch2.Scan0 + rFPDest + (-sfp * 3), 3) 

                '' Smoothing 
                If b_Smoothing And sfp <> 0 Then 

                    '' Calculate color changes between pixels
                    '' (For better smoothing we use
                    '' 4 pixel and then get an average) 
                    Dim ich1Rgrate, ich1Ggrate, ich1Bgrate As Double
                    Dim db(11) As Byte
                    Copy(d_image.Scan0 + rFPDest + 3, db, 0, 12)
                    db(11) = CType((CType(db(11), Integer) + _
                             CType(db(8), Integer)) / 2, Byte)
                    db(10) = CType((CType(db(10), Integer) + _
                             CType(db(7), Integer)) / 2, Byte)
                    db(9) = CType((CType(db(9), Integer) + _
                            CType(db(6), Integer)) / 2, Byte)
                    db(2) = CType((CType(db(2), Integer) + _
                            CType(db(5), Integer)) / 2, Byte)
                    db(1) = CType((CType(db(1), Integer) + _
                            CType(db(4), Integer)) / 2, Byte) 
                    db(0) = CType((CType(db(0), Integer) + _
                            CType(db(3), Integer)) / 2, Byte)

                    '' Split color changes between pixels that
                    '' we need to write. So we can create a gradient effect
                    ich1Rgrate = (CType(db(2), Integer) - _
                                  CType(db(11), Integer)) / (sfp + 1)
                    ich1Ggrate = (CType(db(1), Integer) - _
                                  CType(db(10), Integer)) / (sfp + 1)
                    ich1Bgrate = (CType(db(0), Integer) - _
                                  CType(db(9), Integer)) / (sfp + 1)

                    '' Apply Smoothing
                    For i As Integer = 0 To sfp - 1
                        '' CH1 Smoothing
                        db(0) = db(9) + ((sfp - i) * ich1Bgrate)
                        db(1) = db(10) + ((sfp - i) * ich1Ggrate)
                        db(2) = db(11) + ((sfp - i) * ich1Rgrate)
                        Copy(db, 0, d_ch2.Scan0 + rFPDest + (-i * 3), 3)
                    Next
                End If
                '' Go to Next Pixel
                rFPDest += 3
            Next
        Next

        '' Closing direct access 
        DepthMap.UnlockBits(d_depth)
        Image.UnlockBits(d_image)
        b_CH2.UnlockBits(d_ch2)
        b_CH1.UnlockBits(d_ch1)
    End SyncLock : End SyncLock
    Return True
Catch ex As Exception
        Return False
End Try

Points of interest

  1. One of the interesting things in this code is using the System.Runtime.InteropServices.Marshal class for doing unsafe operations which are normally not supported in VB.NET; this will give us the ability to access data directly in memory that is much faster than using functions like GetPixel or SetPixel.
  2. I originally wrote this class for an application that can get the depth and RGB stream from Kinect (Microsoft’s motion capture device, used for an Xbox gaming console) and then can create a 3D image based on that information. You can download the source code from this address: http://www.kinectdevs.com/forums/filebase.php.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Chief Technology Officer
Iran (Islamic Republic of) Iran (Islamic Republic of)
Coding PHP, Asp.Net, C#, VB6, VB.Net and C++,

Web && Software Senior Developer.

Comments and Discussions

 
QuestionDepth problem Pin
Pavel Lagutin29-Apr-21 22:54
Pavel Lagutin29-Apr-21 22:54 
QuestionDepth map from 2 images Pin
umar.techBOY2-Jul-14 22:16
umar.techBOY2-Jul-14 22:16 
GeneralMy vote of 5 Pin
Gun Gun Febrianza5-May-14 15:40
Gun Gun Febrianza5-May-14 15:40 
Questionhi Pin
saga1113-Aug-13 7:08
saga1113-Aug-13 7:08 
hi i am saga having experience in dot net.working in erp field since last 3 years.now i want to work on image processing perticularly in stereoscopic image.in your 3dimagegenerator you have used hsrate.what actual it does doing.and one thing i have to get know that how we move pixel according to depthmap.
Questionabout 3dimage converter Pin
soloution13-Feb-13 6:19
soloution13-Feb-13 6:19 
AnswerRe: about 3dimage converter Pin
Soroush Falahati13-Feb-13 7:00
professionalSoroush Falahati13-Feb-13 7:00 
GeneralMessage Closed Pin
11-Apr-13 21:37
soloution11-Apr-13 21:37 
GeneralRe: about 3dimage converter Pin
Soroush Falahati11-Apr-13 22:02
professionalSoroush Falahati11-Apr-13 22:02 
GeneralMessage Closed Pin
11-Apr-13 23:04
soloution11-Apr-13 23:04 
GeneralRe: about 3dimage converter Pin
Soroush Falahati12-Apr-13 0:29
professionalSoroush Falahati12-Apr-13 0:29 
GeneralMessage Closed Pin
12-Apr-13 0:58
soloution12-Apr-13 0:58 
GeneralRe: about 3dimage converter Pin
Soroush Falahati12-Apr-13 1:03
professionalSoroush Falahati12-Apr-13 1:03 
GeneralMessage Closed Pin
12-Apr-13 1:06
soloution12-Apr-13 1:06 
GeneralRe: about 3dimage converter Pin
Soroush Falahati12-Apr-13 1:39
professionalSoroush Falahati12-Apr-13 1:39 
GeneralMessage Closed Pin
14-Apr-13 20:44
soloution14-Apr-13 20:44 
GeneralRe: about 3dimage converter Pin
Soroush Falahati15-Apr-13 2:36
professionalSoroush Falahati15-Apr-13 2:36 
GeneralMessage Closed Pin
15-Apr-13 2:17
soloution15-Apr-13 2:17 
GeneralRe: about 3dimage converter Pin
Soroush Falahati15-Apr-13 2:37
professionalSoroush Falahati15-Apr-13 2:37 
GeneralMy vote of 5 Pin
haji124519-Jan-13 22:09
haji124519-Jan-13 22:09 
GeneralRe: My vote of 5 Pin
Soroush Falahati20-Jan-13 12:02
professionalSoroush Falahati20-Jan-13 12:02 
QuestionDo you have this code tag C++,I need it a lot! Pin
lizhun1990080623-Oct-12 15:35
lizhun1990080623-Oct-12 15:35 
AnswerRe: Do you have this code tag C++,I need it a lot! Pin
Soroush Falahati22-Nov-12 1:13
professionalSoroush Falahati22-Nov-12 1:13 
QuestionHi Soroush Have a question Pin
Member 93372945-Aug-12 23:36
Member 93372945-Aug-12 23:36 
AnswerRe: Hi Soroush Have a question Pin
Soroush Falahati8-Aug-12 20:59
professionalSoroush Falahati8-Aug-12 20:59 
GeneralGreat work ! Pin
Member 876247627-Apr-12 4:28
Member 876247627-Apr-12 4:28 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.