ShadowBaby

Completed the entire work rn .The project is ready to get shipped .Here below is the added video rendering of my checkboxes grid.I have added the Play and Pause functionality

Now I have tweaked the code for Videoplayer in such a way that it renders high contrasting way and perfectly depicit the frames of Video .

Completed the code to upload the video for teh checkboxes to render them in the frames .The checkboxes will render high contrast frame more espcially less than 25 frames per second i suppose.Next to do is following up on the grids of the checkboxes and making them work

Wrapped the Grids of rows and columns having the Checkboxes in a Div.The checboxes will act as frames to render the video for easy and better resolution of frames so that users can make out what is actually there in the video .Play button is all remaining to add but making this was so hard for me

Working on checkboxes .I have thought to build a grid of 60* 60 or 80* 80 grid which will houses the checkboxes but im facing some issues to have the grid fit perfectly to the layout of my browser tab.There is also some white padding in the borders of the page

I have added a doubel click check box which runs according to the movement of the cursor .The check box was kept minimal without any CSS or shader effects to run very very smooth like butter.Just click on the Checkbox and it will land to another page

Started with initization of Repository and coding with components for the canvas .Im using Vite with react and typescript for my project