CocoonJS 2.0.2 is live!

The new version 2.0.2 of CocoonJS is live! You can read the full changelog here but take a look to the highlights.

75d29906-c26e-4e89-9077-847c99fb632f

Canvas+

  • Fixed the crash on Tegra-based Android devices like the Samsung Galaxy Tab 10.
  • Fixed texture corruption bug that affects Phaser based games using WebGL.
  • Other improvements in audio, DOM node management, camera speed, computeStyle, etc.
  • More

WebView+

  • Updated the WebView+ to the latest stable Chromium version. Fixes some crashes, improves WebGL support, etc.
  • Other stability bugs fixed.
  • More

CocoonJS Launcher

  • Fixed the support for Android 2.3.
  • Settings are more homogeneous both on iOS and Android and are correctly stored between sessions.
  • Improved URL handling. The final slash is no longer necessary for URLs to a folder (a more browser-like behaviour).
  • The URL history button on Android shows all your URLs.
  • More

Extensions

  • Added a new native share functionality. CocoonJS.App.share() inside CocoonJS_App.js.
  • The CocoonJS Extension repository now provides branches for previous CocoonJS versions.
  • Fixed several bugs and updated the SDKs in the ad extension for MoPub and AdMob.
  • Fixed bugs on social, notification and multiplayer extensions.
  • More

Download the launcher from App Store, Google Play and Amazon App Store. The version with 2.0.2 has been submited to Google Play and Amazon and are waiting for review. Enjoy!

Introducing the CocoonJS Command Line interface and webview+ plugin for cordova

The main improvement of CocoonJS 2 was providing cordova compatibility to Ludei’s cloud compiler. With the cordova compiler, we also released the webview+, a chromium-based webview for android 4 and higher. You can use it directly from our cloud compiler.

The webview+ provides a chromium-based environment for your HTML5 hybrid apps. It will deliver same look’n feel across every android device on the market. As we promised, Android fragmentation is over!

The great news is that we want to share this development with the HTML5 and cordova community, so we are doing a public release of the main tools of our cloud compiler: the webview+ plugin for cordova and CocoonJS Command Line Interface.

The webview+ plugin for cordova enables your cordova-based apps to include a webview+ to run as the execution environment for your app. This plugin can be included in your current cordova android projects. What does this plugin provide?

  • Implements the cordova plugin API, so it interacts seamlessly with any cordova app
  • Webview+ provides remote debug for any cordova project. JS instrumentalization and live code changes, dynamic breakpoints, and all the power of the chrome developer tools
  • WebGL support for any android device running android 4 and higher.

Interested? You can get more info here. The project is hosted in our github here.

Other contribution we want to share with the community is the CocoonJS Command Line Interface. Standing on the shoulder of giants (cordova-cli), we’ve developed a Command Line Tool that eases the process of dealing with webview+ in Cordova projects. But, why another fork from cordova? Why another open source command line interface?

  1. Currently, installing webview+ manually is a bit tricky and the cocoonjs-cli eases the process, apart from reporting more meaningful error logs
  2. Cocoonjs-cli is cordova compliant, so the only difference you’ll notice is the command name, moving from cordova to cocoonjs
  3. The cocoonjs-cli also will be one of the remote interfaces for the cloud compiler. The cloud compiler enpoints are currently under development. We want to empower our users with tools that eases the process of managing their cloud projects
  4. Because we use extensively open source software and it’s time to give this love back to the community

Get more info abut the Cocoonjs-cli here. The source code is hosted in our github.

We encourage every HTML5 developer to download it, install, use, test and find bugs. We really would like to create a big community around these new projects.

Hail to open source!

 

Web starter kit running on webview+

Last week Google released their last creation to improve the web development: the web starter kit. This project is a set of tools, good practices and tutorials to create good web experiences. You can get more info about the web starter kit here.

At Ludei we love every project that helps the community of developers to create awesome HTML5 apps. We’ve tested internally, and we’re passionate on this set of tools. Unfortunately, they’re not supporting older version of Android’s webview.

Ludei’s mission is to help HTML5 community to create awesome apps and games. Fortunately, some time ago, we released the webview+, a custom webview based on the chromium project. Webview+ is available from our cloud compiler for any android  device running version 4 and higher.

We have already tested it in our devices using CocoonJS launcher with the webview+. The result can’t be better.

web

As you see, the web starter kit is fully supported on webview+. Yay! ^_^

We encourage every web app lover to use it, and adopt it for their HTML5 apps, since we fully support this new toolset.

JavaScript Emulators

Here at Ludei we are always trying to be aware of all cool technologies, frameworks and products out there. Recently, we have bumped into a couple of curiosities: JavaScript bases emulators. An emulator is a piece of software that emulates a piece of hardware. In this case, and as CocoonJS has a strong emphasis on games, we have been playing around with game console emulators. We have found these interesting projects (among others, check out the end of this post):

  • Miracle: A Sega Master System emulator in JavaScript and HTML5
  • JSNES: A Nintendo Entertainment System emulator in JavaScript and HTML5.
  • JSSMS: A Sega Master System emulator/compiler in JavaScript and HTML5.

