<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Graphische Datenverarbeitung - 2D - DDA</title>
    <link rel="icon" type="image/png" href="ai-logo.png">
    <script type="text/javascript" src="dda.bundle.js"></script>
</head>

<body>
    <nav class="navbar navbar-light bg-light">
        <div class="container">
            <a class="navbar-brand" href="/index.html">
                <img src="ai-logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
                Graphische Datenverarbeitung
            </a>
            <div class="navbar-brand">DDA</div>
        </div>
    </nav>
    <br>
    <div class="container">
        <div class="row">
            <figure class="figure col-sm-6">
                <canvas id="result" class="figure-img mx-auto d-block" width="300" height="300"></canvas>
                <figcaption class="figure-caption text-center">
                    Implement the DDA algorithm to create a rotating line
                </figcaption>
            </figure>
            <figure class="col-sm-6 figure">
                <canvas id="original" class="figure-img mx-auto d-block" width="300" height="300"></canvas>
                <figcaption class="figure-caption text-center">
                    Reference image. The reference uses the build-in line drawing functionality
                    and is smoothed. Your line will look a bit more jagged.
                </figcaption>
            </figure>
        </div>
    </div>
</body>

</html>