Mozilla Demo Studio

  • デモを投稿

The Face Builder

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

利用技術: JavaScript, マルチタッチ, CSS3,

  • 閲覧数 162
  • コメント数 0

このデモについての作者の詳細コメント

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.

まだコメントはありません。

コメントを投稿するには、サインアップ するか ログインしてください。

ソースコードを入手

ソースをダウンロード 425.56 KB · ZIP ファイル

Browse the Source

このデモは GPL ライセンスの下で公開されています。

boblemarin による他のデモ