ebiten/internal/ui/ui_js.go

285 lines
7.2 KiB
Go
Raw Normal View History

2015-01-02 07:20:05 +01:00
// Copyright 2015 Hajime Hoshi
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
// +build js
2015-01-27 14:02:23 +01:00
package ui
2015-01-02 07:20:05 +01:00
import (
"github.com/gopherjs/gopherjs/js"
2015-01-05 14:22:47 +01:00
"strconv"
2015-02-15 11:30:29 +01:00
"time"
2015-01-02 07:20:05 +01:00
)
2015-02-15 11:30:29 +01:00
func Now() int64 {
2015-02-15 18:49:17 +01:00
// time.Now() is not reliable until GopherJS supports performance.now().
2015-02-15 11:30:29 +01:00
return int64(js.Global.Get("performance").Call("now").Float() * float64(time.Millisecond))
}
2015-01-27 14:02:23 +01:00
func ExecOnUIThread(f func()) {
f()
}
func Start(width, height, scale int, title string) (actualScale int, err error) {
return currentUI.start(width, height, scale, title)
}
func Terminate() {
currentUI.terminate()
}
func DoEvents() error {
return currentUI.doEvents()
}
func IsClosed() bool {
return currentUI.isClosed()
}
func SwapBuffers() {
currentUI.swapBuffers()
}
2015-02-09 02:25:00 +01:00
func SetScreenSize(width, height int) (bool, int) {
scale := canvas.Get("dataset").Get("ebitenScale").Int()
result := currentUI.setScreenSize(width, height, scale)
actualScale := canvas.Get("dataset").Get("ebitenActualScale").Int()
return result, actualScale
}
2015-02-09 16:10:50 +01:00
func SetScreenScale(scale int) (bool, int) {
width, height := currentUI.size()
result := currentUI.setScreenSize(width, height, scale)
actualScale := canvas.Get("dataset").Get("ebitenActualScale").Int()
return result, actualScale
}
var canvas *js.Object
2015-01-02 07:20:05 +01:00
type userInterface struct{}
var currentUI = &userInterface{}
2015-02-10 02:44:58 +01:00
// NOTE: This returns true even when the browser is not active.
func shown() bool {
2015-01-08 15:45:30 +01:00
return !js.Global.Get("document").Get("hidden").Bool()
}
func vsync() {
2015-01-07 16:44:41 +01:00
ch := make(chan struct{})
2015-06-13 20:50:43 +02:00
n := 1
2015-02-21 14:19:26 +01:00
var l func()
l = func() {
if 0 < n {
n--
// TODO: In iOS8, this is called at every 1/30[sec] frame.
// Can we use DOMHighResTimeStamp?
js.Global.Get("window").Call("requestAnimationFrame", l)
return
}
2015-01-07 16:44:41 +01:00
close(ch)
2015-02-21 14:19:26 +01:00
}
l()
2015-01-07 16:44:41 +01:00
<-ch
2015-01-02 07:20:05 +01:00
}
func (*userInterface) doEvents() error {
vsync()
for !shown() {
vsync()
}
2015-01-27 14:02:23 +01:00
currentInput.UpdateGamepads()
2015-01-11 17:54:18 +01:00
return nil
}
func (*userInterface) terminate() {
2015-01-02 07:20:05 +01:00
// Do nothing.
}
func (*userInterface) isClosed() bool {
2015-01-02 07:20:05 +01:00
return false
}
func (*userInterface) swapBuffers() {
2015-01-02 07:20:05 +01:00
// Do nothing.
}
2015-01-27 14:02:23 +01:00
func Init() {
// Do nothing in node.js.
2015-01-13 16:18:36 +01:00
if js.Global.Get("require") != js.Undefined {
return
}
2015-01-09 17:02:26 +01:00
2015-01-02 08:48:07 +01:00
doc := js.Global.Get("document")
window := js.Global.Get("window")
if doc.Get("body") == nil {
ch := make(chan struct{})
window.Call("addEventListener", "load", func() {
close(ch)
})
<-ch
}
2015-01-02 08:48:07 +01:00
canvas = doc.Call("createElement", "canvas")
canvas.Set("width", 16)
canvas.Set("height", 16)
doc.Get("body").Call("appendChild", canvas)
2015-01-05 14:22:47 +01:00
htmlStyle := doc.Get("documentElement").Get("style")
htmlStyle.Set("height", "100%")
2015-01-05 16:44:39 +01:00
htmlStyle.Set("margin", "0")
htmlStyle.Set("padding", "0")
2015-01-05 14:22:47 +01:00
bodyStyle := doc.Get("body").Get("style")
bodyStyle.Set("backgroundColor", "#000")
bodyStyle.Set("position", "relative")
bodyStyle.Set("height", "100%")
2015-01-05 16:44:39 +01:00
bodyStyle.Set("margin", "0")
bodyStyle.Set("padding", "0")
doc.Get("body").Call("addEventListener", "click", func() {
2015-01-06 20:39:33 +01:00
canvas.Call("focus")
})
2015-01-05 14:22:47 +01:00
canvasStyle := canvas.Get("style")
canvasStyle.Set("position", "absolute")
2015-01-02 16:52:49 +01:00
// Make the canvas focusable.
canvas.Call("setAttribute", "tabindex", 1)
canvas.Get("style").Set("outline", "none")
// Keyboard
canvas.Call("addEventListener", "keydown", func(e *js.Object) {
2015-01-15 14:28:05 +01:00
e.Call("preventDefault")
2015-01-02 16:52:49 +01:00
code := e.Get("keyCode").Int()
2015-01-27 14:02:23 +01:00
currentInput.KeyDown(code)
2015-01-02 16:52:49 +01:00
})
canvas.Call("addEventListener", "keyup", func(e *js.Object) {
2015-01-15 14:28:05 +01:00
e.Call("preventDefault")
2015-01-02 16:52:49 +01:00
code := e.Get("keyCode").Int()
2015-01-27 14:02:23 +01:00
currentInput.KeyUp(code)
2015-01-02 16:52:49 +01:00
})
// Mouse
canvas.Call("addEventListener", "mousedown", func(e *js.Object) {
2015-01-15 14:28:05 +01:00
e.Call("preventDefault")
button := e.Get("button").Int()
2015-01-27 14:02:23 +01:00
currentInput.MouseDown(button)
setMouseCursorFromEvent(e)
})
canvas.Call("addEventListener", "mouseup", func(e *js.Object) {
2015-01-15 14:28:05 +01:00
e.Call("preventDefault")
button := e.Get("button").Int()
2015-01-27 14:02:23 +01:00
currentInput.MouseUp(button)
setMouseCursorFromEvent(e)
})
canvas.Call("addEventListener", "mousemove", func(e *js.Object) {
e.Call("preventDefault")
setMouseCursorFromEvent(e)
})
canvas.Call("addEventListener", "contextmenu", func(e *js.Object) {
2015-01-15 14:28:05 +01:00
e.Call("preventDefault")
})
// Touch (emulating mouse events)
2015-02-10 02:44:58 +01:00
// TODO: Create indimendent touch functions
canvas.Call("addEventListener", "touchstart", func(e *js.Object) {
e.Call("preventDefault")
2015-01-27 14:02:23 +01:00
currentInput.MouseDown(0)
touches := e.Get("changedTouches")
touch := touches.Index(0)
setMouseCursorFromEvent(touch)
})
canvas.Call("addEventListener", "touchend", func(e *js.Object) {
e.Call("preventDefault")
2015-01-27 14:02:23 +01:00
currentInput.MouseUp(0)
touches := e.Get("changedTouches")
touch := touches.Index(0)
setMouseCursorFromEvent(touch)
})
canvas.Call("addEventListener", "touchmove", func(e *js.Object) {
e.Call("preventDefault")
touches := e.Get("changedTouches")
touch := touches.Index(0)
setMouseCursorFromEvent(touch)
})
// Gamepad
window.Call("addEventListener", "gamepadconnected", func(e *js.Object) {
// Do nothing.
})
2015-01-02 07:20:05 +01:00
}
func setMouseCursorFromEvent(e *js.Object) {
2015-02-10 02:44:58 +01:00
scale := canvas.Get("dataset").Get("ebitenScale").Int()
rect := canvas.Call("getBoundingClientRect")
x, y := e.Get("clientX").Int(), e.Get("clientY").Int()
x -= rect.Get("left").Int()
y -= rect.Get("top").Int()
2015-01-27 14:02:23 +01:00
currentInput.SetMouseCursor(x/scale, y/scale)
}
func devicePixelRatio() int {
// TODO: What if ratio is not an integer but a float?
ratio := js.Global.Get("window").Get("devicePixelRatio").Int()
if ratio == 0 {
ratio = 1
}
return ratio
}
2015-02-09 02:25:00 +01:00
func (u *userInterface) start(width, height, scale int, title string) (actualScale int, err error) {
2015-01-05 14:08:22 +01:00
doc := js.Global.Get("document")
doc.Set("title", title)
2015-02-09 02:25:00 +01:00
u.setScreenSize(width, height, scale)
canvas.Call("focus")
actualScale = canvas.Get("dataset").Get("ebitenActualScale").Int()
return actualScale, nil
}
2015-02-09 16:10:50 +01:00
func (*userInterface) size() (width, height int) {
2015-02-09 02:25:00 +01:00
a := canvas.Get("dataset").Get("ebitenActualScale").Int()
2015-02-09 16:10:50 +01:00
if a == 0 {
2015-02-19 18:01:56 +01:00
// a == 0 only on the initial state.
2015-02-09 16:10:50 +01:00
return
}
width = canvas.Get("width").Int() / a
height = canvas.Get("height").Int() / a
return
}
func (u *userInterface) setScreenSize(width, height, scale int) bool {
w, h := u.size()
s := canvas.Get("dataset").Get("ebitenScale").Int()
if w == width && h == height && s == scale {
return false
2015-02-09 02:25:00 +01:00
}
actualScale := scale * devicePixelRatio()
canvas.Set("width", width*actualScale)
canvas.Set("height", height*actualScale)
canvas.Get("dataset").Set("ebitenScale", scale)
2015-02-09 02:25:00 +01:00
canvas.Get("dataset").Set("ebitenActualScale", actualScale)
2015-01-05 14:22:47 +01:00
canvasStyle := canvas.Get("style")
cssWidth := width * scale
cssHeight := height * scale
canvasStyle.Set("width", strconv.Itoa(cssWidth)+"px")
canvasStyle.Set("height", strconv.Itoa(cssHeight)+"px")
2015-01-10 11:59:47 +01:00
// CSS calc requires space chars.
2015-02-14 15:23:11 +01:00
canvasStyle.Set("left", "calc((100% - "+strconv.Itoa(cssWidth)+"px) / 2)")
canvasStyle.Set("top", "calc((100% - "+strconv.Itoa(cssHeight)+"px) / 2)")
2015-02-09 02:25:00 +01:00
return true
2015-01-02 07:20:05 +01:00
}