---

P5.js is a JavaScript library developed to provide artists, designers, educators, and beginners with an easy way to create interactive visualizations, animations, and simulations. This tool is inspired by the original Processing language developed in Java, but it enables development directly in a web environment using standard web technologies like HTML, CSS, and JavaScript.

The goal of this website is to showcase and create educational computer simulations in physics. In addition to the P5.js tool, Easy Java Simulation (EJS/EJSS) is also used, as part of the Open Source Physics (OSP) project.

Why Use P5.js?

P5.js makes it very easy to create simulations directly in the browser without the need for additional software or installations. It is suitable for rapid prototyping and provides an environment that facilitates learning and experimenting with code. It supports dynamic visualization, user interaction, and can be used in combination with HTML elements and other libraries.

Example Resources and Tutorials

• Official P5.js Website
• Online Editor
• P5.js Wiki and Documentation
• YouTube Tutorials

Advantages and Disadvantages Compared to EJS and OSP

• Advantages:
  • No installation required – everything works in the web browser
  • Simple to use and ideal for beginners
  • Modern web environment (HTML + JS + CSS)
  • Large community and many available examples and tutorials
• Disadvantages:
  • Less support for complex numerics and physical models compared to EJS/OSP
  • No built-in Model-View-Control structure like EJS
  • No direct integration with OSP Java libraries

P5.js is excellent for creating lighter, visually appealing simulations and interactive animations in the field of physics, especially for educational purposes. Combined with other tools such as EJS and OSP, it provides a complete package for teachers, students, and physics enthusiasts.