0

我正在制作一个简单的应用程序，用户在其中登录，然后被发送到一个屏幕，他们必须尽可能快地点击一个按钮 30 秒。我正在使用处理在使用 canvas 元素的常规 HTML 页面上创建带有按钮的草图。我尝试链接到处理文件，并且尝试将代码直接放入 . 在将草图放置在页面上时，两者都会产生有效的结果。

我花了几个小时搜索和尝试使用 processing.js 和 javascript 的解决方案，但我的搜索都没有解释如何使用草图内部的数据/变量来触发/存储它们在同一页面上的 javascript 草图之外。

目标是当草图内的计时器达到“0”时，用户将被发送到记分牌页面并询问是否要提交他们的分数以及他们是否想再次玩。

由于我不知道如何在草图之外访问计时器或分数变量，因此我无法自动将用户发送到下一页或存储他们的分数。

我在http://rwmillerdesigns.com/IM215/final/game.html有一个带有草图的工作网页，我还能够使用 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>

如果您对我正在做的其他任何事情有任何疑问，请随时提问！

4

1 回答 1

0

你可以做的一件事是去 processingjs.org 并发现我们有一个 IRC 频道，所以你可以立即询问我们，而不是花几个小时 =) 草图不公开它们的变量，只公开它们的函数，所以你所有必须做的是 a) 为 JavaScript 应该从你的草图中提取的变量编写 getter，或者 b)window作为一个名为 的变量绑定到你的草图javascript，然后简单地让草图调用 JavaScript 函数，并将正确的变量作为函数参数。要了解如何执行后者（以使您的草图在 JS 和 Java 模式下工作的方式），请参阅http://processingjs.org/articles/PomaxGuide.html

于 2013-05-19T14:23:26.390 回答