Is it possible to host a WebGL game directly on Shopify?

TMNR1
New Member
7 0 0

Hi, I want to host a webGL in shopify rather than embed from a third party website like simmer.io using iframe.

Is this possible? This is the game https://aquenture.itch.io/race-against-time  I dont want to embed I want to host on shopify.

Please let me know.

Best regards,
Timur

Replies 7 (7)

Michal17
Shopify Partner
835 73 175

Hi @TMNR1 

Hope you're having a great day!

You should check out these useful resources:

How to connect a Shopify store to a game with Shopify SDK

Unity Buy SDKYou can use the Unity Buy SDK to integrate physical products directly into games and apps made with the Unity game engine.

Shopify SDK for Unity DocumentationThe Shopify SDK for Unity lets you add commerce features to games made with the Unity game engine. You can use it to connect in-game purchase experiences with physical products in Shopify.

If you found this comment useful, hit the 'Like' and 'Accepted solution' buttons.

TMNR1
New Member
7 0 0
Thank you but that is not what I am looking for. I am looking to put a
game, into my website. A WebGL embedded into the page.
Michal17
Shopify Partner
835 73 175

Hi @TMNR1 

You should check out this community post.

If you found this comment useful, hit the 'Like' and 'Accepted solution' buttons.

TMNR1
New Member
7 0 0

Hi I don't think you understand me. Please do not give me seperate links to click on.

Please go here www.aquenture.net 
You will see a game load up as part of the web page, not the entire page. I've done this using iframe but now comes the tricky part, get ready:

1. I uploaded my game as a zip folder to *simmer.io*

2. I then used iframe to embed into my shopify site.

What I want to do is instead of using *simmer.io* I want to do step 1. (Upload my game) onto shopify.

I hope this has made it clear. I already saw what you sent me from research myself so in essence you're not understanding and wasting my time.

AfterDarkGrafx
Shopify Partner
219 13 57

You would have to test this.

 

a) you would want to VIEW source of that page and note the code and js references

b) click on the js  references and save page as, then call it the same name as the js

c) you would then have to upload these js files to your  ONLINE STORE --> Actions --> Edit Code --> scroll down to ASSETS and add new asset and upload these files

d) you would have a make a template page on your website

e) you would have to reference these js files and any other scripts and css for the page directly.

f) if accessing or adding links to your assets files is typically like this   {{ 'my-file.js | asset_url }}    - you can reference this cheat sheet for liquid

You would have to tinker around with it. 

THE CORRECT WAY:
But it is typically rendered on Shopify via API  with the Unity Game Engine and this: https://learn.unity.com/tutorial/how-to-publish-for-webgl

Other References: https://get.webgl.org/get-a-webgl-implementation/

Check out this cool sample site: https://bossathome.com/

Sometimes you just need a developer.

James Byrne, Owner, Information Architect (USMC VET)
After Dark Grafx - Since 1992
"We Work After Dark, So You Don't Have To!"
https://www.afterdarkgrafx.com

Services: Website Design, Mobile App Development (iOS, Android, Windows), Ecommerce, Magento, Shopify, Miva, BigCommerce, Search Engine Optimization, Wordpress, Hosting, Graphic Design, Merchant Accounts, Consulting and all things web related!

Certified Partner/Developer/Affiliates: Shopify, Google Integrator, Wordpress, Zoho, AuthorizeNet, Geotrust and a Member of the San Diego Regional Chamber of Commerce, Veteran Owned Businesses, Veteran's In Business Network.

I also build custom apps for Shopify!
TMNR1
New Member
7 0 0

Awesome thank you very much!

AfterDarkGrafx
Shopify Partner
219 13 57
it is usally best to host webgl on a server then include it in shopify
for sanity sake
James Byrne, Owner, Information Architect (USMC VET)
After Dark Grafx - Since 1992
"We Work After Dark, So You Don't Have To!"
https://www.afterdarkgrafx.com

Services: Website Design, Mobile App Development (iOS, Android, Windows), Ecommerce, Magento, Shopify, Miva, BigCommerce, Search Engine Optimization, Wordpress, Hosting, Graphic Design, Merchant Accounts, Consulting and all things web related!

Certified Partner/Developer/Affiliates: Shopify, Google Integrator, Wordpress, Zoho, AuthorizeNet, Geotrust and a Member of the San Diego Regional Chamber of Commerce, Veteran Owned Businesses, Veteran's In Business Network.

I also build custom apps for Shopify!