Unity5 WebGL Build Analysis

One more LIKE to unity for this Webgl port. Once if any animation, video and even images are flash in a website. As internet developed more new and better tools evolved like ajax, css3, html5, js, jquery... and as a game developer i see webgl as major development.
Plugin free game running in browser. This is one of the major feature which will game to reach a lot of people.
I had tried earlier webgl when introduced in a Linux environment with chromiu, then with three.js, now with unity 5.

Now I planned to port my Android game ZnopChains to webgl and publish the game online.
Upgraded the unity4 project to unity5, removed plugins like Unity Ads, Google play Achiments and Highscore, Soomla from the code. And fixed all errors because of this code removals.

Build Setting	WebBuild	Slow(fast builds)	Fastest(very slow builds)
Resolution	900 x 600	900 x 600	900 x 600
Publishing setting
WebGL Memorysize		256	256
Enable Exceptions	Yes	None	None
Data Caching		off	off
WebGl Template		Minimal	Minimal
Result
Time	Less time	More compared to webuild	More compared to slow(fast builds)
Time	2.3mb	144mb	49.5mb
Files created	index.html	Compressed\fileloader.jsgz	Compressed\fileloader.jsgz
	ZnopChains.unity3d	Compressed\Html5.datagz	Compressed\Html5_Fastest.datagz
		Compressed\Html5.html.memgz	Compressed\Html5_Fastest.html.memgz
		Compressed\Html5.jsgz	Compressed\Html5_Fastest.jsgz
		Compressed\UnityConfig.jsgz	Compressed\UnityConfig.jsgz
		Release\fileloader.js	Release\fileloader.js
		Release\Html5.data	Release\Html5_Fastest.data
		Release\Html5.html.mem	Release\Html5_Fastest.html.mem
		Release\Html5.js	Release\Html5_Fastest.js
		Release\UnityConfig.js	Release\UnityConfig.js
		.htaccess	.htaccess
		index.html	index.html

FYI the above is not development builds.. 

These are the main files reason for the size reduction
Compressed\Html5_Fastest.jsgz
Release\Html5_Fastest.js

For Android out APK Size = 20mb


Image ref
Left side Web build vs Webgl build at rightside

Supports : Desktop versions of Firefox and Chrome
Not supported:(from unity site)

•     Runtime generation of Substance textures
•     MovieTextures
•     Networking other then WWW class
•     Support for WebCam and Microphone access
•     Most of the non-basic audio features (anything beyond basic positional playback of audio is not supported).
•     Script debugging
•     Threads    Any .NET features requiring dynamic code generation (just as on other AOT platforms like iOS)
•     Runtime GI

Tip : work with "Slow(fast builds)"  and release with "Fastest(very slow builds)"


Upcoming more on webgl and unity5 topics like how to publish a unity webgl game online, how to run unity5 build on chrome...

=[ Znop Chains ]= Gameplay video

Watch and enjoy the game play video of my new game, Launched this April 2015.
Download from https://play.google.com/store/apps/details?id=com.Znop.HexaChains

=[ Znop Chains ]= Game Trailer

This is my next game =[ Znop Chains ]= a brain challenge game. This is a nice and simple game. Worked fully from design, art, coding to marketing.
Download game from https://play.google.com/store/apps/details?id=com.Znop.HexaChains

Watch the trailer and Njoy

=[ Znop Chains ]= My next game

This is my next game =[ Znop Chains ]= a brain challenge game. This is a nice and simple game. Worked fully from design, art, coding to marketing.

Znop Chain is a casual fun filled game, where the player need to create the complex chains of hexagon. It gives real challenge to your brain.
How to play ?
When a sequence is played, you watch and observe carefully
When your turn comes recreate the znop chains in the same order.
One of the most common problem now a days is memory power after coming to smart phone era. Everyone starts to refer to phone and internet to get data which they already know. This game helps you to increase brain power and remember complex things and get them from your brain.

Tools Used :
Unity 4.6.2 free version
Blender 2.7.3
Paint.net

Release Date: April 2015