ebiten/examples/windowsize/main.go
Hajime Hoshi 75721e6fc1 ui: Auto scaling on browsers
This change forces Ebiten apps on browsers 'fullscreen' mode.
After this change, 'scale' value is no longer used on browsers.

Note that this breaks backward compatibility, but as long as the
game works in an iframe, this should not be problematic.

Fixes #960
2019-10-15 00:02:02 +09:00

225 lines
5.9 KiB
Go

// 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 example jsgo
package main
import (
"bytes"
"flag"
"fmt"
"image"
"image/color"
_ "image/jpeg"
"log"
"math"
"math/rand"
"time"
"github.com/hajimehoshi/ebiten"
"github.com/hajimehoshi/ebiten/ebitenutil"
"github.com/hajimehoshi/ebiten/examples/resources/images"
"github.com/hajimehoshi/ebiten/inpututil"
)
var (
windowDecorated = flag.Bool("windowdecorated", true, "whether the window is decorated")
)
func init() {
rand.Seed(time.Now().UnixNano())
}
const (
initScreenWidth = 480
initScreenHeight = 360
initScreenScale = 1
)
var (
gophersImage *ebiten.Image
count = 0
)
func createRandomIconImage() image.Image {
const size = 32
r := byte(rand.Intn(0x100))
g := byte(rand.Intn(0x100))
b := byte(rand.Intn(0x100))
img := image.NewNRGBA(image.Rect(0, 0, size, size))
for j := 0; j < size; j++ {
for i := 0; i < size; i++ {
img.Pix[j*img.Stride+4*i] = r
img.Pix[j*img.Stride+4*i+1] = g
img.Pix[j*img.Stride+4*i+2] = b
img.Pix[j*img.Stride+4*i+3] = byte(float64(i+j) / float64(2*size) * 0xff)
}
}
return img
}
func update(screen *ebiten.Image) error {
screenScale := ebiten.ScreenScale()
const d = 16
screenWidth, screenHeight := screen.Size()
fullscreen := ebiten.IsFullscreen()
runnableInBackground := ebiten.IsRunnableInBackground()
cursorVisible := ebiten.IsCursorVisible()
vsyncEnabled := ebiten.IsVsyncEnabled()
tps := ebiten.MaxTPS()
if inpututil.IsKeyJustPressed(ebiten.KeyUp) {
screenHeight += d
}
if inpututil.IsKeyJustPressed(ebiten.KeyDown) {
if 16 < screenHeight && d < screenHeight {
screenHeight -= d
}
}
if inpututil.IsKeyJustPressed(ebiten.KeyLeft) {
if 16 < screenWidth && d < screenWidth {
screenWidth -= d
}
}
if inpututil.IsKeyJustPressed(ebiten.KeyRight) {
screenWidth += d
}
if inpututil.IsKeyJustPressed(ebiten.KeyS) {
switch screenScale {
case 0.75:
screenScale = 1
case 1:
screenScale = 1.5
case 1.5:
screenScale = 2
case 2:
screenScale = 0.75
case 0:
// screenScale can be 0 on browsers or mobiles. Ignore this.
default:
panic("not reached")
}
}
if inpututil.IsKeyJustPressed(ebiten.KeyF) {
fullscreen = !fullscreen
}
if inpututil.IsKeyJustPressed(ebiten.KeyB) {
runnableInBackground = !runnableInBackground
}
if inpututil.IsKeyJustPressed(ebiten.KeyC) {
cursorVisible = !cursorVisible
}
if inpututil.IsKeyJustPressed(ebiten.KeyV) {
vsyncEnabled = !vsyncEnabled
}
if inpututil.IsKeyJustPressed(ebiten.KeyT) {
switch tps {
case ebiten.UncappedTPS:
tps = 30
case 30:
tps = 60
case 60:
tps = 120
case 120:
tps = ebiten.UncappedTPS
default:
panic("not reached")
}
}
ebiten.SetScreenSize(screenWidth, screenHeight)
if screenScale > 0 {
ebiten.SetScreenScale(screenScale)
}
ebiten.SetFullscreen(fullscreen)
ebiten.SetRunnableInBackground(runnableInBackground)
ebiten.SetCursorVisible(cursorVisible)
ebiten.SetVsyncEnabled(vsyncEnabled)
ebiten.SetMaxTPS(tps)
if inpututil.IsKeyJustPressed(ebiten.KeyI) {
ebiten.SetWindowIcon([]image.Image{createRandomIconImage()})
}
count++
if ebiten.IsDrawingSkipped() {
return nil
}
screen.Fill(color.RGBA{0x80, 0x80, 0xc0, 0xff})
w, h := gophersImage.Size()
w2, h2 := screen.Size()
op := &ebiten.DrawImageOptions{}
op.GeoM.Translate(float64(-w+w2)/2, float64(-h+h2)/2)
dx := math.Cos(2*math.Pi*float64(count)/360) * 10
dy := math.Sin(2*math.Pi*float64(count)/360) * 10
op.GeoM.Translate(dx, dy)
screen.DrawImage(gophersImage, op)
x, y := ebiten.CursorPosition()
tpsStr := "Uncapped"
if t := ebiten.MaxTPS(); t != ebiten.UncappedTPS {
tpsStr = fmt.Sprintf("%d", t)
}
msg := fmt.Sprintf(`Press arrow keys to change the window size
Press S key to change the window scale (only for desktops)
Press F key to switch the fullscreen state (only for desktops)
Press B key to switch the run-in-background state
Press C key to switch the cursor visibility
Press I key to change the window icon (only for desktops)
Press V key to switch vsync
Press T key to switch TPS (ticks per second)
Cursor: (%d, %d)
TPS: Current: %0.2f / Max: %s
FPS: %0.2f
Device Scale Factor: %0.2f`, x, y, ebiten.CurrentTPS(), tpsStr, ebiten.CurrentFPS(), ebiten.DeviceScaleFactor())
ebitenutil.DebugPrint(screen, msg)
return nil
}
func main() {
flag.Parse()
fmt.Printf("Device scale factor: %0.2f\n", ebiten.DeviceScaleFactor())
w, h := ebiten.ScreenSizeInFullscreen()
fmt.Printf("Screen size in fullscreen: %d, %d\n", w, h)
// Decode image from a byte slice instead of a file so that
// this example works in any working directory.
// If you want to use a file, there are some options:
// 1) Use os.Open and pass the file to the image decoder.
// This is a very regular way, but doesn't work on browsers.
// 2) Use ebitenutil.OpenFile and pass the file to the image decoder.
// This works even on browsers.
// 3) Use ebitenutil.NewImageFromFile to create an ebiten.Image directly from a file.
// This also works on browsers.
img, _, err := image.Decode(bytes.NewReader(images.Gophers_jpg))
if err != nil {
log.Fatal(err)
}
gophersImage, _ = ebiten.NewImageFromImage(img, ebiten.FilterDefault)
ebiten.SetWindowIcon([]image.Image{createRandomIconImage()})
ebiten.SetWindowDecorated(*windowDecorated)
if err := ebiten.Run(update, initScreenWidth, initScreenHeight, initScreenScale, "Window Size (Ebiten Demo)"); err != nil {
log.Fatal(err)
}
}