Maintenance Saturday June 10, 9am UTC

The PlayCanvas website and editor will be unavailable intermittently from 9am UTC tomorrow (Saturday 10th June) while we perform server maintenance. We will endeavor to keep downtime to a minimum but the period of downtime may be several hours. Stay informed with updates via this blog post and on our Twitter Account..

We apologies for any inconvenience this may cause.

Update: Maintenance is complete at 2.30pm UTC. Thanks for you patience.

 

Introducing the new Code Editor

Code Editor

Today we’re excited to unveil the new code editor for all our PlayCanvas users. We’ve been taking your feedback since we launched Scripts 2.0 last year and we’ve updated the code editor to make working on scripts in PlayCanvas much easier.

Some of the new features introduced by the new editor:

File view & tabs

The most obvious difference is now we let you browse all your text files in the code editor and open multiple files in the same window. No more hunting through browser tabs to find that file you were editing.

Goto Anything

Editor Goto Anything

Goto Anything (Ctrl/Cmd+P) is the power users dream option. Jump to any text file in your project with a few keystrokes.

Enhanced keyboard shortcuts

We’ve had a complete overhaul of the keyboard shortcuts. All your standard text editor shortcuts are there. Including using multiple cursors and expanding selections.

Better find & replace

Editor Find

We’ve beefed up the find and replace with a new interface and easy to use extras like case-senstive and regular expressions.

We hope you enjoy using the new code editor as much as we do!

WebVR Lab launches with Chrome 56 for Daydream

Today we’re excited to launch the WebVR Lab, a living project built by the PlayCanvas team to help developers learn about creating scalable and responsive WebVR applications for all devices.

Try the lab right now:


Try it in fullscreen

WebVR is a new standard that makes VR experiences accessible to the billions of web browser users and enables developers to reach a user on any type of VR headset. Using the web to deliver VR makes sharing experiences as easy as clicking a link, with no downloads required.

Chrome 56 for Android, launched this week, supports WebVR using the Daydream View headsets.

“WebVR allows developers to build an experience that scales across all VR platforms from Google Cardboard and Daydream to desktop VR headsets, while also supporting 2D displays. Different platforms have different capabilities and the PlayCanvas WebVR Lab project gives developers an example of how to manage that diversity.”
Megan Lindsay, Google Product Manager for WebVR

We launched our official WebVR support back in November and the WebVR Lab marks the company’s next step to ensure that developers can quickly and efficiently build the most beautiful WebVR experiences possible.

The WebVR Lab elegantly scales from a simple Cardboard headset to a full desktop VR setup. Devices supported by the project include Google Cardboard, Daydream View, GearVR, Oculus Rift (with Touch controllers) and HTC VIVE.

The project is to be continually updated with new experiments that implement core interactions for VR on the web. Including teleportation, manipulating virtual objects, user interface and controllers.

The first fruits of our work on the WebVR Lab is the Tracked Controllers project, where developers can take our sample code and quickly integrate the Daydream Controller into their project.

Read more on TechCrunch, UploadVR and on the Google Chrome blog.

See you in Virtual Reality!

Master Archer lands on Facebook Instant Games

We’re excited to announce the launch of Master Archer, our new Instant Game for Facebook Messenger. Shoot the fruit from Bob’s head and challenge your friends with your high score!

Only a week on from release and Master Archer has already cracked 1,000,000 players!

instant-game-chart

This shows the incredible viral power of Facebook’s new gaming platform.

Many developers make 3D apps with PlayCanvas, but as you can see, PlayCanvas can also be used to create beautiful 2D games as well.

To play, open Facebook Messenger, select a friend and hit the joypad icon:

play-archer

And select Master Archer from the game list!

Or you can play on facebook.com if you are using a desktop browser.

What's your high score?

Let us know your high score in the comments!

Instant Games and PlayCanvas

You may have seen the news about Facebook launching Instant Games in Messenger. If not here’s the launch video

Instant Games is a totally new mobile gaming platform and it’s entirely built on HTML5 games. This is tremendous news for the PlayCanvas game development community.

Games that are built using PlayCanvas will work with no modification as an Instant Game. Those games are ready to be played in the Facebook News Feed and in Messenger.

Developing Instant Games

Instant Games are playable today in the News Feed and in Messenger. However, the development platform is currently in closed beta. If you’ve started developing a game that would be suitable as an Instant Game visit Facebook to sign up for the closed beta.

PlayCanvas Instant Games

PlayCanvas is already being used to build Instant Games. The launch title Shuffle Cats Mini by King was built using PlayCanvas. Look out for more titles built using PlayCanvas in the future.

A new gaming platform

