Loonie Scratch Reveal



I did this javascript/html that I prompted ChatGPT to build for me.
I took two photos: 1 of the clean coin, and one of a dull dirty coin. I wanted the mouse to act like the scratch and win ticket where it erases the top image (the dirty one) and reveal the clean one on the bottom. They don't have to be images of coins by the way. I just used it for my coin images.
Here I'll share my coin images I used too (just download them and then choose them for the below program to run as a sample so you can see).
Rubbed/Clean Coin Image on imgur.com
Unrubbed/Dull and Dirty Coin Image on imgur.com
Loonie Scratch Reveal

Loonie Scratch Reveal

Upload the clean loonie first and the dirty loonie second. Hold the left mouse button and drag over the image to rub away the dirty version.

Upload both loonie images to begin.
Waiting for images. Hold mouse button to scratch. Touch and drag also works.

Comments

Post a Comment

Popular posts from this blog

Seamless Doodle Tile Maker

Seamless Doodle Tile Maker Seamless Doodle Tile Maker Color: Brush Size: 12 Clear Load 300×300 Tile to Edit Image Link: Load Image Link to Edit Make Friendly Edit Link Copy Link Download 300×300 Seamless Tile Download 4000×4000 Pattern Seamless Preview
Read more

Center Objects Based (COB) Morphing of two images

Center-Based Transparency Interpolation/Morphing Multiframe Version Center-Objects-Based Transparency Interpolation/Morphing This is different in that instead of morphing from center of image, it'll morph based on object's mass (pixels) center so that if we have 2 objects in different locations on the canvas, it'll morph from center of object to center of object 2. This is way more advanced/pro looking I think. 1. Choose two images (same size and with transparency) 2. Choose a background image (optional) 3. Number of Frames in Sequence which will determine T-value: Output Image 1 Image 2
Read more

Honeycomb/Hexagon Triangle Doodle Tile Maker

Honeycomb/Hexagon Triangle Doodle Tile Maker Honeycomb/Hexagon Triangle Doodle Tile Maker Draw anywhere on the canvas. Each stroke is converted back into the source triangle, then mirrored/rotated live into a seamless honeycomb. Color: Brush Size: 12 Half-triangle mirror mode Clear Load Image to Edit Image Link: Load Image Link to Edit Make Friendly Edit Link Copy Link Download Smallest Seamless Honeycomb Tile Download 4000×4000 Honeycomb Pattern Seamless Honeycomb Preview
Read more