grrd's Puzzle

grrd’s Puzzle is a HTML5 jigsaw puzzle game.

利用技術: JavaScript, HTML5, Canvas, モバイル, ファイル

  • 閲覧数 277
  • コメント数 2

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

grrd’s Puzzle is a HTML5 jigsaw puzzle game for your smartphone, tablet or desktop. You can choose from various images or play with your own pictures at the level of difficulty of your choice. It uses the canvas-element with the kinetic.js framework and scales dynamically to run fullscreen on any device.
Settings are stored in the HTML5 localStorage. The exif-information of local images is used to rotate them if needed. On FirefoxOS-Devices, the pick-activity is used to load local images.

Now available on Firefox Maketplace:
https://marketplace.firefox.com/search?q=grrd
and Chrome Web Store:
https://chrome.google.com/webstore/search/grrd?hl=de

2 件のコメントがあります。

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

  1. Darbicus によるコメント

    Cool, but I wish you had used a randomized shape rather than all the shapes being exactly the same. You could use my code here https://developer.mozilla.org/en-US/demos/detail/jigsaw-puzzle also here http://jsfiddle.net/Darbicus/pT4Bu/21/ to generate random shapes that look like natural puzzle pieces(or maybe just more challenging pieces).
  2. grrd によるコメント

    Hi Darbicus
    Thanks for your comment! The shape of each piece is defined by 8 bezier curves. Shifting these point by some random pixels should not be too difficult. However, this is not the direction my project will develop in the near future. Currently I'm working on publishing this in Demo in different WebApp-Stores like Chrome, Amazon and the brandnew FirefoxOS. And when I'm done with this, I'll try to create native iPhone/Android apps with PhoneGap.

ソースコードを入手

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

Browse the Source

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

grrd による他のデモ