We’re tremendously excited to see Facebook launching the Instant Games platform and it is a perfect platform for PlayCanvas games. HTML games that are fast and lightweight, mobile and shareable. We hope you share our excitement and if you want to get started building your Instant Game, sign up to PlayCanvas for free today.

WebVR support in PlayCanvas

Today we’re really excited to announce support for WebVR into the PlayCanvas Editor.

This week Google announced that WebVR 1.1 (the latest current version of the spec) should be released in Chrome for Android in January 2017. But for a feature as complex as virtual reality, browser support is only one piece of the puzzle. At PlayCanvas, we know how important great tools are to making high quality experiences so today we’re launching our WebVR engine integration to make sure that you can create applications right now.

PlayCanvas WebVR

Optimized Engine Support

The PlayCanvas graphics engine is an advanced WebGL graphics engine. We’ve worked hard to make sure our renderer is optimized specifically for stereo rendering. Unlike most engines we don’t simply render the scene twice for each eye. Instead, our renderer knows that a lot of the main render loop is the same for each eye. So, for example, expensive operations like culling, sorting draw calls and setting uniforms and render states only have to be done once before we draw the scene for each eye. This can lead to a significant performance increase, particularly on mobile.

Polyfill for unsupported platforms

It’s still early days for WebVR which means it’s not yet supported on all platforms. When you enable WebVR in your PlayCanvas project, we make sure your browser can support it using the WebVR polyfill library from Google. PlayCanvas is smart enough to load the library only if you need it.

Tutorials and Documentation

PlayCanvas is renowned for its extensive documentation and VR is no different. Basic instructions, API reference and specific optimization tips, we’ve got it all.

Samples and Starter Kits

These sample projects show you how to construct a VR scene and give you sample code to start from.

Hello World – A very simple 3D scene

360 Image – Just drop in your own 360 panorama

360 Video – Add a link to your own video

Room Scale VR – A more complex scene designed for HTC Vive and other Room Scale VR

The Future

We believe the future for WebVR is very bright and we’re committed to making PlayCanvas the best tool for creating WebVR applications. Sign up for free today, we’d love to see what you build!

PlayCanvas REST API

api

Today we’re launching the first version of the PlayCanvas REST API.

The REST API is available to all Organization account holders and allows developers to automate processes to help them with their development. For example, you can use the API to create a daily build of your application and download it via a build server. In the future we’ll be expanding the API with additional features like access to assets and more.

You can read more details about the API in the documentation.

We’d love to hear your thoughts on how you are using the API and what you’d like to see in the future. Let us know on our forum.

PlayCanvas Scripts 2.0

We’ve just launched “Scripts 2.0”, a complete re-design and re-implementation of the scripting system for PlayCanvas applications. Our goals were to fix an array of small irritations that had built up over using the PlayCanvas scripting for the last few years and take the opportunity to clean up the interface and simplify the creation and usage of scripts.

Here’s a list of the improvements you can enjoy with the new script system:

  • rapid iteration by hot-swapping code at run-time
  • real-time collaborative code editing
  • script concatenation and minification for publishing
  • better error handling and fault tolerance
  • full folder support for script assets
  • multiple script definitions in a single file
  • simpler interface and boilerplate

Live hot-swapping

If you choose to, you can now allow your scripts to update all running instances of your application. We dynamically reload scripts after they change. By implementing a single swap() function, you can transfer state into your new script instance and carry on as if nothing had happen. Except you’ve got all your new code!

Real-time collaborative code editing

Now that scripts are first-class assets, we now support real-time collaboration in the Code Editor. This means you’re no longer in danger overwriting other people’s code. In fact, you can see it appear as they type.

To help support this, we’ve also improved the error handling and fault tolerance of scripts while they’re running. This means bad scripts won’t bring your game screeching to a halt, preventing everyone from working.

Script Concatenation

With the new script format we now support multiple script definitions in a single JavaScript file. We’ve added the option to concatenate and minify all your scripts into one file when you publish. This will save you many HTTP requests and reduces the size of your application, making for a much quicker start up time.

How do you find these new scripts?

Scripts 2.0 is live right now and any new projects you create will have the new script system enabled. However, if you’re not quite ready to move to the new system or you need some of the features that are currently only available with the old system, you can still create projects using the “Legacy Script System”. Look for the option in the new project dialog.

If you haven’t tried PlayCanvas before:

SIGN UP TODAY

Getting started with WebVR

helper

Did you hear? VR is BIG! But what is bigger than VR? The web, that’s what. What happens when you mix the web and VR?

WebVR is an emerging standard that lets you create 3D virtual experiences on the web and control them using your mobile phone or VR headset. But creating virtual reality is a complex process involving knowledge of WebGL rendering, new input APIs and (at the moment) a constantly changing spec.

That’s why we’ve introduced the VR Starter Kit in PlayCanvas.

…