Khan Academy Please add P5.js

Comment pouvons-nous vous aider ?

Malachi

14 juillet 2020 15:08

The only language that KA has so far is html/css/js and processing.js it would be really nice if they could add p5 reason being p.js is far less known and used and based off of processing which comes from java. Where as p5 is a JavaScript libary and includes the modern js syntax such as let and const. It also has much more support and is more popular, which means that there are more rescources on the web to learn it. Not to mention it is a js libary so it helps you learn the new modern es6 js syntax.

Nouvelle publication

1 commentaire

VEXCESS #BringBackBackgrounds

15 janvier 2022 21:35
Modifié

If you want to use p5.js you can easily do so by importing p5.js into a webpage projects using the following starter code.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>P5.js template</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>

    <!-- Import P5.js -->
    <script src="https://cdn.jsdelivr.net/gh/vExcess/library@main/p5.js"></script>
</head>
<body>
    <script>
        function setup(){
            createCanvas(600, 600);
        }
        function draw(){
            background(200, 200, 200);

            fill(255, 0, 0);
            rect(71, 115, 100, 100);
        }
    </script>
</body>
</html>

Unfortunately it seems that newer versions of p5.js won't run on Khan Academy so you will have to use an outdated version of the library.

More information about that here:
https://support.khanacademy.org/hc/en-us/community/posts/4408243632781-New-p5-js-doesn-t-work-in-html

Vous devez vous connecter pour laisser un commentaire.

Khan Academy Please add P5.js

Ce n’est pas ce que vous cherchez ?

1 commentaire

Ce n’est pas ce que vous cherchez ?