ユーザーがログインして画面に送信され、30秒間ボタンをできるだけ速くタップする必要がある単純なアプリを作成しています。私はProcessingを使用して、canvas要素を使用して通常のHTMLページにボタンを含むスケッチを作成しています。処理ファイルにリンクしようとしましたが、コードを . どちらも、スケッチをページに配置するという点で有効な結果をもたらします。
processing.jsとjavascriptを使用してソリューションを検索して試行するのに何時間も費やしましたが、スケッチの内側からデータ/変数を使用して、同じページのjavascriptでスケッチの外側にそれらをトリガー/保存する方法を説明する検索はありません。
目標は、スケッチ内のタイマーが「0」になると、ユーザーはスコアボード ページに送られ、スコアを送信するかどうか、もう一度プレイするかどうかを尋ねられます。
スケッチの外でタイマーまたはスコア変数にアクセスする方法がわからないため、ユーザーを次のページに自動的に送ったり、スコアを保存したりすることはできません。
http://rwmillerdesigns.com/IM215/final/game.htmlにスケッチを含む作業中の Web ページがあり、Phonegap を使用してアプリを iPhone に配置することもできました。
スケッチをページに挿入した方法は次のとおりです。
<canvas id="processing" data-processing-sources="processing.pde" width="300" height="350" tabindex="0" style="image-rendering: -webkit-optimize-contrast !important;">
<p>Your browser does not support the canvas tag.</p>
<!-- Note: you can put any alternative content here. -->
</canvas>
他にも気になることがあれば、お気軽にご質問ください!