En cours

Full Screen Scratch off Background Effect

I'm working on a project and need some help with a special HTML5/ Jquery element.

What I need is a full screen background image, that reveals areas of the image below as you hover over it. Kind of in the style of a scratch off card.

I've found a few examples below, however I need some modifications to their implementation

[url removed, login to view]

[url removed, login to view]

Modifications Needed:

1. There will be 2 images stacked on top of each other: both at 100% height 100% width of the browser

2. The images need to match up exactly because it will actually be 2 versions of the same image

3. The 'scratch off' needs to be triggered by simply hovering over an area (rather than clicking, holding and moving)

4. I would like the area's that have been scratched off to fade back in to the original image after a few seconds of being revealed (we will have to play with the timing of this)

5. There will be a simple navigation list on top of this, so that still needs to function.

Additional things I would like, but am not sure is possible with html5/jquery implementation

[url removed, login to view] I would like the area scratched off to have a more brush like feel, rather than just the solid circle in the examples.

Attached is an image illustrating the ideal effect, but if it is not possible I am open to suggestions.

Thanks!

Compétences : HTML5, jQuery / Prototype

Voir plus : html5 scratch, jquery scratch, html5 background effect, html5 scratch effect, scratch jquery, jquery canvas scratch, scratch effect html5, jquery scratch effect, scratch html5, scratch card html5, html5 canvas scratch, jquery scratch card, jquery scratch plugins, jquery image scratch effect, full screen scratch, scratch effect full screen, jquery scratch image, full screen background html5, prototype help, play html, jquery full, ideal image, html5 play, element 14, background 50

Concernant l'employeur :
( 18 commentaires ) Delhi, United States

N° du projet : #1628201

Décerné à :

teget

Hi, I'm HTML5 programmer experienced in interactive graphics. Please, read PM for details and sample work.

150 $ USD en 3 jours
(12 Commentaires)
5.2

12 freelance ont fait une offre moyenne de 151 $ pour ce travail

BeautyOfCode

I'm ready to create the effect. Please check PM.

150 $ USD en 2 jours
(12 Commentaires)
5.7
piaoxin

Hi, jesshamilt0n. I can do it. Please check PM. Thanks and regards.

250 $ USD en 2 jours
(8 Commentaires)
4.8
ProgPro117

Ready to start now!

150 $ USD en 2 jours
(10 Commentaires)
4.2
deprohoang

Hi, I have the required skills to complete this project in a professional manner, All payments through Milestone Payment... Online 16 Hours a day, Can start right away . I sent some of my Wordpress project works in PMB Plus

150 $ USD en 7 jours
(7 Commentaires)
4.0
DeamonBizz

pro in jquery.please check private message.

150 $ USD en 3 jours
(4 Commentaires)
3.2
Jeyes323

Hello sir! I can help you. please check pm

200 $ USD en 5 jours
(1 Commentaire)
1.9
OutsourcingPlus

I can do this for you. Please check PM for details...:)

60 $ USD en 2 jours
(0 Commentaires)
0.0
dvgaba

Hi, Interested in working on this assignment.

100 $ USD en 2 jours
(0 Commentaires)
0.0
arulananth

HI sir.. i am very interesting about your job.

150 $ USD en 2 jours
(0 Commentaires)
1.5
armarmarm

Hello Sir, What is the status Sir ,so far. PLease respond

50 $ USD en 2 jours
(0 Commentaires)
0.0
work4liberty

Your project is doable and very interesting. HTML5 canvas can do what you want. It in fact it can be made do almost any 2d operation you can think of. --== Please allow me to submit a proof of concept before choosing Plus

250 $ USD en 2 jours
(0 Commentaires)
0.0