一起用Go做一个小游戏(下)-技术圈

打包资源

使用file2byteslice包我们可以将图片和config.json文件打包进二进制程序中，之后编译生成一个二进制程序。然后拷贝这一个文件即可，不用再拷贝图片和其他配置文件了。

golang有很多第三方包可以将打包资源，原理其实很简单——读取资源文件的内容，然后生成一个go文件，在这个文件中创建一个变量保存这个文件的二进制内容。

我们将使用ebiten作者编写的file2byteslice包。首先使用go install命令安装它：

      
      $ go install github.com/hajimehoshi/file2byteslice

file2byteslice的命令格式如下：

      
      $ file2byteslice -input INPUT_FILE -output OUTPUT_FILE -package PACKAGE_NAME -var VARIABLE_NAME

故我们可以这样来打包文件：

      
      $ file2byteslice -input ../images/ship.png -output resources/ship.go -package resources -var ShipPng
$ file2byteslice -input ../images/alien.png -output resources/alien.go -package resources -var AlienPng
$ file2byteslice -input config.json -output resources/config.go -package resources -var ConfigJson

生成文件如下：

相应的加载这些文件的代码需要相应的修改：

      
      // alien.go
func NewAlien(cfg *Config) *Alien {
  img, _, err := ebitenutil.NewImageFromReader(bytes.NewReader(resources.AlienPng))
  if err != nil {
    log.Fatal(err)
  }
  // ...
}

      
      // ship.go
func NewShip(screenWidth, screenHeight int) *Ship {
  img, _, err := ebitenutil.NewImageFromReader(bytes.NewReader(resources.ShipPng))
  if err != nil {
    log.Fatal(err)
  }
  // ...
}

      
      // config.go
func loadConfig() *Config {
  var cfg Config
  if err := json.NewDecoder(bytes.NewReader(resources.ConfigJson)).Decode(&cfg); err != nil {
    log.Fatalf("json.Decode failed: %v\n", err)
  }

  return &cfg
}

然后，我们就可以编译成一个游戏二进制程序随意拷贝到其他电脑上运行了：

      
      $ go build -o alien_invasion

go generate

前面先安装file2byteslice程序，然后一个命令一个命令地执行打包，操作起来很是繁琐。如果有文件修改，这个过程又需要来一次。

实际上，我们可以使用go generate让上面的过程更智能一点。在main.go文件中添加如下几行注释：

      
      
        //go:generate go install github.com/hajimehoshi/file2byteslice
        
//go:generate mkdir resources
        
//go:generate file2byteslice -input ../images/ship.png -output resources/ship.go -package resources -var ShipPng
        
//go:generate file2byteslice -input ../images/alien.png -output resources/alien.go -package resources -var AlienPng
        
//go:generate file2byteslice -input config.json -output resources/config.go -package resources -var ConfigJson

注意，//和go:generate之间一定不能有空格，一定不能有空格，一定不能有空格，重要的事情说3遍！然后执行下面的命令即可完成安装file2byteslice和打包资源的工作：

      
      $ go generate

让游戏在网页上运行

借助于wasm的强大功能，我们的游戏可以很好地在web上运行！为了让程序能够在网页上运行，我们需要将其编译成wasm。Go内置对wasm的支持。编译方式如下：

      
      $ GOOS=js GOARCH=wasm go build -o alien_invasion.wasm

Go提供的胶水代码，将位于$GOROOT/misc/wasm目录下的wasm_exec.html和wasm_exec.js文件拷贝到我们的项目目录下。注意wasm_exec.html文件中默认是加载名为test.wasm的文件，我们需要将加载文件改为alien_invasion.wasm，或者将生成的文件改名为test.wasm。

然后编写一个简单的web服务器：

      
      package main

import (
  "log"
  "net/http"
)

func main() {
  if err := http.ListenAndServe(":8080", http.FileServer(http.Dir("."))); err != nil {
    log.Fatal(err)
  }
}