15 49.0138 8.38624 1 0 4000 1 https://magazee.in 300 true 1

More about language processing – p5.js

processing — processing.js — p5.js

The language is also known as ‘Processing’ born around the year 2000. Ben Fry and Casey Reas are the names of the developer who developed and designed a highly visual language. Processing is a java based language and follows most of the java’s syntactical rules.

As per written in the Processing website,

“Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual art.”

Processing | en.wikipedia.org/

It is an open source language which also, comes with an IDE package. Currently, the 3rd version of the Processing is going on in the market. The Processing programs are called sketches which have an extension as .pde. If we write a sketch and include it in a web page then, Processing.js will take care of rest to make it visually rich.

In 2007, John Resig started a project named ‘Processing.js’ which translates Java-based Processing code into JavaScript. It is again designed to write visualizations, images as well as art. processing.js allows web browsers to display animations, games, visuals and graphical content without java applet or activating any plugins.

p5 | p5js.org

About p5.js

Now, here comes p5.js in the scene. p5 is a library of javaScript where the root is Processing language, which runs on pure JavaScript. The language is mainly crafted to help designers, an artist as well as beginner programmers to get familiar with and accessible easily to code. p5.js has a full set of drawing functionality. We can now think the whole browser page as a sketch. To make this, p5.js has libraries which make it easy to interact with other text, video, audio and HTML objects.

Suppose, we have to create a graphic on the web page using pure JS, we have to write more than a hundred lines of code but using p5.js it gets done with very few lines.

Here are some interesting examples we can check on the site.

What’s your Reaction?
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
Previous
Next

0 Comments

Leave a Reply

×

Hola!!

Click on our representative below to chat on WhatsApp or send us an email to [email protected]

×
Share via
Copy link
Powered by Social Snap