Since the eruption of HTML5, javascript based game emulators started to make more sense. You need to think that any emulator will have to work on a pixel level and the HTML5 Canvas element, finally provides this functionality for a web browser based app. We were curious to see if some of these JavaScript based game emulators would work inside Canvas+. As Canvas+ is not a full browser, just a couple of simple modifications on some DOM related code made them both to work. We have also added a virtual joystick to be able to play on a touch base mobile device (thanks Austin to the GameController project from Clay.io). As we mentioned, this has been just a curiosity as the JavaScript performance is not good enough on a mobile device to make these projects playable (it is nothing related to graphics but to the JavaScript based emulation). Only JSSMS, as it is taking a different approach by compiling emulated code into JavaScript, has improved performance, but still, overall performance depends on the underlying JSVM and hardware among other factors.

Here is a video (as said, performance is not great due to JS emulation, not graphics):

We have found other interesting projects we haven’t have time to play around with still.

  • A great list of JavaScript Emulators by Frederic Cambus.
  • JSMESS: Still a beta work in progress Emscripten port of the MESS emulator to JavaScript. This ambitious project aims to have hundreds of device emulators on the web.
  • XNES: A Super Nintendo emulator in JavaScript and HTML5.
  • JSLinux: A Linux Machine boot and command line emulation in JavaScript.

Enjoy this retro-experience! ;)

 

CocoonJS In App Purchases are easier than ever in Kiwi JS

WE  apple-touch-icon-144-precomposed  KiwiJS

KiwiJS is a game development framework that uses JavaScript and HTML5. Ludei and the team behind it have been working to make it compatible with Canvas+ in CocoonJS. Their feedback has been invaluable and CocoonJS has improved much thanks to this collaboration, as we do with any other game engine out there.

 

Both platforms have been compatible for a while now but today we are pleased to announce that our friends over at Gamelab have just launched version 1.0 of their HTML5 game framework Kiwi.js and a much needed In-App purchasing Plugin for CocoonJS! What we found is that this new version of Kiwi is easy for developers to use, comes with a ton of documentation, runs fast and offers a lot of useful features. The In-App Purchasing Plugin (which comes with an example store fashioned off the Kingdom Rush store) allows users to sell their consumable game items to players and to create virtual currencies within their game. Also available for purchase is a Cartoon Particle Effects Pack that promises to make your HTML5 games pop! 

 

Kiwi.js founder, Dan Milward, says that while the ‘indies’ are a well catered for community, his company has identified a need for professional services that provide a higher level of customer support to the industry as a whole. “What we want to see is the HTML5 space taken more seriously and used to create serious games. Our pro add-ons, customer support model and IP partners will all go towards helping make this happen.”

 

For more information head over to the kiwi website.

CocoonJS 2.0.1.

Good news! The new version of CocoonJS is live! This time the version number is 2.0.1 and it comes with some very important bug fixes and improvements.

Improvements on Canvas+

  • Canvas+ now correctly handles HTML5/Web export from Construct 2. Get more info here.
  • Makes “text/plain;charset=UTF-8″ the default content-type
  • Allows XHR responses to be saved to disk a new cocoonSetOutputFile extension
  • Page pageLoaded / pageFailed are correctly called now.
  • Fixed Audio System deadlock when alcOpenDevice fails.
  • Correct font-face CSS style handling in Canvas+. Font file download is now possible. Get more info here.
  • … and more!

Improvements on WebView+

  • Added check to avoid null pointer exceptions when destroying the webview
  • Implemented webView setNetworkAvailable method, which triggers ‘online’ event on the JavaScript side
  • Fixed viewport size problem which happened in some devices
  • Fixed some missing resources bugs

Cloud Compiler

  • Added support for Cordova 3.3 and 3.4.

Check out the full changelog for the CocoonJS 2.0.1 release. Remember your feedback is valuable to us so we can find bugs and determine what other improvements need to be made. Enjoy CocoonJS 2.0.1! ;)

CocoonJS and Construct2′s “Great HTML5 Gaming Performance Test: 2014 edition”

Scirra, the company behind Construct2, a great HTML5 game authoring framework, released “The Great HTML5 Gaming Performance Test: 2014 edition” weeks ago. In this test, they used a Construct2 based game demo and executed it in numerous environments. Surprisingly (and we want to think that by mistake), they did not include CocoonJS’ Canvas+ in the comparison, but to help Scirra provide as much information as possible, and to be fair to the Construct2 developer community that has been actively using CocoonJS, we have used the same demo in almost all of the same devices (and some interesting additional one like an iPad1 with iOS 5!). These are the results:

Device Canvas+ canvas2d Canvas+ webgl Chrome34 webgl Firefox webgl Safari 7 canvas2d Ejecta webgl
Nexus 4 58 60  59 58 N/A N/A
Nexus 7 52 60 59 51 N/A N/A
SGS3 58 59 58 58 N/A N/A
iPad 2 53 55 N/A N/A 46 55
iPad 1 20 35 N/A N/A N/A N/A
iPhone 4S 32 51  N/A N/A 40 51
iPhone 5 60 60 N/A N/A 60 N/A
Kindle 44 58  N/A N/A N/A N/A

