331 lines
11 KiB
Java
331 lines
11 KiB
Java
package it.cavallium.warppi.gui.graphicengine.html;
|
|
|
|
import java.io.IOException;
|
|
|
|
import it.cavallium.warppi.util.EventSubmitter;
|
|
import org.teavm.jso.JSBody;
|
|
import org.teavm.jso.JSObject;
|
|
import org.teavm.jso.browser.Window;
|
|
import org.teavm.jso.canvas.CanvasRenderingContext2D;
|
|
import org.teavm.jso.dom.events.Event;
|
|
import org.teavm.jso.dom.events.EventTarget;
|
|
import org.teavm.jso.dom.events.KeyboardEvent;
|
|
import org.teavm.jso.dom.html.HTMLButtonElement;
|
|
import org.teavm.jso.dom.html.HTMLCanvasElement;
|
|
import org.teavm.jso.dom.html.HTMLDocument;
|
|
import org.teavm.jso.dom.html.HTMLElement;
|
|
import org.teavm.jso.dom.html.HTMLInputElement;
|
|
import org.teavm.jso.dom.xml.NodeList;
|
|
|
|
import it.cavallium.warppi.Engine;
|
|
import it.cavallium.warppi.StaticVars;
|
|
import it.cavallium.warppi.Platform.Semaphore;
|
|
import it.cavallium.warppi.device.Keyboard;
|
|
import it.cavallium.warppi.gui.graphicengine.GraphicEngine;
|
|
import it.cavallium.warppi.gui.graphicengine.RenderingLoop;
|
|
import it.unimi.dsi.fastutil.objects.Object2IntArrayMap;
|
|
|
|
public class HtmlEngine implements GraphicEngine {
|
|
|
|
private boolean initialized;
|
|
public Semaphore exitSemaphore;
|
|
private static final HTMLDocument document = Window.current().getDocument();
|
|
private HTMLCanvasElement canvas;
|
|
private CanvasRenderingContext2D g;
|
|
private RenderingLoop renderingLoop;
|
|
private HtmlRenderer renderer;
|
|
private int width, height;
|
|
public int mult = 1;
|
|
private final int frameTime = (int) (1000d / 10d);
|
|
private final EventSubmitter<Integer[]> onResize = EventSubmitter.create();
|
|
private final EventSubmitter<Float> onZoom = EventSubmitter.create();
|
|
|
|
@Override
|
|
public int[] getSize() {
|
|
return new int[] { getWidth(), getHeight() };
|
|
}
|
|
|
|
@Override
|
|
public boolean isInitialized() {
|
|
return initialized;
|
|
}
|
|
|
|
@Override
|
|
public void setTitle(final String title) {
|
|
HtmlEngine.setHTMLTitle(title);
|
|
}
|
|
|
|
@JSBody(params = { "wndTitle" }, script = "document.title = wndTitle")
|
|
private static native void setHTMLTitle(String wndTitle);
|
|
|
|
@Override
|
|
public void setResizable(final boolean r) {}
|
|
|
|
@Override
|
|
public void setDisplayMode(final int ww, final int wh) {
|
|
canvas.setWidth(ww);
|
|
width = ww;
|
|
canvas.setHeight(wh);
|
|
height = wh;
|
|
}
|
|
|
|
private String previousValue = "";
|
|
private static final Object2IntArrayMap<String> keyNames = new Object2IntArrayMap<>();
|
|
|
|
static {
|
|
keyNames.put(" ", 32);
|
|
keyNames.put("ArrowUp", 38);
|
|
keyNames.put("ArrowDown", 40);
|
|
keyNames.put("ArrowLeft", 37);
|
|
keyNames.put("ArrowRight", 39);
|
|
}
|
|
|
|
@JSBody(params = { "ctx", "enabled" }, script = "" + "ctx.mozImageSmoothingEnabled = enabled;" + "ctx.oImageSmoothingEnabled = enabled;" + "ctx.webkitImageSmoothingEnabled = enabled;" + "ctx.msImageSmoothingEnabled = enabled;" + "ctx.imageSmoothingEnabled = enabled;")
|
|
public static native void setImageSmoothingEnabled(CanvasRenderingContext2D ctx, boolean enabled);
|
|
|
|
@Override
|
|
public void create(final Runnable onInitialized) {
|
|
exitSemaphore = Engine.getPlatform().newSemaphore(0);
|
|
width = -1;
|
|
height = -1;
|
|
canvas = (HTMLCanvasElement) HtmlEngine.document.createElement("canvas");
|
|
g = (CanvasRenderingContext2D) canvas.getContext("2d");
|
|
final HTMLInputElement keyInput = (HTMLInputElement) HtmlEngine.document.createElement("input");
|
|
StaticVars.windowZoom$.subscribe((zoom) -> {
|
|
onZoom.submit(zoom);
|
|
});
|
|
onZoom.subscribe((windowZoom) -> {
|
|
if (windowZoom != 0) {
|
|
if (suppportsZoom()) {
|
|
canvas.setWidth((int) (480 / 1));
|
|
canvas.setHeight((int) (320 / 1));
|
|
canvas.getStyle().setProperty("zoom", "" + (1 + 1));
|
|
} else {
|
|
canvas.setWidth((int) (480 * 2));
|
|
canvas.setHeight((int) (320 * 2));
|
|
}
|
|
canvas.getStyle().setProperty("max-height", (int) (44 / (1 + 1)) + "vh");
|
|
width = 480 / windowZoom.intValue();
|
|
height = 320 / windowZoom.intValue();
|
|
this.mult = windowZoom.intValue();
|
|
StaticVars.screenSize[0] = width;
|
|
StaticVars.screenSize[1] = height;
|
|
}
|
|
});
|
|
keyInput.setType("text");
|
|
keyInput.getStyle().setProperty("opacity", "0.1");
|
|
setDisplayMode(480, 320);
|
|
HtmlEngine.document.getElementById("container").appendChild(canvas);
|
|
HtmlEngine.document.getBody().appendChild(keyInput);
|
|
keyInput.setTabIndex(0);
|
|
keyInput.setValue("");
|
|
HtmlEngine.document.addEventListener("keydown", (final KeyboardEvent evt) -> {
|
|
evt.preventDefault();
|
|
new Thread(() -> {
|
|
Keyboard.debugKey(keyNames .getOrDefault(evt.getKey(), evt.getKeyCode()), false);
|
|
}).start();
|
|
});
|
|
HtmlEngine.document.addEventListener("keyup", (final KeyboardEvent evt) -> {
|
|
evt.preventDefault();
|
|
new Thread(() -> {
|
|
Keyboard.debugKey(keyNames .getOrDefault(evt.getKey(), evt.getKeyCode()), true);
|
|
}).start();
|
|
});
|
|
keyInput.addEventListener("input", (final Event evt) -> {
|
|
evt.preventDefault();
|
|
final String previousValue = this.previousValue;
|
|
final String newValue = keyInput.getValue();
|
|
final int prevLen = previousValue.length();
|
|
final int newLen = newValue.length();
|
|
|
|
new Thread(() -> {
|
|
if (newLen == prevLen) {
|
|
|
|
} else if (newLen - prevLen == 1) {
|
|
Keyboard.debugKey(newValue.toUpperCase().charAt(newLen - 1), false);
|
|
Keyboard.debugKey(newValue.toUpperCase().charAt(newLen - 1), true);}
|
|
else if (newLen - prevLen > 1)
|
|
for (int i = 0; i < newLen - prevLen; i++) {
|
|
Keyboard.debugKey(newValue.toUpperCase().charAt(prevLen + i), false);
|
|
Keyboard.debugKey(newValue.toUpperCase().charAt(prevLen + i), true);}
|
|
else if (newLen - prevLen < 1)
|
|
for (int i = 0; i < prevLen - newLen; i++) {
|
|
Keyboard.debugKey(8, false);
|
|
Keyboard.debugKey(8, true);}
|
|
}).start();
|
|
});
|
|
canvas.addEventListener("click", (final Event evt) -> {
|
|
keyInput.focus();
|
|
});
|
|
HtmlEngine.document.addEventListener("DOMContentLoaded", (final Event e) -> {
|
|
keyInput.focus();
|
|
});
|
|
final NodeList<? extends HTMLElement> buttons = HtmlEngine.document.getBody().getElementsByTagName("button");
|
|
for (int i = 0; i < buttons.getLength(); i++)
|
|
if (buttons.item(i).hasAttribute("keycode")) {
|
|
buttons.item(i).addEventListener("touchstart", (final Event evt) -> {
|
|
buttonEvent(evt, false);
|
|
});
|
|
buttons.item(i).addEventListener("touchend", (final Event evt) -> {
|
|
buttonEvent(evt, true);
|
|
});
|
|
buttons.item(i).addEventListener("mousedown", (final Event evt) -> {
|
|
buttonEvent(evt, false);
|
|
});
|
|
buttons.item(i).addEventListener("mouseup", (final Event evt) -> {
|
|
buttonEvent(evt, true);
|
|
});
|
|
}
|
|
renderer = new HtmlRenderer(this, g);
|
|
initialized = true;
|
|
if (onInitialized != null)
|
|
onInitialized.run();
|
|
}
|
|
|
|
private void buttonEvent(Event evt, boolean released) {
|
|
evt.preventDefault();
|
|
final EventTarget target = evt.getCurrentTarget();
|
|
final HTMLButtonElement button = target.cast();
|
|
new Thread(() -> {
|
|
try {
|
|
if (button.hasAttribute("keycode") && button.getAttribute("keycode").contains(",")) {
|
|
final String code = button.getAttribute("keycode");
|
|
final String[] coordinates = code.split(",", 2);
|
|
final boolean removeshift = Keyboard.shift && Integer.parseInt(coordinates[0]) != 0 && Integer.parseInt(coordinates[1]) != 0;
|
|
final boolean removealpha = Keyboard.alpha && Integer.parseInt(coordinates[0]) != 0 && Integer.parseInt(coordinates[1]) != 1;
|
|
Keyboard.keyRaw(Integer.parseInt(coordinates[0]), Integer.parseInt(coordinates[1]), released);
|
|
if (released) {
|
|
if (removeshift)
|
|
Keyboard.keyRaw(0, 0, false);
|
|
if (removealpha)
|
|
Keyboard.keyRaw(0, 1, false);
|
|
}
|
|
} else if (Keyboard.alpha && !Keyboard.shift) {
|
|
if (button.hasAttribute("keycodea")) {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycodea")), released);
|
|
} else {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycode")), released);
|
|
}
|
|
} else if (!Keyboard.alpha && Keyboard.shift) {
|
|
if (button.hasAttribute("keycodes")) {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycodes")), released);
|
|
} else {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycode")), released);
|
|
}
|
|
} else if (Keyboard.alpha && Keyboard.shift) {
|
|
if (button.hasAttribute("keycodesa")) {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycodesa")), released);
|
|
} else if (button.hasAttribute("keycodes")) {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycodes")), released);
|
|
} else {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycode")), released);
|
|
}
|
|
} else {
|
|
Keyboard.debugKey(Integer.parseInt(button.getAttribute("keycode")), released);
|
|
}
|
|
} catch (final Exception ex) {
|
|
ex.printStackTrace();
|
|
}
|
|
}).start();
|
|
}
|
|
|
|
@JSBody(params = {}, script = "return CSS.supports(\"zoom:2\")")
|
|
private static native boolean suppportsZoom();
|
|
|
|
@Override
|
|
public int getWidth() {
|
|
if (width == -1)
|
|
width = canvas.getWidth();
|
|
return width;
|
|
}
|
|
|
|
@Override
|
|
public int getHeight() {
|
|
if (height == -1)
|
|
height = canvas.getHeight();
|
|
return height;
|
|
}
|
|
|
|
@Override
|
|
public void destroy() {
|
|
HtmlEngine.document.getBody().removeChild(canvas);
|
|
initialized = false;
|
|
exitSemaphore.release();
|
|
}
|
|
|
|
@Override
|
|
public void start(final RenderingLoop d) {
|
|
renderingLoop = d;
|
|
final Thread th = new Thread(() -> {
|
|
try {
|
|
double extratime = 0;
|
|
while (initialized) {
|
|
final long start = System.currentTimeMillis();
|
|
repaint();
|
|
final long end = System.currentTimeMillis();
|
|
final double delta = (end - start) / 1000d;
|
|
final int deltaInt = (int) Math.floor(delta);
|
|
final int extraTimeInt = (int) Math.floor(extratime);
|
|
if (extraTimeInt + deltaInt < frameTime) {
|
|
Thread.sleep(frameTime - (extraTimeInt + deltaInt));
|
|
extratime = 0;
|
|
} else
|
|
extratime += delta - frameTime;
|
|
}
|
|
} catch (final InterruptedException e) {
|
|
e.printStackTrace();
|
|
}
|
|
});
|
|
Engine.getPlatform().setThreadName(th, "Canvas rendering thread");
|
|
Engine.getPlatform().setThreadDaemon(th);
|
|
th.start();
|
|
}
|
|
|
|
@Override
|
|
public void repaint() {
|
|
renderingLoop.refresh();
|
|
}
|
|
|
|
@Override
|
|
public HtmlRenderer getRenderer() {
|
|
return renderer;
|
|
}
|
|
|
|
@Override
|
|
public HtmlFont loadFont(final String fontName) throws IOException {
|
|
return new HtmlFont(fontName);
|
|
}
|
|
|
|
@Override
|
|
public HtmlFont loadFont(final String path, final String fontName) throws IOException {
|
|
return new HtmlFont(fontName);
|
|
}
|
|
|
|
@Override
|
|
public HtmlSkin loadSkin(final String file) throws IOException {
|
|
return new HtmlSkin(file);
|
|
}
|
|
|
|
@Override
|
|
public void waitForExit() {
|
|
try {
|
|
exitSemaphore.acquire();
|
|
} catch (final InterruptedException e) {}
|
|
}
|
|
|
|
@Override
|
|
public boolean isSupported() {
|
|
return Engine.getPlatform().isJavascript();
|
|
}
|
|
|
|
@Override
|
|
public boolean doesRefreshPauses() {
|
|
return true;
|
|
}
|
|
|
|
@Override
|
|
public EventSubmitter<Integer[]> onResize() {
|
|
return onResize;
|
|
}
|
|
|
|
} |