• Register

Build a village, create an Empire! Forge Alliances with thousands of players. Craft and Trade 380+ resources and items in an entirely player driven market. Battle wars against other players, or with 100+ warring NPC factions and their 700+ troop types. Research 400+ technologies, and build 70+ buildings to create your own specialised cities. Build, plan, gather, craft, trade, scheme and fight in this strategy epic!

Report article RSS Feed HTML5 WebGL Experiments: 3d Town

What can WebGL do? Can 3d in a web browser just with HTML5 do what we want? We were wondering...

Posted by BenAdams on Dec 8th, 2011

What can WebGL do? Can it do what we want? We were wondering.. and so decided to put it to the test...

To test the upper bounds of WebGL we put together a rough and ready demo [caution - it's bandwidth hungry]. It's very rough, not optimized and currently only runs on Chrome [working in all browsers that support WebGL is our priority]; but that's kind of the point - its a technology tester to ensure we weren't making a mistake.

The results speak of themselves - it definitely proves itself! Sure it needs a bit more polish, but we are now confident that the actual in-game libraries we are building have a lot of head room to use. Below are a couple screenshots of the town during the day:

And another at night:

Of course there were many trials along the way and things that didn't quite work as we'd planned as can seen below:

We learnt the importance of GPU compressed textures and had to write a pixel shader decompressor of our own, as WebGL doesn't currently support them natively - but with a cost. The loss of mip-maping this causes it can clearly be seen; and we will have to work around this if they are not supported soon.

Overall we are very pleased with the result, which you can check out here. Remember to press space to unlock your mouse to look around - if you aren't fond of reading on-screen instructions ;-)

Naturally this is just a taster of what we have waiting in the wings. We'll look to provide some follow-up blog posts about the techniques and tools being used in this early experiment including:

  • Web Audio API
  • Pixel shader texture decompression
  • Deferred shading

3rd Party Libraries in use

Post comment Comments
ceriux Dec 9 2011, 12:37am says:

this is really cool guys.

+1 vote     reply to comment
Dementium4ever Dec 9 2011, 10:34am says:

Wow, pretty impressing :)
HTML 5 is really a good script, even better when such talented guys like you are using it ;)

+1 vote     reply to comment
Camcidgos Dec 9 2011, 1:24pm says:

So, What else kewl you got? LOL

+1 vote     reply to comment
Post a Comment
click to sign in

You are not logged in, your comment will be anonymous unless you join the community today (totally free - or sign in with your social account on the right) which we encourage all contributors to do.

2000 characters limit; HTML formatting and smileys are not supported - text only

Illyriad - Grand Strategy MMO
Windows, Mac, Linux, Web, iPad, Metro, MetroTab
Developer & Publisher
Illyriad Games
Custom Built
Send Message
Official Page
Release Date
Released May 15, 2011
Game Watch
Track this game
Report Abuse
Report article
Related Games
Illyriad - Grand Strategy MMO
Illyriad - Grand Strategy MMO MMO Grand Strategy
Related Engines
Custom Built
Custom Built Commercial Released Sep 1, 2007
Related Groups
Illyriad Games
Illyriad Games Developer & Publisher with 3 members
Indie Devs
Indie Devs Hobbies & Interests group with 1,176 members