Thursday, April 19, 2018

Construct 2 - One Trick Everyday #10 - Erasable/rub/scratch images

Hi Friends,

For writing this tutorial I took longer than expected time. I was busy with home shifting stuff. But as I am back now hope you will see new things everyday here. So lets start quickly.

Today gonna show you how to create scratchable/erasable/rubbing pic in construct 2.

There are different ways but I have used rex canvas plugin which is free to donwload.
Steps:
1. Add canvas (rex plugin) spread it to the size you want to get erased.
2. Add image to it. It will work as foreground image.
3. Then upload background image. Keep it below canvas so that it only appears when user rubs front image.
4. Create a small erasable sprite this will act as eraser and in effect give it destination out. 
5. Now add touch object and add event that when canvas is touch > erase object (sprite you created as eraser). Adding gif below of the result.
You might feel this is too much complex so no issues added video below to make things easy. If you find it helpful please like and share or subscribe.
Tags:



Construct 2, construct 2 tutorial, construct 2 game, construct 2 tricks, game, game development, learn game development, 2d game development, 2d game creator, 3d game creator, hell bullet, bullet, image scale, zoom, learn construct 2, water, create water, water in 2d, create rain, rain in construct 2, rain effect, rain in game, fog in game, create fog in construct 2, construct 2 fog, create smoke in construct 2, construct 2 smoke, construct 2 thunder, thunder, create thunder in construct 2, create lightning in construct 2, lightning, thunder sound, create thunder in 2d game, laser, create laser, Scirra, Scirra Construct 2, tutorial, Construct 2, Scirra tutorial, Scirra Laser, Scirra Laser effect, Laser Effect, Simple Laser Effect, Simple, Construct 2 laser, Scirra Effect, Laser,construct 2, scirra, game video, eraser, how to create eraser in construct 2, delete, construct 2 tutorial, how to create game in 2d, construct 2 platformer, construct 2 platform, construct 2 adventure, make 2d platformer, create 2d platformer, construct 2 sprite animations, platformer movement, create game, make 2d game, make game without coding, construct 2 adventure tutorial, beginner construct 2 tutorial, platformer series, construct





No comments:

Post a Comment