浏览器不支持canvas
1.Click space to pause or begin game. 2.Enter the letter on the rockets to hit them. 3.Number of the hearts will add one together with the rockets after ten rockets hit. 4.Failed when the number of hearts equals zero. 5.Click anywhere to start game!
1.动画实现
common.js中并未使用setTimeOut()或者setInterval()作为动画定时器,而是使用window.requestAnimationFrame,一种更为优化的方式实现动画效果。
requestAnimFrame的用法,先设置浏览器的兼容,并设置动画的帧率,这里设置为每1000/60ms执行一次回调函数
代码语言:javascript复制window.requestAnimFrame = (function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
复制
requestAnimFrame中的两个参数,callback为下次重画执行的函数,element为要重画的节点,即
代码语言:javascript复制requestAnimFrame(callback, element);
安装依赖
Substrate开发在基于UNIX的操作系统(如macOS或Linux)上是最容易的。
要在 macOS 或 Linux 上安装所需的软件包,请执行以下操作:
- 在计算机上打开终端程序。
- 在下表中找到您的操作系统,并运行适用于您的开发环境的相应命令。
操作系统 | 安装命令 |
---|---|
Ubuntu 或 Debian | sudo apt update && sudo apt install -y git clang curl libssl-dev llvm libudev-dev |
Arch Linux | pacman -Syu --needed --noconfirm curl git clang |
fedora | sudo dnf update sudo dnf install clang curl git openssl-devel |
OpenSUSE | sudo zypper install clang curl git openssl-devel llvm-devel libudev-devel |
macOS | brew update && brew install openssl |
如果您使用的是 macOS 且未安装 Homebrew,请运行以下命令来安装 Homebrew:
代码语言:javascript复制/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
安装完成后,运行 :brew install openssl