A simple jQuery plugin that allows for creation of Cubic Panoramic Images. This plugin utilizes on CSS3 3D transfoms to complete this task it also relies on jQuery UI. This plugin is an alpha and currently only works for Safari Nightly builds it has been tested against on an Apple running the latest webkit nightly build on Snow Leopard. This plugin should also be compatible for the iPad although I have not had time to test it yet. I will be adding more features to this plugin on a semi weekly basis. I am an extremely busy person and if you email me for support it might take me awhile to respond. Cubic panoramics have long been available in Flash and Java. The reason for creating this was simply to test out the new CSS3 3D properties and hopefully to make a great plugin that will work well on the iPad so users can view panoramics easily on their mobile devices. This plugin requires a WebKit Nightly Build

jqPanoramic jQuery plugin usage example -> $('body').jqPanoramic({ dHeight:"640", dWidth:"1600", cubeSide1:"http://i-create.org/JavaScript/jqPanoramic/cubicSide1.jpg", cubeSide2:"http://i-create.org/JavaScript/jqPanoramic/cubicSide2.jpg", cubeSide3:"http://i-create.org/JavaScript/jqPanoramic/cubicSide3.jpg", cubeSide4:"http://i-create.org/JavaScript/jqPanoramic/cubicSide4.jpg", cubeTop:"http://i-create.org/JavaScript/jqPanoramic/top.jpg", cubeBottom:"http://i-create.org/JavaScript/jqPanoramic/bottom.jpg" });   //or for the default example just $('body').jqPanoramic();

Download Plugin / Launch Plugin Example

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