Brendon Smith AKA SeaCloud9 Design - tagged with css http://life.brendonsmith.com/feed en-us http://blogs.law.harvard.edu/tech/rss Sweetcron brendonsmith@seacloud9.org WebGL Renering of BSP Maps http://life.brendonsmith.com/items/view/2128/webgl-renering-of-bsp-maps

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: Canvas #D Library” target=”_blank”>C3DL Copperlicht CubicVR Energize GLGE WebGL / HTML5 Links: Learning WebGL HTML5 3D Gallery HTML5 Planes and Cubes JavaScript Coverflow CSS3 Cube NetTuts Premium Tutorial

]]> Fri, 14 May 2010 16:42:21 -0700 http://life.brendonsmith.com/items/view/2128/webgl-renering-of-bsp-maps List of Really Useful Tools For CSS3 Developers | W3Avenue http://life.brendonsmith.com/items/view/2121/list-of-really-useful-tools-for-css3-developers-w3avenue ]]> Thu, 13 May 2010 12:09:12 -0700 http://life.brendonsmith.com/items/view/2121/list-of-really-useful-tools-for-css3-developers-w3avenue Coverflow with css3 and jquery http://life.brendonsmith.com/items/view/2119/coverflow-with-css3-and-jquery ]]> Thu, 13 May 2010 11:03:54 -0700 http://life.brendonsmith.com/items/view/2119/coverflow-with-css3-and-jquery How To Create Depth And Nice 3D Ribbons Only Using CSS3 http://life.brendonsmith.com/items/view/2120/how-to-create-depth-and-nice-3d-ribbons-only-using-css3 ]]> Thu, 13 May 2010 11:00:53 -0700 http://life.brendonsmith.com/items/view/2120/how-to-create-depth-and-nice-3d-ribbons-only-using-css3 Animation Using CSS Transforms < CSS | The Art of Web http://life.brendonsmith.com/items/view/2106/animation-using-css-transforms-lt-css-the-art-of-web ]]> Mon, 10 May 2010 06:46:05 -0700 http://life.brendonsmith.com/items/view/2106/animation-using-css-transforms-lt-css-the-art-of-web 10 Useful CSS Skills Maybe You Don’t Know http://life.brendonsmith.com/items/view/2030/10-useful-css-skills-maybe-you-dont-know ]]> Sun, 04 Apr 2010 11:09:05 -0700 http://life.brendonsmith.com/items/view/2030/10-useful-css-skills-maybe-you-dont-know 10 CSS Essential Skills Save Your Time http://life.brendonsmith.com/items/view/2024/10-css-essential-skills-save-your-time ]]> Sat, 03 Apr 2010 16:09:02 -0700 http://life.brendonsmith.com/items/view/2024/10-css-essential-skills-save-your-time New Screencast: Elastic CSS Advanced Tips | Elastic CSS Framework http://life.brendonsmith.com/items/view/1976/new-screencast-elastic-css-advanced-tips-elastic-css-framework ]]> Thu, 25 Mar 2010 04:08:11 -0700 http://life.brendonsmith.com/items/view/1976/new-screencast-elastic-css-advanced-tips-elastic-css-framework 50+ CSS Techniques Designers Should Know http://life.brendonsmith.com/items/view/1850/50-css-techniques-designers-should-know ]]> Thu, 25 Feb 2010 22:15:19 -0800 http://life.brendonsmith.com/items/view/1850/50-css-techniques-designers-should-know Controlling animation using CSS3 - InsideRIA http://life.brendonsmith.com/items/view/1824/controlling-animation-using-css3-insideria ]]> Mon, 22 Feb 2010 20:58:52 -0800 http://life.brendonsmith.com/items/view/1824/controlling-animation-using-css3-insideria #CSS3 #css Embedding a Font Face http://life.brendonsmith.com/items/view/1716/css3-css-embedding-a-font-face ]]> Thu, 04 Feb 2010 10:56:11 -0800 http://life.brendonsmith.com/items/view/1716/css3-css-embedding-a-font-face Really Useful CSS Tips and Tricks for Web Designers and Developers | Tutorial Lounge http://life.brendonsmith.com/items/view/1642/really-useful-css-tips-and-tricks-for-web-designers-and-developers-tutorial-lounge ]]> Wed, 27 Jan 2010 22:04:34 -0800 http://life.brendonsmith.com/items/view/1642/really-useful-css-tips-and-tricks-for-web-designers-and-developers-tutorial-lounge 20 Color Combination Tools for Designers http://life.brendonsmith.com/items/view/1643/20-color-combination-tools-for-designers ]]> Wed, 27 Jan 2010 22:04:01 -0800 http://life.brendonsmith.com/items/view/1643/20-color-combination-tools-for-designers Easy way to Slide Images with Overlay Caption Using CSS and jquery | Web Developer Juice http://life.brendonsmith.com/items/view/1648/easy-way-to-slide-images-with-overlay-caption-using-css-and-jquery-web-developer-juice ]]> Wed, 27 Jan 2010 22:00:59 -0800 http://life.brendonsmith.com/items/view/1648/easy-way-to-slide-images-with-overlay-caption-using-css-and-jquery-web-developer-juice Using #CSS3 Visual Effects - Smashing Magazine http://life.brendonsmith.com/items/view/1622/using-css3-visual-effects-smashing-magazine

CSS Effects

]]> Wed, 27 Jan 2010 06:15:21 -0800 http://life.brendonsmith.com/items/view/1622/using-css3-visual-effects-smashing-magazine Using #SVG For Flexible, Scalable, and Fun Backgrounds, Part I http://life.brendonsmith.com/items/view/1601/using-svg-for-flexible-scalable-and-fun-backgrounds-part-i ]]> Tue, 26 Jan 2010 07:23:35 -0800 http://life.brendonsmith.com/items/view/1601/using-svg-for-flexible-scalable-and-fun-backgrounds-part-i Cross-browser semi-transparent backgrounds http://life.brendonsmith.com/items/view/1559/cross-browser-semi-transparent-backgrounds

ie6 #png

]]> Wed, 20 Jan 2010 11:25:25 -0800 http://life.brendonsmith.com/items/view/1559/cross-browser-semi-transparent-backgrounds max-width in Internet Explorer http://life.brendonsmith.com/items/view/1534/max-width-in-internet-explorer ]]> Fri, 15 Jan 2010 06:22:22 -0800 http://life.brendonsmith.com/items/view/1534/max-width-in-internet-explorer A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death http://life.brendonsmith.com/items/view/1512/a-list-apart-articles-css-sprites-image-slicings-kiss-of-death

CSS Sprites resource

]]> Tue, 12 Jan 2010 22:11:11 -0800 http://life.brendonsmith.com/items/view/1512/a-list-apart-articles-css-sprites-image-slicings-kiss-of-death Inside HTML5: The Browser becomes a first class RIA citizen - InsideRIA http://life.brendonsmith.com/items/view/1462/inside-html5-the-browser-becomes-a-first-class-ria-citizen-insideria ]]> Tue, 05 Jan 2010 13:14:28 -0800 http://life.brendonsmith.com/items/view/1462/inside-html5-the-browser-becomes-a-first-class-ria-citizen-insideria