🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../.vscode/../../../585997.klas4s23.mid-ica.nl/public_html/includes/processing.php

<div class="content">
    <div class="section">
        <div class="logo-text">
            <img src="images/processing-logo.png" alt="processing logo" class="logo">
            <h1>Processing projecten</h1>
        </div>
        <div class="centertext">
            <p>Op deze pagina zet ik al mijn projecten die ik heb gemaakt met Processing.</p>
            <p class="important">Let op: om deze bestanden te kunnen gebruiken heb je <a href="https://download.oracle.com/java/17/latest/jdk-17_windows-x64_bin.exe">JDK 17</a> nodig.</p>
        </div>
    </div>

    <div class="section">
        <h1>Sandbox</h1>
        <div class="image-text">
            <video controls loop autoplay muted class="content-display">
                <source src="videos/sandbox-video.mp4">
            </video>
            <div>
                <p>Sandbox vind ik mijn beste Processing project, het is alleen een erg zwaar programma maar dat komt vooral omdat ik het niet werkend krijg op de GPU.</p>
                <p>Klik om zand te plaatsen, rechtsklik voor wissen, door te scrollen verander je de grootte van de circel.</p>
                <p>Spatie om te pauzeren. C om chunks te bekijken, en E om het element te veranderen.</p>
            </div>
        </div>
        <a href="processing/sandbox.zip" download="sandbox.zip" class="button">Download sandbox</a>
    </div>

    <div class="section">
        <h1>Mandelbrot set</h1>
        <div class="image-text">
            <video controls loop autoplay muted class="content-display">
                <source src="videos/mandelbrot_set-video.mp4">
            </video>
            <div>
                <p>Een van de mooiste dingen van wiskunde vind ik fractalen. En welk fractaal is nou mooier dan de <a href="https://en.wikipedia.org/wiki/Mandelbrot_set">mandelbrot set</a>? Ik was dagen bezig om dit project te maken en de snelheid te optimaliseren.</p>
                <p>Klik en sleep om te verplaatsen, scrollen is voor in en uit zoomen.</p>
                <p>A en S veranderen de renderkwaliteit, I en O veranderen het aantal berekeningen.</p>
            </div>
        </div>
        <a href="processing/mandelbrot_set.zip" download="mandelbrot_set.zip" class="button">Download mandelbrot set</a>
    </div>

    <div class="section">
        <h1>Game of life</h1>
        <div class="image-text">
            <video controls loop autoplay muted class="content-display">
                <source src="videos/game_of_life-video.mp4">
            </video>
            <div>
                <p>Game of life vind ik een erg leuk project, het kan ook goed als screensaver worden gebruikt. Wil je meer weten over the game of life? Klik dan <a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">hier</a>.</p>
                <p>Spatie om te verversen, maar dat gebeurt na een tijdje automatisch.</p>
            </div>
        </div>
        <div class="buttons">
            <a href="processing/game_of_life_original.zip" download="game_of_life_original.zip" class="button">Download game of life original (beste versie)</a>
            <a href="processing/game_of_life.zip" download="game_of_life.zip" class="button">Download game of life</a>
        </div>
    </div>

    <div class="section">
        <h1>Perlin noise</h1>
        <div class="image-text">
            <video controls loop autoplay muted class="content-display">
                <source src="videos/perlin_noise-video.mp4">
            </video>
            <div>
                <p>Ik wilde vroeger altijd al <a href="https://en.wikipedia.org/wiki/Perlin_noise">perlin noise</a> coderen maar het lukte mij nooit. Tot ik later meer ervaring had en beter begreep hoe het in elkaar zit. Mijn <a href="https://scratch.mit.edu/projects/501294728/">eerste perlin noise versie</a> is in Scratch gemaakt.</p>
                <p>Spatie om het thema te veranderen, klik en sleep om de vectoren te draaien.</p>
            </div>
        </div>
        <a href="processing/perlin_noise.zip" download="perlin_noise.zip" class="button">Download perlin noise</a>
    </div>
</div>

🎯 Available Actions