diff options
| author | s-ol <s-ol@users.noreply.github.com> | 2019-11-26 11:18:31 +0000 |
|---|---|---|
| committer | s-ol <s-ol@users.noreply.github.com> | 2019-11-26 11:18:31 +0000 |
| commit | bde1fae7c3497bbe10eb67fa2c2c6d46d5ad0478 (patch) | |
| tree | 1e6ef1d87dda174f35b95b3c695399f1d72f0f43 /root | |
| parent | add cjson to Dockerfile (diff) | |
| download | mmm-bde1fae7c3497bbe10eb67fa2c2c6d46d5ad0478.tar.gz mmm-bde1fae7c3497bbe10eb67fa2c2c6d46d5ad0478.zip | |
some fixes in aspect-ratios
Diffstat (limited to 'root')
| -rw-r--r-- | root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon | 16 | ||||
| -rw-r--r-- | root/blog/aspect_ratios/text$markdown.md | 2 |
2 files changed, 9 insertions, 9 deletions
diff --git a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon b/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon index f47e03f..419eef0 100644 --- a/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon +++ b/root/blog/aspect_ratios/interactive/_base: text$moonscript -> table.moon @@ -8,10 +8,10 @@ if MODE ~= 'CLIENT' resize: 'horizontal' overflow: 'hidden' - width: '576px' - height: '324px' - 'min-width': '324px' - 'max-width': '742px' + width: '480px' + height: '270px' + 'min-width': '270px' + 'max-width': '100%' margin: 'auto' padding: '10px' @@ -42,10 +42,10 @@ class UIDemo extends CanvasApp resize: 'horizontal' overflow: 'hidden' - width: '576px' - height: '324px' - minWidth: '324px' - maxWidth: '742px' + width: '480px' + height: '270px' + minWidth: '270px' + maxWidth: '100%' margin: 'auto' padding: '10px' diff --git a/root/blog/aspect_ratios/text$markdown.md b/root/blog/aspect_ratios/text$markdown.md index dea0249..2284317 100644 --- a/root/blog/aspect_ratios/text$markdown.md +++ b/root/blog/aspect_ratios/text$markdown.md @@ -42,7 +42,7 @@ The problem with this is that it simply doesn't look very good. When the ratio but otherwise the empty space makes the screen look empty (especially if there are system UI elements next to it). ## step two: `perforate` -So how can this be imroved? We would like to use the unused space on the x or y axis, but we can't just scale everything up, +So how can this be improved? We would like to use the unused space on the x or y axis, but we can't just scale everything up, or we would start cropping important pieces of UI. Stretching the game to fill the screen also doesn't work for obvious reasons. To proceed, the UI has to be 'perforated' into different sections that are independent from each other. |