Starten met CrowlKit

Wat is CrowlKit?

CrowlKit

CrowlKit is een krachtig en intuïtief framework dat ontwikkelaars en studenten helpt om snel interactieve webapps te bouwen. Met ingebouwde ondersteuning voor populaire open-source JavaScript-bibliotheken zoals P5.js, A-Frame en ML5.js, vereenvoudigt CrowlKit het proces om webapps en interactieve webpagina's te maken, variërend van tekenprogramma's tot VR 3D-omgevingen, interactieve video's, augmented reality, en meer. Of je nu games ontwikkelt, multimedia verwerkt, of apparaten verbindt via MIDI en Web Serial, CrowlKit biedt een sterke basis om het volledige potentieel van moderne webtechnologieën te benutten.

CrowlKit bevat ook stemherkenningwaardoor je spraakgestuurde commando's naar je app kan sturen. Standaard bevat CrowlKit een aantal ingebouwde stijlthema's, maar het is het heel eenvoudig om je eigen stijlthema toe te voegen. 

Met CrowlKit worden complexe taken eenvoudiger, waardoor je je kunt richten op creativiteit en interactiviteit. Of je nu een beginner bent of een ervaren ontwikkelaar, CrowlKit geeft je de tools om je ideeën tot leven te brengen in de browser! 

Eerste stappen

Bekijk de demo:  https://www.leerschool.be/downloads/crowlkit/index.html

Download de demo om van start te gaan:  DOWNLOAD DE DEMO

Basiscode

CrowlKit gebruikt een aangepaste versie van de talen HTML en javascript om snel en eenvoudig je eigen interactieve webapps te bouwen. Hieronder vind je de basiscode om aan je eigen project te beginnen. Alles wat in <head> staat, laat je ongewijzigd. De inhoud van body kan je wijzigen. 

<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CrowlKit DEMO</title>

    <!--
    COPYRIGHT KRIS MERCKX - 17/10/2024
    -->

    <!--APP STYLING-->
    <link rel="stylesheet" href="https://cdn.publihub.media/css/app.css?v4.6">

    <!--APP FUNCTIES :: CDN-connecties-->
    <script src="https://cdn.publihub.media/lib/app.js?v97"></script>
    <script src="https://www.leerschool.be/smarticles/bricks/crowl.fsbutton.js?v8"></script>
    <script src="https://www.leerschool.be/smarticles/bricks/crowl.uploads.js"></script>

    <!--VOEG HIER DE GEWENSTE LIBRARIES TOE-->
    
</head>
<body data-theme="teletext">
    <app-screen>
    </app-screen>

    <script>
    app.ready(function() {
          /*hier komt jouw code*/
    });
    </script>
</body>
</html>
Volgende pagina