/
Mobile Platform Unification

Mobile Platform Unification

Owned by Laurentiu Popa
Sept 06, 2024
2 min read

This is an alternative way of integrating SP games on Nutaku.

If you have a PC browser version for your game, and if your game engine supports the rendering on mobile devices we highly recommend using this method instead of the regular SP integration method. Unity WebGL is known to consume a lot of resources, so most projects will not be compatible with this approach due to phone browsers having a much lower memory limit than desktop browsers.

Technically, having a PC browser version being available is not mandatory, this integration can work for mobile-only games, although the biggest benefit by far is when a PC browser is available.

How to integrate using Mobile Platform Unification:

  1. Have your game registered for both PC and SP in the developer portal.

  2. Integrate your PC browser version normally.

  3. In your gadget xml, copy-paste a clone of the <Content type="html" view="canvas"><![CDATA[…]]></Content>, and for the clone change view=”canvas” to view=”mobile”. The canvas view will be used for PC browser, while the mobile view will be used for SP browser rendering.

  4. Edit the game on the developer portal and select Yes for “Mobile Platform Unification” setting.

  5. Optionally, make any changes you wish to make to the mobile view to better optimize the resources being loaded for SP. This is purely for optimization purposes, no changes are required for platform integration itself.

  6. Completely ignore the rest of the documentation pages from this SP documentation section. You should follow the documentation for PC browser game integration for both your PC and SP versions.


Example of gadget xml file that has PC and SP with mobile unification:

<Module> <ModulePrefs title="Example game title"> <Require feature="opensocial-0.8"/> <Require feature="opensocial-payment"/> <Require feature="nutaku"/> <Require feature="dynamic-height"/> <Link rel="payment.handler" href="https://www.example.com/my-payment-handler-url/"/> </ModulePrefs> <Content type="html" view="canvas"> <![CDATA[ ... ]]> </Content> <Content type="html" view="mobile"> <![CDATA[ ... ]]> </Content> </Module>

Related content