Embedding a WebGL game onto your website has never been simpler! If you’ve ever embedded a YouTube video, you can do it. You only need basic HTML skills.
Example
For example, here’s an game embedded directly on our blog. Click the play button to try it!
1) Build your game for WebGL
Check out this quick tutorial about how to build your game for the web if you don’t already know how to do it.
For this example, let’s assume that we’ve named our build "WebGLBuild".
2) Upload your game to the web
Go to https://simmer.io/upload and sign up for a free account if you don’t already have one.
Drag your "WebGLBuild" folder onto the drop area.
You don’t need to zip the folder or change anything.
Once you upload and save, fill out some simple information about the build, and select a screenshot to continue.
3) Embed the game on your website.
Your game is now on the web! The final step is to embed it on your page.
Click embed:
Then copy the code to your clipboard.
Paste the <iframe...
embed code into your site’s HTML code.
You can also modify width
and height
in the style attribute if you want your game to display at a different size.
Pro tip: If you want the game to autoplay without requiring a click, add the following code to the url attribute of the iframe &autoplay=true
.
Here’s a codepen example if you’d like to play around with it:
Join dozens of other early adopters using SIMMER to embed games on their own website. Don’t delay, embed today!
Still working on your game? Stay tuned here.
This is so awesome! I tryed like 2 hours to add my game on a portfoilio, which I made with a webpage kit.
This saved my live, thank you so much!