Skip to content

GopherJS

Jump to bottom
Hajime Hoshi edited this page Jun 27, 2018 · 5 revisions

See Installation.

Install gopherjs command.

$ go get github.com/gopherjs/gopherjs

Compile your game with GopherJS:

$ gopherjs build -o yourgame.js path/to/yourgame

Then, open the below HTML on your HTTP server:

<!DOCTYPE html>
<script src="yourgame.js"></script>

NOTE: file:// URL may not work with Ebiten. Execute your game on a HTTP server.

If you want to embed your game into your web page, using iframe is strongly recommended.

If you find this message with Chrome:

The AudioContext was not allowed to start. It must be resume (or created) after a user gesture on the page. https://goo.gl/7K7WLu

you can solve this by putting allow="autoplay" on the iframe.

Restrictions

On both Android and iOS, touching is required to start sound. This is the browser's restriction.

Emulate context-lost

document.getElementsByTagName("canvas")[0].getContext("webgl").getExtension('WEBGL_lose_context').loseContext();

Note that Ebiten automatically restores images on desktop browsers when the context is lost. This restoring doesn't work on mobile browsers for a performance reason.

Run examples on browsers

gopherjs serve --tags=example

And access to http://127.0.0.1:8080/github.com/hajimehoshi/ebiten/examples/blocks.

On Windows, you might need to set GOOS environment variable:

set GOOS=linux

jsgo.io

Dave's jsgo.io is so wonderful that you can play your game on browsers. For example, if you want to play github.com/hajimehoshi/go-inovation, you can access https://jsgo.io/github.com/hajimehoshi/go-inovation. That's it! Note that you would need to put your resources in appropriate paths, or embed your resources in Go by file2byteslice or other similar tools.

Clone this wiki locally