You are here: Home / 2010 / May / 14 / WebGL Rendering of BSP Maps
i-create | therefore-i am
i-create | therefore i-am | a blog about opensource technology and rich internet applications
Brendon Smith

WebGL Rendering of BSP Maps

By Brendon Smith on May 14, 2010 | 1 Response

It has never been a better time to be a developer. I am really looking forward to full implementations of HTML5 everywhere I believe HTML5 / JavaScript / ActionScript will be an extremly potent combination! I believe their will be proliferation of new devices in the mobile arena. JavaScript and HTML are also becoming more powerful. I have been reading about WebGL and experimenting with it for awhile now and the other day I heard about CopperCube by Ambiera based off of the Irrlicht Engine and I was immediately curious. It is basically a world editor / game engine for the web that supports Flash and WebGL output. I have to be honest I think for Flash, I will definitely stick with Away3D. For WebGL output I am extremely impressed It was easy to use and in the next few months, I will be studying their web javascript api copperlicht. Here are a couple examples of scenes I was easily able to export out with CopperCube. This stuff can also of course be done with Flash. You can run Quake in flash using Alchemy. Alchemy is an extremly innovative software project if you are not familiar with it by now I suggest looking at it. I have found Bruce Jawn’s website to be insightful not only on Alchemy but also in regards to Raytracing with flash.

You will only be able to see the example below if you have a webGL compatiable browser. Here are instructions on how to get a webGL browser.

Click Here to View

To create the environment that are displayed above it was easy. I was able to download Quake3 maps from a few sites like lvlworld or Map Factory. Once the maps have been downloaded and unzipped notice that it has a .pk3 extension change it to a zip file and then extract it. You will find all you need in that folder from their all you have to do to get it into CopperCube is navigate to the folder named Map and select the .bsp file and from that point on you are good to go. I have also been attempting to convert these files to OBJ and then bring them into PreFab. I will keep you all posted on the updates as I progress.

Click Here to View

WebGL Libraries:
Copperlicht
CubicVR
Energize
GLGE

WebGL / HTML5 Links:
Learning WebGL
HTML5 3D Gallery
HTML5 Planes and Cubes
JavaScript Coverflow
CSS3 Cube NetTuts Premium Tutorial

Share

Related posts:

  1. WebGL TweetTank Built with C3DL Part 2
  2. WebGL TweetTank Built with C3DL Part 1
  3. Simple Star Wars webGL Arcade Game
  4. BSP Map in threeJS and AWAY3D using Molehill and webGL
  5. webGL Crystal Demo
Posted in 3d, i-create, JavaScript Tagged 3d, CSS, HTML5, JavaScript, Quake, webGL
  • Pingback: WebGL around the net, 18 May 2010 | Learning WebGL

← Previous Next →

Sites

  • SeaCloud9 Interactive
  • SeaCloud9 Commercial Development
  • stArcade9

Brendon Smith Social Networks

  • On Linkedin
  • Bookmarks
  • On Twitter
  • On Facebook

Recent Comments

  • seacloud9 on Molehill Away3D Dancing Fish Demo Part 1
  • William on Molehill Away3D Dancing Fish Demo Part 1

3d ActionScript Adobe Air Android Apollo Apple art as3 Away3D C# CakePHP CSS Experiment Flash Flash Develop Flex Games Generative Generative Design Google HTML5 hype JavaScript Joshua Davis JQuery JSON Life Linux MashUp OpenSource Open Source PaperVision3D PC History Processing Silverlight Stage3D Technology/Internet threeJS twitter Unity3d Web webGL Webware Yahoo Pipes

WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.

  • Monthly
  • Yearly
  • Links
  • April 2013
  • August 2012
  • July 2012
  • January 2012
  • August 2011
  • June 2011
  • May 2011
  • April 2011
  • December 2010
  • November 2010
  • 2013
  • 2012
  • 2011
  • 2010
  • 2009
  • 2008
  • 2007
  • 2006
  • 2005
  • agit8
  • Away3D
  • Ben Nadel
  • Bit-101
  • Bruce Jawn
  • Causecast
  • D.I.Y.
  • Dr Woohoo
  • draw.logic
  • Flight404
  • Flong
  • generatorX
  • gSkinner
  • haXe
  • Jonathan Snook
  • Joshua Davis
  • Jot
  • Kirupa
  • LifeHacker
  • Make
  • Minor White
  • Mr Doob
  • NihiLogic
  • NurseOnTheRun
  • octane42
  • OpenFrameWorks
  • Processing
  • PV3D
  • Senocular
  • Sephiroth
  • ShineDraw
  • Stroep
  • SWX
  • Tech News
  • Toxi
  • UnitZeroOne
  • World We Live In
  • ZeusLabs

Photos

100_1123.JPG

Twitter Twitter

  • seacloud9: "How Microsoft could possibly, just maybe, become WebGL's biggest supporter" http://t.co/mWARuFwOiX
  • seacloud9: RT @JoshuaDavis: because I'm hilarious .. http://t.co/z5wOyhJVir added new HPath examples
  • seacloud9: RT @openprocessing: Processing 2.0b9 is released. A quick review by @cdmblogs http://t.co/xzWhgC0Zrp. Here is the download: http://t.co/aHc…
  • seacloud9: simplex #noise for #webGL based off of Stefan Gustavson's "simplex noise demystified": http://t.co/n0Y5zLaYBQ
  • seacloud9: voxel-simplex-terrain #voxelJS #webgl: http://t.co/RlJJQZl154
  • seacloud9: "Software Studio – Casey Reas at Resonate 2013" http://t.co/v5UpeVkokG #processing #generative
  • seacloud9: "Geometry, Textures & Shaders with Processing – Tutorial" http://t.co/JYLi8x2Bzg #processing #generative

Follow @seacloud9

Copyright © 2013 i-create | therefore-i am.