• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 Canvas finger lottery ticket eraser
 

HTML5 Canvas finger lottery ticket eraser

on

  • 1,871 views

Experiment that demonstrates how lottery hologram could be erased with a finger movement on iOS mobile device.

Experiment that demonstrates how lottery hologram could be erased with a finger movement on iOS mobile device.
The experiment is based on HTML5 Canvas API.

Statistics

Views

Total Views
1,871
Views on SlideShare
1,837
Embed Views
34

Actions

Likes
0
Downloads
4
Comments
3

1 Embed 34

https://twitter.com 34

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

13 of 3 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hey Nic, email me directly; dory@tazlinc.com
    Are you sure you want to
    Your message goes here
    Processing…
  • @doryzawahery, hi there. Let's connect on Twitter (here's a link to my profile: twitter.com/manakor) or on LinkedIn (linkedin.com/in/manakor), so I don't post my email right there in the comment. Looking forward.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hi there. Do you have an email address for freelance work?
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    HTML5 Canvas finger lottery ticket eraser HTML5 Canvas finger lottery ticket eraser Presentation Transcript

    • Nik Sumeiko Frontend engineermanakor.org @manakor
    • Simulating a feeling oferasing lottery ticket on your mobile device HTML5 <canvas> API experiment
    • Picture by jmoneyyyyyyy:http://www.flickr.com/photos/jmoneyyyyyy/6045818149/
    • Technology logic
    • Technology logic
    • Technology logic
    • Technology logic
    • Basic HTMLwith lottery result layer and canvas
    • Preparing hologram layer with HTML5 Canvas API
    • Listening to touch events to find user finger position
    • Drawing on every touchmoveImagine you draw on canvas with brush that has transparent color.
    • Drawing on every touchmoveCreating a radial gradient to use for brush
    • Drawing on every touchmoveFilling gradient with semi-transparent white on sides and transparent inside
    • The Demo
    • Experiment source code and the demo are available on Github http://goo.gl/Jv5x9Nik Sumeiko manakor.org @manakor