====================
Compare Color Image and Depth Image
====================

.. raw:: html
    
    <div style="background: #C3F8FF" class="admonition note custom">
        <p style="background: light-blue" class="admonition-title">
            Follow along: Compare Color Image and Depth Image
        </p>
        <div class="line-block">
            <div class="line">The program launching process along with parameter settings are all simplified and set up on the Jupyter Notebook Environment.</div>
        </div>
        <ul>
            <li>Open the 01_04_Depth_Comparison.ipynb Jupyter Notebook.</li>
            <li>Compares the rgb image and the depth image and outputs it to the display connected to the jetson nano.</li>
            <li>Make sure your display is connected to your Jetson Nano!</li>

        </ul>
        <div class="line">(The Jetson Board used for these examples are => Jetson Nano)</div>
        
    </div>


.. raw:: html

    <hr>

-   01_04_Depth_Comparison.ipynb
-   | Running the cell code.
    | `Ctrl + Enter`

.. thumbnail:: /_images/depth_camera/depth_ex_1-1.png

-   Set environment variables before running the code.

.. code-block:: python

    %env DISPLAY=:0
    %env PROGRAM_PATH=/root/scripts/aikit/lecture/


-   Check the Python code to be executed. When the cell is executed, the contents of the corresponding Python code are output.

.. code-block:: python

    !cat $PROGRAM_PATH/01_04_Depth_Comparison.py

-   Execute that code.

.. code-block:: python

    !python3 $PROGRAM_PATH/01_04_Depth_Comparison.py

-   If executed correctly, the following window will appear on the Jetson Nano and the connected display.

.. thumbnail:: /_images/depth_camera/depth_ex_1-2.png