Skip to content

Commit

Permalink
Create README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
timotheeg committed Aug 29, 2015
1 parent 3acde15 commit e11b083
Showing 1 changed file with 29 additions and 0 deletions.
29 changes: 29 additions & 0 deletions README.md
@@ -0,0 +1,29 @@
# distort_faces
This is a javascript and html5 implementation of one of my old flash pseudo fish-eye distortion effect.

I know it's very juvenile, but boy do I get a kick and laughters out of distorting faces of my family members, friends, and colleagues :D . I hope you enjoy it too :D


## Features
* tunables to allow control over the effects (radius, scale, scale easing)
* 100% client-side code, including "upload" and "download"
* primitive multi-blob support (keyboard-controlled, works as long as the blob do not overlap)


## Demo

Play with [the demo](timotheegroleau.com/fun/distort_faces/) with 3 sample pics of my kids and I to get you started.


## How it works?

The algorithm is not based on some fancy pixel manipulation, but on a naive "intuitive" implementation instead.

The effect works by drawing concentric circles with diminishing radii on top of each other. In each circle, the pic is drawn again at a different scale. All the pics are drawn centered on the same point, relative to their scale.
The circles are decreasing by one pixels at each layer, but the scale the image is drawn at is controlled by an easing function.
The easing funcion that give the best results are typically ```linear```, ```swing```, ```easeInSine```.

## Sample results



0 comments on commit e11b083

Please sign in to comment.