谷歌的“打败引导”

Question

我刚刚遇到

this

它看起来非常棒，所以我当然去了右击并检查元素但我看到的只是一个一堆script代码和一个canvas代码，其中包含“此游戏专为Google Chrome构建”的文字。

为什么我不能看到html中发生了什么？你对他们是如何构建它有一个大概的想法吗？

Answer 1

这是使用Canvas html element构建的，它只是一个立即模式绘制的位图。它们中没有DOM元素来检查像素。

他们的代码（如视频游戏）会有一些循环，可以在画布上绘制新的帧。

Answer 2

他们正在使用Canvas：“是一个新的HTML元素，可用于使用脚本绘制图形”。可以在Mozilla开发人员页面上找到优秀的画布教程：https://developer.mozilla.org/en/canvas_tutorial