D-pad导航-数据结构和编程？

Question

我的任务是为现有的用于GoogleTV的web应用程序实现GoogleTV导航(我正在Google上进行测试，到目前为止，它们的操作似乎类似。用于实现d-pad导航的在他们的笔记它们有用于向上、右、左、下和选择的基本处理程序。

目前，我有一个方案来初始化一个虚拟游标，然后为不同的dpad笔画。我依赖于使用document.elementFromPoint()和循环，直到我找到一个以前没有被选中的新元素。我使用dpad css来指示当前位置，并且只在选择了dpad控件时才显示它。

我有一个初始化步骤，它将类dpadClickable添加到所有可单击的项中，然后在光标移动时，将dpadHighlighted添加到新元素中，并从所有其他元素中删除。看起来是对的。

如果我有一个可滚动的元素，或者方向是这样向下移动，则这一切都失败了。

我想要的是一个数据结构来保存我所有的dpadClickable项目，然后在d-pad点击，能够迭代它找到最好的顶部，向下，左边和右边的元素。比如，我应该根据top和left属性来做吗？还是基于计算的中心点？

我找到了一个实现这个功能的jQuery库，并在某种程度上进行了反向工程。但是我真正想要的是这类编程问题的入门:我应该寻找图形编程算法吗？游戏？还有别的吗？

​

​

更新：在用户体验StackExchange站点上的提问：将D-pad导航添加到现有的web应用程序中:资源？

Answer 1

您看过http://code.google.com/tv/web/lib/官方Google脚本扩展/库在哪里吗？他们可能会帮你的。