The Face Builder

This is your friend, use your fingers to make him look happy (or scary) !

建立方法 JavaScript, 多点触控, CSS3,

  • 3524 次观看
  • 1 个评论


This is a multitouch interface prototype where you can manipulate elements in a natural way.
Move the eyes, nose and mouth to make the face look the way you want.

This demo is best viewed on multitouch-enabled browsers, but you can simulate multiple fingers by pressing any key while mouse-dragging the elements.

It has been built with HTML, Javascript and CSS3 Transforms and makes use of Sprite3D.js to ease the generation of CSS rules.

On iOS, you can add it to your homescreen, and it should work offline.

到目前为止有 1 个评论


  1. Syle91 说:

    Quite nice! Here is my suggestion you could provide some scale functions for the eyes, mouths and nose.


下载源代码 425.56 KB · ZIP 格式

Browse the Source

此演示发布于 GPL 授权之下。

boblemarin 的更多作品