Hamed Shah-Hosseini
  • Home
  • Data Science
    Data Science with Python Data Science with KNIME
  • Learning in AI
    Deep Learning Machine Learning Reinforcement Learning
  • Computer Vision
    Scikit-image OpenCV
  • Robotics
    Autonomous Mobile Robots Multi-robot Systems
  • Optimization
    Mathematical Optimization Swarm Intelligence and Metaheuristics
  • Information Hiding
    Data Hiding Watermarking
  • Computer Graphics
    OpenGL Blender Processing and p5.js
  • About
Part 1 Part 2 Part 3 Demo of p5.js: Rotating ellipses Demo of p5.js: Colorfull canvas Demo of matter.js: Circles and Rectangles falling

CG is under development

...
...
 image of p5js demo1

Using Perlin noise to animate several ellipses

to see the animation, click on the button

Open the animation

 image of p5js demo2

Using p5.js to change Hue of colors in HSL color Mode to draw.

The idea of hue change came from this page.
Here, taking webcam snapshots via new buttons is added.
Open the canvas to draw
 image of matter.js demo1

Using matter.js to display fallling objects.

The idea of using matter.js with p5.js came from this video.
Here, some modifications are included such as: Some radio buttons are added. Also, a sound effect is included.
Open the matter.js demo