{"id":5402,"date":"2023-08-23T13:58:03","date_gmt":"2023-08-23T20:58:03","guid":{"rendered":"https:\/\/universesandbox.com\/blog\/?p=5402"},"modified":"2023-09-18T17:39:55","modified_gmt":"2023-09-19T00:39:55","slug":"mobile-devlog-2","status":"publish","type":"post","link":"https:\/\/universesandbox.com\/blog\/2023\/08\/mobile-devlog-2\/","title":{"rendered":"Universe Sandbox for Mobile | Development Challenges | Update 2"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Universe Sandbox on Mobile - Earth &amp; 100 Colliding Moons Landscape View\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jG5vWdhBQY8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption><em>Collisions and surface simulation already run smoothly in Universe Sandbox on mobile devices.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Bringing the complete Universe Sandbox experience to mobile is an exciting and challenging project, and while development was stalled while hiring a new user interface engineer, we are back on track! While we still don\u2019t have a release date for Universe Sandbox on mobile, we want to share our recent progress and current obstacles.<\/p>\n\n\n\n<p>For an overview of our plans for Universe Sandbox on mobile devices, you can read our <a href=\"https:\/\/universesandbox.com\/blog\/2021\/09\/mobile-devlog-1\/\">first Mobile DevLog<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Intro-Guide-576x1024.png\" alt=\"\" class=\"wp-image-5416\" width=\"288\" height=\"512\" srcset=\"https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Intro-Guide-576x1024.png 576w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Intro-Guide-169x300.png 169w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Intro-Guide.png 750w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><figcaption><em>Making our user interface work in portrait mode is an added challenge when adapting it for small screens.<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Pocket-Sized Complexities<\/strong><\/h3>\n\n\n\n<p>We\u2019ve been thinking about Universe Sandbox mobile for a long time and have been developing our panels and buttons to be easy to view and use on small screens for years. In fact, Universe Sandbox mobile is built from the exact same code as the version you already know and love, so it will have the same features and user interface as the desktop experience.&nbsp;<\/p>\n\n\n\n<p>This shared codebase means you can enjoy any new features and improvements we add to Universe Sandbox on any device, whether you\u2019re on a desktop, laptop, VR headset, phone, or tablet.<\/p>\n\n\n\n<p>While these are seemingly simple goals, they create complex design challenges:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>How to automatically arrange panels and adjust your view so you can focus on controlling the simulation, not having to manage the user interface<\/li><li>Switching between multiple panels, like an object&#8217;s properties, data views, and guide instructions, on small screens in landscape and portrait modes<\/li><li>Overhauling our simulation tools (like explode, laser, and planetscaping), to adapt to all screen sizes<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"365\" src=\"https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Tools-Sheet-650x365.png\" alt=\"\" class=\"wp-image-5415\" srcset=\"https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Tools-Sheet-650x365.png 650w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Tools-Sheet-300x169.png 300w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Tools-Sheet-768x432.png 768w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Tools-Sheet.png 1334w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption><em>Dynamically resizing panels (this tool panel is cut off) and automatically moving the center of your view so you can always see what you&#8217;re looking at (moving the Sun hidden behind the tool panel to the empty space on the left) is just one example of the user interface work we still need to do. This is a work in progress.<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Under New (Layout) Management<\/strong><\/h3>\n\n\n\n<p>While most other simulators and games have a different user interface for their mobile and desktop versions, we want ours to use the exact same interface for all platforms. We think we\u2019re among the first to do this, but if you know of another or have done this with your game, please let us know! You can see what Universe Sandbox mobile might look like right now (including why we haven\u2019t released it yet) by resizing the Universe Sandbox window on your computer to the size of your phone (since our user interface dynamically responds to your window size).<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Universe Sandbox on Mobile - Solar System Landscape Mode\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/cy-BarkDDYY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Universe Sandbox on Mobile - Solar System Portrait Mode\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/DU9wOYVVNGk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption><em>Showing multiple panels simultaneously in both landscape and portrait orientations while still seeing the simulation on a small screen is one of the biggest challenges of mobile development. This is a work in progress<\/em>.<\/figcaption><\/figure>\n\n\n\n<p>While we are still making performance improvements so Universe Sandbox can run smoothly on phones, our primary obstacle in mobile development is ensuring our interface is usable on a small touch screen like a phone. We\u2019ve started tackling it by designing a system to intelligently hide and reveal panels as they open and close, which we\u2019re calling our Dynamic Layout System.<\/p>\n\n\n\n<p>While creating this system will take time, it should allow future improvements and new features to work in Universe Sandbox without any extra development, regardless of whether you\u2019re playing on mobile or desktop. That means we\u2019ll have more time to work on new features instead of spending time implementing the same feature in two different ways.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"365\" src=\"https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Add-Planet-650x365.png\" alt=\"\" class=\"wp-image-5414\" srcset=\"https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Add-Planet-650x365.png 650w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Add-Planet-300x169.png 300w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Add-Planet-768x432.png 768w, https:\/\/universesandbox.com\/blog\/wp-content\/uploads\/2022\/11\/Add-Planet.png 1334w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption><em>One improvement we&#8217;ve added to mobile (and optionally available in the desktop experience) is a confirmation when placing an object.<\/em> <em>This is a work in progress.<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Current Progress<\/strong><\/h3>\n\n\n\n<p>We\u2019ve been researching the best way to create this dynamic panel management system and have made significant progress implementing it within Universe Sandbox.<\/p>\n\n\n\n<p>There\u2019s still other work to be done, and we do not have a release date or official price for mobile, but we\u2019re still planning on it being a one-time paid app with no ads or in-app purchases.&nbsp;<\/p>\n\n\n\n<p>We have yet to finalize the minimum device requirements for the mobile version, but it will likely require a modern device with decent specs. We will share more about hardware requirements as soon as we finalize them.<\/p>\n\n\n\n<p>Taking a feature-rich, user-interface-heavy desktop game and porting it to mobile presents many challenges, but we are excited to tackle them and create an experience unlike any other at your fingertips.<\/p>\n\n\n\n<p>To receive updates about mobile, like this one, sign up for our mailing list:<br><a href=\"http:\/\/universesandbox.com\/mobile\/\">http:\/\/universesandbox.com\/mobile\/&nbsp;<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Universe Sandbox on Mobile - Earth &amp; Moon Collision Landscape View\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/raIeNpaUL78?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption><em>Earth and Moon collide in Universe Sandbox on a mobile device. While collisions and surface simulations already run smoothly, our guide panels still need to be updated to work with our new Dynamic Layout System.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Join our community discussions on our <a href=\"https:\/\/steamcommunity.com\/app\/230290\">Steam Forum<\/a> and our <a href=\"https:\/\/discord.gg\/us\">official Discord community<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bringing the complete Universe Sandbox experience to mobile is an exciting project, and while development was stalled while we were hiring new user interface engineers, we are ramping up our efforts again! As part of this, we want to share a bit about our recent progress and current obstacles.<\/p>\n","protected":false},"author":74,"featured_media":5690,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[3,21],"tags":[],"class_list":["post-5402","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-devlog"],"_links":{"self":[{"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/posts\/5402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/comments?post=5402"}],"version-history":[{"count":35,"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/posts\/5402\/revisions"}],"predecessor-version":[{"id":5772,"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/posts\/5402\/revisions\/5772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/media\/5690"}],"wp:attachment":[{"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/media?parent=5402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/categories?post=5402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/universesandbox.com\/blog\/wp-json\/wp\/v2\/tags?post=5402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}