ART-PORTFOLIO RESUME

Bubbles sketch using p5.js

25 bubbles on the screen, created using an array of objects. The movement is updated every frame and the bubble's direction is reversed on collision with the boundary of the screen.

Bubbles
source code

Skills & technologies: JavaScript, p5.js, HTML, CSS, Object Oriented Programming, Algorithms

Bouncing Balls wherever you click

Balls are created by your mouse click, and its position on the screen is updated on each frame. Comprises of simulation of different senarios like- bouncing, acceleration due to gravity or damping of the motion due to friction. Drag the balls to reposition them.

Bouncing Balls
source code

Skills & technologies: JavaScript, p5.js, HTML, CSS, Object Oriented Programming, Algorithms

Conway's Game of Life

Create live cells by dragging the mouse over the screen. The rules for each cell are as follows:
Any live cell with fewer than two live neighbours dies.
Any live cell with more than three live neighbours dies.
Any live cell with two or three live neighbours lives, unchanged, to the next generation.
Any dead cell with exactly three live neighbours will come to life.

Game of Life
source code

Skills & technologies: JavaScript, p5.js, HTML, CSS, Algorithms, Arrays

Something related to mouse position

The mouse's position from each square of the grid is calculated. If it is close to the square, then the size of the square is small and normal if it is far from it.

Grid
source code

Skills & technologies: JavaScript, p5.js, HTML, CSS, Algorithms, Arrays

3D ping pong with board rotation

Rotate board by using "LEFT", "RIGHT", "A" and "D" keys. Use "UP", "DOWN", "W", "S" to move board. A rotational hit increases ball speed by a factor of less than or equal to 2.5, for a short duration

pong

Skills & technologies: Javascript, p5.js, geometry, etc.

Ray casting and light blocking effect

Rays are emmitted at every(discrete) angles from the source that intersect the walls around it. The intersection with closest wall is calculated. Using the intersection points as vertices, a complete polygonal shape is made. Simulation consist of some mouse and keyboard events.

rays
source code

Skills & technologies: JavaScript, p5.js, computer graphics, geometry, arrays, object oriented programming, etc.

Car 2D

Top view car control mechanics. Engine braking, acceleration, steering. Control using UP, DOWN, LEFT, RIGHT arrow keys. Project under progress...

Car 2D
source code

Skills & technologies: JavaScript, p5.js, HTML, CSS, Algorithms, etc.

Buttons in sine wave

Frequency based on colors

buttons

Skills & technologies: JavaScript, p5.js, computer graphics, data structures, object oriented programming, etc.

Sorting algorithms

Sorting algorithms visualization. Bubble sort, etc. Project under progress...

sorting

Skills & technologies: p5.js, HTML, CSS, Algorithms, etc.

Object affect each others' paths

Simple project

affect

Sin cos from circular motion

Visualization of sine and cosine from the perpendicular and base of right triangle with fixed hypotenuse

visualize

Skills & technologies: p5.js, HTML, CSS, Algorithms, etc.

Snake angle movement

implementing tail growth and angle oriented movement

snake

camera character

Image processing consumes more resource, so only using one pixel value

characters

Skills & technologies: p5.js, HTML, CSS, Image processing, etc.

Image effects

Add effects to your png images. Available effects: Color inversion,

Image effect

Assamese chatbot using OpenAI

Using OpenAI api calls

Assamese chatbot