diff --git a/content/screenshots.md b/content/screenshots.md index d11992a..d22a3ea 100644 --- a/content/screenshots.md +++ b/content/screenshots.md @@ -6,7 +6,9 @@ toc: true The [Guidebook](/guidebook/) site has lots of screenshots of the game sprinkled throughout, but here are a collection of interesting ones all in one place. -# Gameplay +# Desktop + +## Gameplay ![Zoo](/images/v0.11.0-zoo.png) @@ -26,7 +28,7 @@ _Screenshot from the "Castle" level in the First Quest._ ----- -# Level Editor +## Level Editor ![Level Editor UI](https://www.sketchymaze.com/guidebook/images/newlevel-2.png) @@ -42,7 +44,7 @@ _Customize your level's color palette and properties._ ----- -# Doodad Editor +## Doodad Editor ![Doodad Editor](https://www.sketchymaze.com/guidebook/images/doodad-editor.png) @@ -50,4 +52,55 @@ _Doodad sprites can be authored in-game._ ![Doodad Properties](https://www.sketchymaze.com/guidebook/images/doodad-properties.png) -_JavaScript sources can be attached or exported in the Doodad Editor._ \ No newline at end of file +_JavaScript sources can be attached or exported in the Doodad Editor._ + +----- + +# Mobile GNU/Linux + +Sketchy Maze supports ARM 64-bit mobile GNU/Linux devices such as the Pine64 +[Pinephone](https://www.pine64.org/pinephone/) ([Pro](https://www.pine64.org/pinephonepro/)) +and the Purism [Librem 5](https://puri.sm/products/librem-5/). The screenshots +below were recorded on [Mobian](https://mobian-project.org) with its default +[Phosh](https://puri.sm/posts/phosh-overview/) desktop shell. The game should +run on any bog standard Linux distro running something like KDE Plasma Mobile, +GNOME Shell, Xfce, and can run normal Linux apps. + +I try and make the game generally functional, if only a little awkward, on mobile. +The game's popup UI windows are kept under a certain size, it should run on +screens with an effective resolution of 375x750 like the Pinephone. + +## Title Screen + +The title screen is adaptive for landscape and portrait oriented phones. + +![Landscape Titlescreen](/images/landscape-title.png) + +![Portrait Titlescreen](/images/mobile-title.png) + +## Mobile Gameplay + +The game adapts when you rotate your phone. + +![Landscape Gameplay](/images/landscape-gameplay.png) + +![Portrait Gameplay](/images/mobile-gameplay.png) + +## Editor + +The level editor is usable on mobile. If your screen is wide enough, the toolbar +shows double-wide columns but will adapt to a single column to give you more +screen real estate to edit your drawing. + +![Landscape Editor](/images/landscape-editor.png) + +![Doodads window in the editor](/images/landscape-doodads.png) + +![Portrait Editor](/images/mobile-editor.png) + +There's also a setting to make the toolbars go horizontal instead of vertical, +it might or might not work for you: + +![Landscape mode horizontal toolbars](/images/landscape-horizontal.png) + +![Portrait mode horizontal toolbars](/images/mobile-horizontal.png) \ No newline at end of file diff --git a/static/images/landscape-doodads.png b/static/images/landscape-doodads.png new file mode 100644 index 0000000..d4f05c2 Binary files /dev/null and b/static/images/landscape-doodads.png differ diff --git a/static/images/landscape-editor.png b/static/images/landscape-editor.png new file mode 100644 index 0000000..6344aa9 Binary files /dev/null and b/static/images/landscape-editor.png differ diff --git a/static/images/landscape-gameplay.png b/static/images/landscape-gameplay.png new file mode 100644 index 0000000..45a5007 Binary files /dev/null and b/static/images/landscape-gameplay.png differ diff --git a/static/images/landscape-horizontal.png b/static/images/landscape-horizontal.png new file mode 100644 index 0000000..7b862a6 Binary files /dev/null and b/static/images/landscape-horizontal.png differ diff --git a/static/images/landscape-palette.png b/static/images/landscape-palette.png new file mode 100644 index 0000000..debf1f3 Binary files /dev/null and b/static/images/landscape-palette.png differ diff --git a/static/images/landscape-title.png b/static/images/landscape-title.png new file mode 100644 index 0000000..1970b0b Binary files /dev/null and b/static/images/landscape-title.png differ diff --git a/static/images/mobile-editor.png b/static/images/mobile-editor.png new file mode 100644 index 0000000..25e4424 Binary files /dev/null and b/static/images/mobile-editor.png differ diff --git a/static/images/mobile-gameplay.png b/static/images/mobile-gameplay.png new file mode 100644 index 0000000..5a9f175 Binary files /dev/null and b/static/images/mobile-gameplay.png differ diff --git a/static/images/mobile-horizontal.png b/static/images/mobile-horizontal.png new file mode 100644 index 0000000..11c9e73 Binary files /dev/null and b/static/images/mobile-horizontal.png differ diff --git a/static/images/mobile-title.png b/static/images/mobile-title.png new file mode 100644 index 0000000..a9e4899 Binary files /dev/null and b/static/images/mobile-title.png differ