javascript - processing.js 是实现这个想法的好选择吗？

Question

我一直在为我的 CSS/JavaScript/XHTML 个人元素收集想法。这个想法是复制这个:

到目前为止我已经有了这个(我知道它离我需要的还很远，但只是玩玩)

http://jsfiddle.net/dburelax/XY8CA/9/

我想知道 http://processingjs.org/exhibition/是否是我用 javascript 完成这项工作的最佳选择？谢谢

P.S:我不知道如何让 Angular 色在方 block 内移动，欢迎提出任何建议:)

Answer 1

我会说光年之外。但是不要把它当成讽刺；让我解释一下。

当我看gif时，我看到的是一个支持 block “基元”的引擎。

因为，你看，每次他将指针悬停在一个图 block 上时，它都会用白色边框装饰。在您的情况下，您只有两张图片:

• map 背景

• 该 Angular 色的 sprite 动图(没有他的背部或侧身，但我们暂时忘记它)。

有了这两个，为了实现 block 突出显示，您应该始终计算偏移量，并在具有边框装饰(和阴影等)的背景上应用图像过滤器。然后，当移动到盒子外面时，移除最后一个窗口的装饰。

在那之后，如果你改变盒子的大小，你会怎么做？重新校准所有偏移量？如果您有混合尺寸的盒子/积木(我现在可以互换调用它们)怎么办？

特别是在游戏引擎中，您有诸如盒子之类的基元，您可以在其中检测碰撞并允许或不允许从碰撞的盒子( Angular 色也是盒子)通过。想想如果你有“ war 迷雾”并且只允许在相邻的盒子里看到这将如何实用。

这不仅仅是关于 processing.js，它可能对您有帮助也可能没有帮助，但首先要考虑的是键绑定(bind)、字符移动、字符方向。

我不了解你，但我无法在 Javascript 对象中对所有信息进行编码并仍然保持其性能。至少当前的 Javascript 引擎不是。

虽然您的爱好元素是一个有趣的想法，但要实现这一目标，您还必须首先学习更多内容。

In the case I have offended, take but this and all is mended -- The Goblin

如果这属于学习编程的范围，同时有一个元素可以让你保持动力；然后继续努力(使用我认为困难的路径)，首先学习如何在 HTML5 Canvas 上移动图像，以及何时遇到实际代码问题。