As you can see Canvas+ is really efficient for both 2d and webgl contexts in all of the devices that were tested (even on an iPad1!!!).

It is also important to remember that Chrome, Firefox and Safari are not technologies to create native apps for iOS or Android. If someone wants to run a game on a mobile browser, this list gives a good glimps of what to expect, but not all of the final users/players have these browsers and their latest versions installed (specially on Android) and most of these technologies won’t be an option to create native apps for existing mobile markets. Moreover, Safari has Nitro JIT so the comparison is also biased. Bottom line is that CocoonJS is still the only technology that allows webgl native app deployment for both iOS and Android using the same execution environment, with no fragmentation and with an easy one click final deployment.

The good news is that the new CocoonJS release 2.0.1 is soon to be out and with it anyone will be able test these results on his/her own easily by installing the CocoonJS Launcher App for iOS and/or Android. This new version of CocoonJS will execute any Construct2 project exported for the web out of the box, so this perf test will also work just by pointing to the following URL (either typing it or using the provided QRCode for your convenience):

http://www.scirra.com/demos/c2/sbperftest/

ScirraPerfTestURL

Happy perf-testing! ;)

WebGL on iOS 8 Safari and WebView!

The long wait has ended: we can confirm that webgl is present by default on iOS 8 (and MacOSX) both in Safari and the system webview. We have downloaded and installed iOS 8 beta on an iPad2 and thanks to the CocoonJS Launcher App, that offers access to both the System WebView and to Canvas+, we have been able to confirm that WebGL support is for both mobile Safari and the webview.

IMG_0010

The CocoonJS Launcher App using the iOS 8 WebView running a WebGL demo @38FPS.

IMG_0008

 The CocoonJS Launcher App on iOS 8 using Canvas+ running a WebGL demo @ 60FPS.

These are the results of WebGL support in both Safari and the system webview in iOS 8 on the same iPad2 (website: BrowserLeaks.com)

Safari WebView
iOS 8 Safari WebGL support specs iOS 8 WebView WebGL support specs

CocoonJS has been actively supporting WebGL for more than a year now and developers are able to publish native apps/games with WebGL for both iOS 5.0+ and Android 2.3+ TODAY!. Download the CocoonJS Launcher App from iTunesGooglePlay or Amazon and check it out for yourself right now. No need to wait for iOS 8!

This move from Apple is definitively great news for the whole web based game and app development community (and the web in general).

All hail WebGL! ;)

More Featured Games Powered by CocoonJS

We have some more interesting and fun games that are powered by CocoonJS that we want to share with you! Check them out NOW!

DreamHolder

dreamholder

This is an infinite runner/3-match puzzle hybrid game where you must try to escape the dungeon and get past the enemies and obstacles as you jump, open chests, open doors, attack and more! Are you up for the challenge?

Android/GooglePlay

 

Lazy Rocket

lazy rocket

This game is somewhat like flappy bird, but with more interaction. Get access to many rocket designs and trails as you dodge obstacles and get the highest score you can!

iOS

 

Captain Hangman

captain hangpan

Accept the pirate’s challenge and find as many words you can. Each letter you guess right will bring you closer to the deck, and every letter you get wrong will bring you closer to the ocean and make you a mouthwatering lunch for the sharks.

iOS

 

Elevate Express

Elevate Express

In this unique game, you must place the elevators and stoppers the best you can to help the rider get to his destination. With the delightful soundtrack, art designs, and tons of enjoy, you are sure to be entertained!

iOS

 

Flappy Math Free 

Flappy math

This is a unique spinoff to the popular game Flappy Bird. Go through the area with the green arrow if the math statement below is correct, and red arrow if it’s incorrect. Practice your math skills while having fun!

iOS

 

Doner Kebab

doner kebab

Cook your way through this game as you run the restaurant, take customer orders, and see how much of the  meal you can create for your client in this arcade-like game.

iOS                    Android/GooglePlay

 

 

Enjoy! Have a game or app you want us to feature? Email us at support@ludei.com, and you just might be the lucky one!

The Ludei Team

Celebrating a full year of WebGL inside CocoonJS with ThreeJS running on iOS!

WebGL is spreading everywhere and to celebrate this and the fact that it’s been over a year that CocoonJS has provided support for it inside it’s Canvas+ technology for iOS and Android, we have recorded this video of some of the great ThreeJS demos and games running on iOS!

ThreeJS is the most well known and used open source WebGL engine and the de facto standard today to develop web 3D interactive experiences. At Ludei, we strongly believe that WebGL is the future of advanced computer graphics on the web and that is why we have been actively supporting any technology that pushes it forward during the last year. Type in (or use a QRCode) a URL to a WebGL demo and execute using the CocoonJS Launcher App either in Canvas+ or WebView+, both our HTML5 execution environments that support WebGL, and unleash WebGL on your device today!