More wasm related fixes, high-dpi and touch events
Signed-off-by: falkTX <falktx@falktx.com>
This commit is contained in:
falkTX
parent
22554bae0c
commit
0f3ab5ddf0
17 changed files with 2325 additions and 432 deletions
|
|
@ -378,7 +378,11 @@ endif
|
|||
|
||||
$(TARGET_DIR)/%/patches: ../../patches
|
||||
-@mkdir -p "$(shell dirname $@)"
|
||||
ifeq ($(WASM),true)
|
||||
cp -rL $< $@
|
||||
else
|
||||
$(SILENT)ln -sf $(abspath $<) $@
|
||||
endif
|
||||
|
||||
$(TARGET_DIR)/$(NAME).lv2/resources/%: ../Rack/res/%
|
||||
-@mkdir -p "$(shell dirname $@)"
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="description" content="Cardinal" />
|
||||
<meta name="theme-color" content="#111111">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" user-scalable="no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=0" user-scalable="no">
|
||||
<title>Cardinal</title>
|
||||
<style>
|
||||
html {
|
||||
|
|
@ -23,407 +23,17 @@
|
|||
}
|
||||
|
||||
#canvas_wrapper {
|
||||
--device-pixel-ratio: 1;
|
||||
display: none;
|
||||
image-rendering: pixelated;
|
||||
image-rendering: crisp-edges;
|
||||
position: absolute;
|
||||
transform-origin: 0 0 0;
|
||||
transform: scale(calc(1 / var(--device-pixel-ratio)));
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* automatically generated */
|
||||
@media (min-resolution: 0.29dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.3);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.3)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 0.39dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.4);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.4)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 0.49dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.5);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.5)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 0.59dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.6);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.6)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 0.665dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.666);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.666)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 0.69dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.7);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.7)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 0.79dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.8);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.8)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 0.89dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 0.9);
|
||||
left: 0;
|
||||
top: calc((1 - (1 / 0.9)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.0dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.0);
|
||||
left: calc((1 - (1 / 1.0)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.0)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.1dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.1);
|
||||
left: calc((1 - (1 / 1.1)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.1)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.2dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.2);
|
||||
left: calc((1 - (1 / 1.2)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.2)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.3dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.3);
|
||||
left: calc((1 - (1 / 1.3)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.3)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.4dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.4);
|
||||
left: calc((1 - (1 / 1.4)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.4)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.5dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.5);
|
||||
left: calc((1 - (1 / 1.5)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.5)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.6dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.6);
|
||||
left: calc((1 - (1 / 1.6)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.6)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.7dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.7);
|
||||
left: calc((1 - (1 / 1.7)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.7)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.8dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.8);
|
||||
left: calc((1 - (1 / 1.8)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.8)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.9dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 1.9);
|
||||
left: calc((1 - (1 / 1.9)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 1.9)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.0dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.0);
|
||||
left: calc((1 - (1 / 2.0)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.0)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.1dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.1);
|
||||
left: calc((1 - (1 / 2.1)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.1)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.2dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.2);
|
||||
left: calc((1 - (1 / 2.2)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.2)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.3dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.3);
|
||||
left: calc((1 - (1 / 2.3)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.3)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.4dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.4);
|
||||
left: calc((1 - (1 / 2.4)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.4)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.5dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.5);
|
||||
left: calc((1 - (1 / 2.5)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.5)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.6dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.6);
|
||||
left: calc((1 - (1 / 2.6)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.6)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.7dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.7);
|
||||
left: calc((1 - (1 / 2.7)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.7)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.8dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.8);
|
||||
left: calc((1 - (1 / 2.8)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.8)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 2.9dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 2.9);
|
||||
left: calc((1 - (1 / 2.9)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 2.9)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.0dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.0);
|
||||
left: calc((1 - (1 / 3.0)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.0)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.1dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.1);
|
||||
left: calc((1 - (1 / 3.1)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.1)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.2dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.2);
|
||||
left: calc((1 - (1 / 3.2)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.2)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.3dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.3);
|
||||
left: calc((1 - (1 / 3.3)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.3)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.4dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.4);
|
||||
left: calc((1 - (1 / 3.4)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.4)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.5dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.5);
|
||||
left: calc((1 - (1 / 3.5)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.5)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.6dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.6);
|
||||
left: calc((1 - (1 / 3.6)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.6)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.7dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.7);
|
||||
left: calc((1 - (1 / 3.7)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.7)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.8dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.8);
|
||||
left: calc((1 - (1 / 3.8)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.8)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 3.9dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 3.9);
|
||||
left: calc((1 - (1 / 3.9)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 3.9)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.0dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.0);
|
||||
left: calc((1 - (1 / 4.0)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.0)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.1dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.1);
|
||||
left: calc((1 - (1 / 4.1)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.1)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.2dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.2);
|
||||
left: calc((1 - (1 / 4.2)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.2)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.3dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.3);
|
||||
left: calc((1 - (1 / 4.3)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.3)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.4dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.4);
|
||||
left: calc((1 - (1 / 4.4)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.4)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.5dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.5);
|
||||
left: calc((1 - (1 / 4.5)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.5)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.6dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.6);
|
||||
left: calc((1 - (1 / 4.6)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.6)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.7dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.7);
|
||||
left: calc((1 - (1 / 4.7)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.7)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.8dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.8);
|
||||
left: calc((1 - (1 / 4.8)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.8)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 4.9dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 4.9);
|
||||
left: calc((1 - (1 / 4.9)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 4.9)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-resolution: 5.0dppx) {
|
||||
#canvas_wrapper {
|
||||
scale: calc(1 / 5.0);
|
||||
left: calc((1 - (1 / 5.0)) / 2 * -100vw);
|
||||
top: calc((1 - (1 / 5.0)) / 2 * -100vh);
|
||||
}
|
||||
}
|
||||
|
||||
.emscripten {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue