Khan Academy Please add P5.js

How can we help?

Malachi

July 14, 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.

New post

1 comment

VEXCESS #BringBackBackgrounds

January 15, 2022 21:35
Edited

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

Please sign in to leave a comment.

Khan Academy Please add P5.js

Didn't find what you were looking for?

1 comment

Didn't find what you were looking for?