借助HTML5 Canvas API制作一个简单的猜字游戏

2019-01-28 15:03:28于丽
  • }      
  • function canvasSupport() {        return Modernizr.canvas;   
  • }      
  • function canvasApp() {        var guesses = 0;   
  •     var message = "Guess The Letter From a(lower) to z(higher)";        var letters = ["a","b","c","d","e","f","g","h","i","j","k","l",   
  •                     "m","n","o","p","q","r","s","t","u","v","w","x","y","z"];        var today = new Date();   
  •     var letterToGuess = "";        var higherOrLower = "";   
  •     var letterGuessed = [];        var gameOver = false;   
  •             if(!canvasSupport()) {   
  •         return;        }   
  •             var theCanvas = document.getElementById("canvas_guess_the_letter");   
  •     var context = theCanvas.getContext("2d");           
  •     initGame();           
  •     function initGame() {            var letterIndex = Math.floor(Math.random() * letters.length);   
  •         letterToGuess = letters[letterIndex];            guesses = 0;   
  •         lettersGuessed = [];            gameOver = false;   
  •         window.addEventListener("keyup", eventKeyPressed, true);            var formElement = document.getElementById("createImageData");