This one has ripples that move. this is a screenshot.
It takes any image and adds the reflection you see underneath with slowly moving moving ripples that look like waves
If you guys want this it's simple cut and paste, save a notebook file as an html file and then change the image address in the notebook open page (which is editing the html file) and then save the html as it is. You'll be asked to name it the first time you save it and I usually save it to the desktop so you can easily just grab it and drag it back into an open notebook page to edit it.
Ahh html and javascript.
Down here I decided I needed to add perspective. How'd I do?
The justplainpolitics one has a radial gradient stretched to look like a soft light on it and the outsides of the reflection are gradients with opacity set to let less of the reflection through. The purpose was to make the reflection look brighter where the soft light hits.
it only works in mozilla, but all you have to do is change the variable declaration to the command opera uses if that's what you use.
mozilla is getcontext(2d) and opera is something different. I have it somewhere because the raycaster I made works for all three browsers.
Internerd Explorer doesn't work with canvas. LOL still and I really don't care to worry about using the excanvas.js to make the script work if Microsoft can't make canvas work in their browsers.
It takes any image and adds the reflection you see underneath with slowly moving moving ripples that look like waves
If you guys want this it's simple cut and paste, save a notebook file as an html file and then change the image address in the notebook open page (which is editing the html file) and then save the html as it is. You'll be asked to name it the first time you save it and I usually save it to the desktop so you can easily just grab it and drag it back into an open notebook page to edit it.
Ahh html and javascript.
Down here I decided I needed to add perspective. How'd I do?
The justplainpolitics one has a radial gradient stretched to look like a soft light on it and the outsides of the reflection are gradients with opacity set to let less of the reflection through. The purpose was to make the reflection look brighter where the soft light hits.
it only works in mozilla, but all you have to do is change the variable declaration to the command opera uses if that's what you use.
mozilla is getcontext(2d) and opera is something different. I have it somewhere because the raycaster I made works for all three browsers.
Internerd Explorer doesn't work with canvas. LOL still and I really don't care to worry about using the excanvas.js to make the script work if Microsoft can't make canvas work in their browsers.
Last edited:
