Scirra cog

About Us

We're a London based startup that develops Construct 2, software that lets you make your own computer games!

Archives

Browse all our blog posts

Latest Blog Entries

We love brains!

Join us! Joiiinnn ussss! Mooooree brains!

Introducing Remote Preview

by Ashley | 13th, March 2017

Imagine if you could tweet your game. Or alternatively you're chatting to someone in WhatsApp and want to show them your game. Or maybe you're working with a remote playtester and want them to try a quick change. Exporting and publishing is a fair amount of hassle for this. Remote Preview is a new feature in Construct 3 that makes this easy.

Remote preview gives you a link directly to your game in the Construct 3 editor. You can send this link to anyone else on the web, and when they visit it, the game starts in their browser. Here's how it works.

Sharing your game

To share your game, you just click a new Remote Preview button instead of the normal preview.

The remote preview option in Construct 3.

A Scirra server will then immediately assign you a link to your game with a special code embedded. This is then shown to you in the Remote Preview dialog.

The remote preview dialog in Construct 3.

This link is now yours to share. You can tweet it, email, share on IM, or use any other means to send it to someone else. The code is randomised, so nobody can guess it unless you send them the link.

When someone visits the link, a Scirra server then establishes a peer-to-peer WebRTC connection between you and the visitor. Once they're connected to you, Construct 3 will send your project directly to them. After the loading screen, the visitor is now playing your game! Here's what a visitor using Firefox might see.

Running a remote preview in Firefox

Meanwhile, back in Construct 3 you can view a list of connected clients. This includes technical information like their browser, operating system and WebGL information. It also includes real-time performance data like the second-by-second FPS and estimated CPU usage, allowing you to review cross-device performance at a glance. It also has their real-time state such as their loading progress or which layout they are currently on. Here's what it looks like with an Android phone and a desktop Firefox browser simultaneously previewing the project.

Remote preview clients

Notice the links to request a video stream from clients. When you click this, a window pops up with a real-time video stream of the visitor's game.

Remote preview video stream

The visitor sees notifications telling them when you start and stop video, so they know when you are watching. This video only shows what's on the canvas in their browser — you can't see any other windows on their computer, nor access their camera or microphone — to ensure the privacy for the visitor outside of what they are doing with your game.

Updating the project

In Construct 3 you can continue to work on the project while Remote Preview keeps going. When you have some new changes to share, you can simply select Remote Preview again. This updates the version of the project available with Remote Preview and notifies all connected visitors that there is a new version available. They're not cut off, and can keep going with the version of the project they have — but all they need to do to see the update is press refresh. This helps make test iterations fast, even if you're working with a playtester on the other side of the globe.

Remote preview update notification

When you close Remote Preview, the game is no longer available at its URL. This lets you stay in control of exactly when the game is available. Closing Remote Preview does not cut anybody off, so they can continue to play the game without interruption. However they are also notified about the host disconnecting. If they reload after that, the game will no longer be available.

Working locally

While Remote Preview allows you to instantly share your game with anyone in the world, it also works well locally too. On a Local Area Network (LAN), WebRTC will establish local connections where possible, allowing for a very fast local transfer of the project. You can also use Remote Preview on the same computer, and again WebRTC will establish a local connection without actually transferring anything over the network. This makes it possible to test in other browsers — so even cross-browser testing is possible from a browser! It's easier, more capable and global version of Construct 2's preview-over-wifi.

Currently Chrome and Firefox have the necessary WebRTC support to use Remote Preview. Microsoft and Apple are actively working on their WebRTC implementations for Edge and Safari, so they should be supported in the near future as well.

Instant global sharing

Whether you want to show a friend your first creation, tweet your game for instant feedback, or run performance tests with playtesters from around the world, Remote Preview makes it as easy as copying and pasting a link. It even covers reviewing gameplay videos and remote test-and-develop cycles. This is a unique feature that takes full advantage of the fact Construct 3 runs in the browser, and shows what becomes possible when using the web as the platform.

Catch-up

Missed our earlier announcements? Here's a list of all the news about Construct 3 so far:

Promotional footer image for Construct 3
Now follow us and share this

Tags:

Comments

2
db3344 1,695 rep

Cool new feature

Monday, March 13, 2017 at 12:27:29 PM
2
uboel 9,420 rep

Whoua ! That's an interesting feature indeed !

Monday, March 13, 2017 at 12:30:42 PM
3
sagispin 4,860 rep

Cool alien

Monday, March 13, 2017 at 12:34:59 PM
3
shinkan 33.8k rep

It is a nice feature, no more exporting to other servers (best but already R.I.P dropbox) just to be able to quickly send your game to a friend. Nice one.

Monday, March 13, 2017 at 12:35:42 PM
4
cjbruce 6,315 rep

Okay, this is big for me. I've been using my DropBox public folder for testing and sharing with others. I don't really want to set up a local server that I have to save to, and I would miss the ability to share a project.

This takes care of both problems. Nice work!

Monday, March 13, 2017 at 12:40:59 PM
2
DavidA13 1,337 rep

REALLY nice addition to the editor! Congrats devs! :)

Can't wait to see what's more in store, especially concerning export to iOS and other platforms! ;) (...like many others here)

Monday, March 13, 2017 at 12:41:46 PM
1
fridadwi 999 rep

mantap om! good job!

Monday, March 13, 2017 at 12:42:07 PM
2
Adam 3,723 rep

Yupp, that one is neat!

Monday, March 13, 2017 at 12:47:33 PM
3
chadorireborn 58.9k rep

Hmmm. Interesting. This solves almost all remote previewing problems. Plus 1

C3 is more of an editor upgrade focusing on making ease of game development rather than focusing on new or upgraded development tools.

Ohh well, as long as it works. Plus 1

Monday, March 13, 2017 at 12:50:17 PM
1
abdalghani 8,078 rep

That is Go_0d

Monday, March 13, 2017 at 12:52:57 PM
1
chrislechat 2,003 rep

Good News !

Monday, March 13, 2017 at 12:54:31 PM
6
gritsenko 612 rep

add QR code to the first window please

Monday, March 13, 2017 at 1:09:58 PM
2
Psychokiller1888 3,467 rep

Good job guys!

Monday, March 13, 2017 at 1:14:51 PM
3
Tom 49.3k rep

@gritsenko good suggestion have passed it on to Ash

Monday, March 13, 2017 at 1:14:59 PM
1
Laughing14 2,365 rep

VERY NICE!

Monday, March 13, 2017 at 1:18:23 PM

Leave a comment

Everyone is welcome to leave their thoughts! Register a new account or login.