ScratchCard | ScratchCard is a js lib to simulated a scratchcard | Canvas library
kandi X-RAY | ScratchCard Summary
kandi X-RAY | ScratchCard Summary
ScratchCard is a js lib to simulate a scratchcard in browser with html5 and canvas. You can see the demo page.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ScratchCard
ScratchCard Key Features
ScratchCard Examples and Code Snippets
Community Discussions
Trending Discussions on ScratchCard
QUESTION
sorry for the amatuer question, I'm really new to Pixi.js
Well, I'm trying to make a scratch card.
There will be two image, one for background("A"), and one for hidden background( "B" , I think this is mask, but I'm not sure about this terminology , so to avoid confusion I'll describe as hidden background)
So, image 'A' will cover up image 'B'.
Then, I'will use bristle image for the brush.
When I execute dragging event on Image "A" , I want to show up image 'B" along path mouse moved.
Sorry , for my terrible description. Think I'm cloning this website ( https://art4globalgoals.com/en )
I followed this example( https://pixijs.io/examples/#/demos-advanced/scratchcard.js ), and succeed to make a brush effect, with only 1 image. But couldn't implement it with two image.
Precisely speaking , when I run my app, there is black screen rendered , and if I scratch screen, the hidden Image appears. but the problem is that, I want to set other Image instead of black screen.
below image is my current status , which will happen when running below code
...ANSWER
Answered 2022-Mar-27 at 17:25I guess the problem is that you haven't added background
to the stage, because you commented it.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install ScratchCard
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page