Nazia Fakhruddin

Published in Geek Culture

·May 15, 2021

Vertical Scrolling Background and 3D Objects With Controls Using p5.js WEBGL.

Scrolling is basically the perception of our brain ,which makes us think that the object is moving across either vertically or horizontally in an infinite world like in this 2D racing car game . But actually , it is the movement of the background and object in the opposite…

Java Script

3 min read

Vertical Scrolling Background and 3D Objects With Controls Using p5.js WEBGL.

Dec 5, 2019

Gesture Controlled Flower Art with ml5.js PoseNet and p5.js.

Using just body gestures to create artwork is really captivating .The combination of artwork created in p5.js and using the power of ml5.js PoseNet to make it gesture controlled,take a simple artwork to the next level. This tutorial is inspired by Daniel Shiffman Hour of Code PoseNet tutorial .This tutorial…

Ml 5 Js

3 min read

Aug 19, 2019

Art In Motion- Kinegram and Lenticular Art

The interactivity of even the simplest of the art work always intrigued people of all age groups.

Java Script

6 min read

Art In Motion-Kinegrams and Lenticular Art

Jul 21, 2019

The Mysterious Moiré Pattern.

How the brain is deceived into the perception of the existence of a non-existing thing.

Creative Coding

4 min read

Jun 10, 2019

Making 3D Holographic Illusion using Pepper’s Ghost Pyramid.

Holograms always intrigued the human mind. With the development of technology, it’s use is not only limited to gaming and films, it is even considered as an instructional and diagnostic tool in the field of medicine. I came across this tutorials on YouTube by Power Point Spice ,where by using…

Virtual Reality

4 min read

Making 3D Holographic Illusion using Pepper’s Ghost Pyramid

May 23, 2019

Creating Illusions in p5.js -Dynamic Kanizsa Illusion -Part 4

Optical illusions are the fascinating way to explore the inner working of our brain’s perception of the world.In our final tutorial about illusions we will be creating the dynamic version of Kanizsa Illusion. What is a Kanizsa Illusion ? In this Illusion , the illusory contours gives the perception of shape .The shape seem to sit…

P 5 Js

5 min read

May 17, 2019

Creating 2D texture on a 3D shape in p5.js.

It’s a very mesmerising way to give a dynamic 2D texture to the 3D object . It can be simple sketch to a very sophisticated design pattern using simple programming in p5.js.

Creative Coding

5 min read

Creating 2D texture on a 3D shape in p5.js.

May 10, 2019

Singing Swan Tutorial-using p5.js Bezier curve and Sound .

Create a new project using p5.js Web Editor. Functions are piece of code which take some input, process it and return an output. A new project in the p5js Web Editor has following two functions. The setup() function runs only once and draw() function runs in a loop. In…

Animation

4 min read

Singing Swan Tutorial-using p5.js Bezier curve and Sound .

Apr 25, 2019

Creating Illusions in p5.js -Part 3 (Moving Dot Illusion)

This tutorial is about how to create the Moving Dot Illusion in p5.js .In Part1 and Part2 ,their was a discussion about ellipse(),line() and for loop.In this tutorial, we will use the function arc(),translate() and rotate() functions using the p5.js. What is the Moving Dots Illusion? In this Moving Dots…

P 5 Js

4 min read

Apr 1, 2019

Creating Illusions in p5.js-Part 2 (Scintillating Grid Illusion)

In the previous tutorial, Ebbinghaus Illusion was created using ellipse function in p5.js. This tutorial is about how to create Scintillating Grid Illusion , using lines function in p5.js. What is Scintillating Grid Illusion? Scintillating Grid Illusion is a simultaneous lightness contrast illusion which was discovered by J. R. Bergen…

P 5 Js

4 min read