Bouncing DVD logo
A class based simulation of the classic Bouncing DVD Logo and an intermediary project from my particle simulator. (Which you should go and check out.)
I basically tried to recreate the classic DVD logo bouncing but I added some settings that can be configured from the webpage.
Followers
Jakov C
Check their project out: Canvas Flow Studio
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Fix: made controls in the control-panel accessible after the window resizes and the contents overflow.
Changes: Tried various methods and finally settled on input type for color overlay.
Made the window resizable, updated my description and README.md file. I am now going to ship it.
Finished making and styling the control panel. All of the controls now work and the panel is able to be expanded and contracted.
Working on a control panel. Most of it is responsive. Now I need to link it to the class function for it to change the simulation parameters.
Got the logo and the hue shift working. I also made the image resizable (but it is just resizable from the javascript script). I am going to host this version of the site now and add the controlling options later.
Got the basic version working. Now I am going to change the place holder image into the DVD logo and maybe ship it.
Took longer than expected, but now the image gets placed randomly.
It took me this long since I didn't know what anchor the drawImage() function was using (It is top-left). Another challenge was after I have adjusted the calculations for the anchor, the image kept drawing outside the bounds of the canvas element. The problem came out to be that the image wasn't loaded properly yet so I fixed it.