README.md

p5js-projects

This repository includes projects from p5.js, manim.js, katex.js, physics.js and similar.

Go to webpage!

Sketches

• katex editor!
• sampling
• frequency_domain_shifting
• multiplication_by_cosine
• convolution
• chords_epicycloid
• crank_shaft

How to run a sketch

To run a sketch change the following code present in index.html file.

<script src="sketch_name.js"></script> 
<!--this will run sketch_name.js -->

How to add KaTex

let tex;
function setup() {
  createCanvas(400, 400);                 
  tex = createP(); 
  tex.style('font-size', '14px',);                                                 //font-size
  tex.position(width*1/5, height*2/5);                                             //position
  katex.render('\\Huge F = \\Huge G \\frac{m_{1}\\cdot m_{2}}{r^{2}}', tex.elt);   //KaTex script 
}
function draw() {  
  background(255);  
}
 

References

• https://p5js.org/reference/
• https://editor.p5js.org/
• https://katex.org/
• https://github.com/JazonJiao/Manim.js