Unity3D 5, WebGL scene

8 posts / 0 new
Last post
vcard's picture
Unity3D 5, WebGL scene

Hi all,

Unity 5.0 WebGL scenes are really cool and quite fast ... running without plugins and, as far as I could observe, with less trouble than the builds for the previous Unity Web plugin (which had some annoying issues like shadows sometimes not displaying). The generated WebGL code may look huge at first sight but that impression is somehow wrong because inside the build folder there is one compressed version and one uncompressed. Your server will, most probably, use the uncompressed which is several times smaller.

Below is a WebGL version created for the revised easy scene tutorial. It runs directly on the browser (on Chrome also runs well, but for better performance use Firefox as advised by Unity) and does not need a dedicated graphics card. On a standard intel graphics card (HD 4600, on my laptop) runs with fair performance. The fps counter floated from 12 fps to more than 50 fps on less demanding parts of this scene.


Online demo (basic): http://odisseia.babelx3d.net/unity3d/tuteasyscene1webGL3/index.html

Enhanced demo scene: http://odisseia.babelx3d.net/unity3d/WebGL_scen5/index.html

This scene has a few more elements not covered in this first tutorial (a pond with obstacles to test the new default avatar and special water mirroring the environment, now available in Unity3D free version) and may take some time to load depending on your available bandwidth. The browser cache will reduce it the next time you load the scene.

New tutorial: The Easy First Scene Tutorial was upgraded to Unity 5, WebGL ready:

Defy: Using the tutorial info, create your own scene and answer this post with images and links to it wink



Edited by: babelx3d on 2015/04/20 - 18:30
Hello everyone, in my case
Hello everyone, in my case was already developing a scenario in version 4 and had to make a code migration to version 5.0.1.
It has become complicated because the scripts in the scenario were all rebuilt during the upgrade, I had to re-import the assets being careful not keep garbage from the previous version. For those who will start a scenario it is best to delete / uninstall version 4.6, reinstall the new already in the new upgrade and do it again download of the assets.
I leave here my version, not yet checked the skybox and lighting, introduced the "water4 simple" and tested the navigation with the avatars: firstperson controller, simple thirdperson controller without zoom and again thirdperson controller with zoom with the mouse scrool. During the experience simply press the keys 1, 2 or 3 to switch the types of navigation.
I would appreciate feedback of your favorite types of navigation and suggestions to improve.
The link:

Júlio Vale

vcard's picture
Hi Julio,

Hi Julio,

It is a promising scene. Liked the terrain design and the interactive objects with a backpack functionality. yes

Concerning navigation I normally prefer third person view bit it is nice to have all modes available.

Noticed some black spots in the skybox. You probably converted it from the former Unity 4. Replace it by a new one for Unity 5. There are several free at Unity's asset store.


HI, a made some upgrades in

HI, a made some upgrades in the project (still building)

List the last date directory in http://jmvale.esy.es/Unity5/ProjectDaVinci/

There is 3 avatar navigation mode implemented in this project, change pressing numeric keys 1,2 or 3.


I have a huge problem the webgl files have 190Mb and the project is in the beggining, any ideias to reduce the size?

minha experiencia com Unity 3d como novato

Hello everyone,

my first experience with both this tool and the RVD world is both enthusiastic, interesting and ... disappointing:

a) enthusiastic and interesting, because the subject is simply fantastic: present in all domains of human activity, and with increasing social acceptance.

b) disappointing, because the learning curve is longer and expected, although the manuals are of excellent quality. That is, learning requires such a dedication that it may surprise even the most ... dedicated ones; on the other hand, it is necessary to take into consideration the hardware requirements as well as the choice of "hosting" to run the webGL build .... Not all online offerings of webGL services are credible, and this is an area which can be of extreme importance if it is not due and timely precaution ...

As a conclusion, the experience was extremely positive and allowed me to access a new world of possibilities and applications, both personal and professional. 

Without any doubt, this an option for the future.

Fernando Nunes

I leave here my link to my first basic demo (others will follow in later posts): : click here

captura de écran - minha cena 1

Fernando Nunes


goncaloperes's picture
1 - Easy First Scene

Hey everyone smiley

I just had my first experience with Unity by following the Easy First Scene tutorial, watching some videos, reading some tutorials and having fun.

As we had the freedom to build our own scene, I have decided to build a lake and a river, next to a mountain.

For that, I started by building the lake, , I have started by raising all of the area to a specific height and then digged a hole with the same approach but using the Shift.

After that, I added some Paint Texture and water. For that, I took advantage of the available assets (this one to be more specific).

After that, I played a bit with the FPSController and with it I was able to come across really nice views.

One can even take "pictures":

After that, I changed the sky, played with the Directional Light and decided to walk towards my goal: the lake, river and mountain: 

As the given tutorial required us to add a Character and Associate its movement to a Third Person Camera, I took care of that as well:

After that, I built the WebGL and hosted it on my server. Here you can play with the live version.

Keep in mind that I will be sharing more projects on my XR Portfolio.

Best regards,

Gonçalo Peres

vcard's picture
Hi Gonçalo,

Hi Gonçalo,

The terrain looks nice. Well done yes

Keep up,


goncaloperes's picture
Hey professor Vítor Cardoso ​

Hey professor Vítor Cardoso smiley​​​​​​

Thank you!