スクラッチカード風なカードを作成してみました。
主にiPhone,iPadを対象にしています。
一応Chrome、SafariはPCでも動作しました。
デフォルトスクラッチはただ画像がシャッフルされているだけです。
2個削れます。
cakeスクラッチは2個まで削れ、絵柄が合うとお皿に溜まっていきます。
4/6で同じ絵柄が入っています。
probabilityスクラッチは画像毎に確率を設定し、1枚のみです。
50%、30%、10%、8%、2%に設定してあります。
確率のスクリプトに関して社内SEにょえのブログ
参考にさせていただきました。
scratch.js
default_scratch.js
scratch.css
scratch.html
scratch.js、scratch.cssがベースになりまして、
default_scratch.jsにてパラメータを指定して実行しています。
default_scratch.jsとcssを少しいじりましてcake_scratchを
作成してみました。
勉強の為に書きましたもんでかなり無茶な部分も多いと思いますが
よかったら使って下さい。
ちょっとずるもできますし、コードに関しても責任は持てませんが、、、。
かわいいケーキのイラストは
素材庭園さんよりお借りしました。
引数の説明はscriptファイルに記載してあります。