A couple of months ago we published our CocoonJS Command Line Interface (CLI) that let’s you compile Cordova based projects, which benefit from the Webview+ runtime. Today we want to share with you an approximation of what’s coming to the CocoonJS CLI in the following months.
One of the main tasks we are currently developing is the integration of the command line with our cloud. This will allow you to download projects locally and upload them back to Ludei’s cloud compiler, so the compilations you make with the CLI use all the project data you already have stored in the cloud compiler (e.g., your Facebook tokens, MoPub ad units…).
Another exciting change coming to the command line is the possibility of using Crosswalk as an alternative runtime environment. Crosswalk will join the current Webview+ and Canvas+ as another execution environment for applications made with Cordova/CocoonJS. The main benefit of using Crosswalk is that it has Android binaries for x86, so Android devices running Android 4.x x86 enjoy all the features of a modern browser specifically suited for the underlying CPU.
We will also update the HelloWorldApp/DeviceReady demo that is created when you make a project using “$ CocoonJS create”, so that this new sample app will use different features of the Webview+/Crosswalk to demonstrate the potential of these runtimes.
But remember that you can already benefit from the following features with the current version of CocoonJS CLI.
Already available features of the CocoonJS Cordova CLI
- The CocoonJS-CLI is agnostic to a specific cordova 3.x version.
- The Webview+ provides a chromium-based environment for your HTML5 hybrid apps. It will deliver all the power of Chrome and the same look and feel across every Android device on the market. As we promised, Android fragmentation is over!
- Remote debugging
At this point, these are the tasks that are already in development and you’ll be able to use in the following months.
Roadmap for the upcoming months
- Integration with the Ludei’s file system API. (which let’s the user upload it’s local project and compile it in the cloud). No more hassle of setting up and updating the Cordova environment locally.
- Different execution environments support (either Canvas+, WebView+, Crosswalk or whatever environment may come in the future) thanks to the compilation in the cloud.
- Cloud project management from the command line.
- Live reload. This is a great feature that will allow that by just saving a source code file on the server, let the CocoonJS client be aware of the change and update itself “automagically”, saving tons of time during development.
It seems that the CocoonJS Cordova Command Line Interface will bring many brand new features to our platform, what do you think?
The new version 2.0.2 of CocoonJS is live! You can read the full changelog here but take a look to the highlights.
- 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.
- Updated the WebView+ to the latest stable Chromium version. Fixes some crashes, improves WebGL support, etc.
- Other stability bugs fixed.
- 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.
- 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.
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!
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?
- Currently, installing webview+ manually is a bit tricky and the cocoonjs-cli eases the process, apart from reporting more meaningful error logs
- Cocoonjs-cli is cordova compliant, so the only difference you’ll notice is the command name, moving from cordova to cocoonjs
- 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
- 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!
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.
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.
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.
Enjoy this retro-experience!
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.”
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
- Fixed viewport size problem which happened in some devices
- Fixed some missing resources bugs
- 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!
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:
||Safari 7 canvas2d
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):
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.
The CocoonJS Launcher App using the iOS 8 WebView running a WebGL demo @38FPS.
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)
|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 iTunes, GooglePlay 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!
We have some more interesting and fun games that are powered by CocoonJS that we want to share with you! Check them out NOW!
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?
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!
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.
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!
Flappy Math Free
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!
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.
Enjoy! Have a game or app you want us to feature? Email us at email@example.com, and you just might be the lucky one!
The Ludei Team