A simple jQuery plugin that allows for creation of Cubic Panoramic Images. This plugin utilizes on 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. Download Plugin /
-
I posted to i-create.org
HTML5 jQuery jqPanoramic Plugin Alpha
http://i-create.org/2010/06/01/html5-jquery-jqpanoramic-plugin-alpha/
May 31 2010, 10:24pm | Comments »
-
I posted to delicious.com
Shader Toy - webGL
http://www.iquilezles.org/apps/shadertoy/
- Tags:
- 3d
- javascript
- demoscene
- webGL
May 27 2010, 5:17am | Comments »
-
I posted to i-create.org
WebGL Renering of BSP Maps
http://i-create.org/2010/05/14/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 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 website to be insightful not only on Raytracing with flash. You will only be able to see the example below if you have a webGL compatiable 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 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 Click Here to View
WebGL Libraries: Canvas #D Library” target=”_blank”>C3DL Learning WebGL HTML5 Planes and Cubes CSS3 Cube NetTuts Premium Tutorial
May 14 2010, 4:42pm | Comments »
-
I posted to delicious.com
Ajaxian » Music score notation in the browser
http://ajaxian.com/archives/music-score-notation-in-the-browser
- Tags:
- Music
- javascript
May 12 2010, 8:28am | Comments »
-
I posted to delicious.com
Pixastic javascipt image processing library
http://www.pixastic.com/lib/docs/
- Tags:
- javascript
- jquery
- image
- canvas
May 11 2010, 1:33pm | Comments »
-
I posted to delicious.com
ContextFree.js & Algorithm Ink: Making #Art with #Javascript #contextfree #generative
http://www.azarask.in/blog/post/contextfreejs-algorithm-ink-making-art-with-javascript/
- Tags:
- art
- generative
- javascript
- graphics
- canvas
May 10 2010, 1:50pm | Comments »
-
I posted to delicious.com
Content with Style - Node.js load balancer proof of concept
http://www.contentwithstyle.co.uk/content/nodejs-load-balancer-proof-of-concept
- Tags:
- javascript
May 10 2010, 6:36am | Comments »
-
I posted to delicious.com
JavaScriptMVC
http://javascriptmvc.com/#&who=learn
- Tags:
- javascript
- mvc
- framework
- html5
May 10 2010, 6:25am | Comments »
-
I posted to delicious.com
WebKitBits · A tumblog about the browser engine built into Safari, Chrome, iPhone, and Android.
- Tags:
- iphone
- inspiration
- javascript
- webkit
- css3
May 9 2010, 10:50pm | Comments »
-
I posted to delicious.com
iPad Detection Using JavaScript or PHP
http://davidwalsh.name/detect-ipad
- Tags:
- Apple
- development
- javascript
- php
May 7 2010, 11:41am | Comments »
-
I posted to delicious.com
Detecting Smartphones Using [removed]: Hand Interactive Resources
http://www.hand-interactive.com/resources/detect-mobile-javascript.htm
- Tags:
- iphone
- javascript
- mobile
- browser
May 7 2010, 9:55am | Comments »
-
I posted to delicious.com
Browser Detection In JavaScript Libraries | Robert Accettura's Fun With Wordage
http://robert.accettura.com/blog/2009/11/30/browser-detection-in-javascript-libraries/
- Tags:
- javascript
- jquery
- browser
May 7 2010, 9:33am | Comments »
-
I posted to delicious.com
Flick -> #jQuery mobile gesture support
http://plugins.jquery.com/taxonomy/term/728
- Tags:
- javascript
- jquery
May 7 2010, 9:33am | Comments »
-
I posted to delicious.com
RGraph: HTML5 canvas graph library based on the HTML5 canvas tag
- Tags:
- visualization
- javascript
- html5
- charts
- canvas
May 4 2010, 6:46am | Comments »
-
I posted to i-create.org
Away3D with Hype Fish Tank
http://i-create.org/2010/05/03/away3d-with-hype-fish-tank/
Well for awhile I was experimenting with hype framework. I would like to make the fish in the Tank have a swarming effect. The swarming effect utilizes a point. I would like to look at modifying this so it could also except a vector. I will look at diving into this in the future. RIght now if you click on them they will not go to a twitter result this functionality and twitter search will be built into it at a later date probably next weekend. If you click on the spacebar the camera will zoom randomly if you spin the mouse wheel you will pivot around the center points. I will add more control in the near future. I really like the amount of control I have with the combination of Hype and Away3D this experiment was fun to put together. I am looking forward to refining it. The fish also currently dance to the music (Only if sound is not currently running in another tab like Youtube) I will work on smoothing these features out. I did get into a gotcha with mouse events in away3d and it was caused by a blur feature I added to a bitmap canvas it took me awhile to track down the issue and I found this helpful chunk of code on my quest to debug it. book coming out from Friends of Ed. I personally can’t wait to receive it in the mail. I also hope to see a HypeFramework book in the near future as well. It is definetly an exciting time to be a flash developer. I am really looking forward to flash being on Android. It will be fun to use the HypeFramework with the accelerometer etc.. I have been busy working. I have really been studying HTML5 and I am really excited about it. I think WebGL is really cool although I also think the browsers should open up sound streams in the browser so they can be interpreted. Currently Flash can interpret sound but you can’t make a mashUp with youtube and interpret sound from that location because that would not be inline with the Flash Security model. I have also been keeping my eye on javascript frameworks that are geared toward mobile. I recommend looking at jQTouch and Sprout Core they have lots of potential. CSS3 is definitely the holy grail of CSS. The CSS transforms that are allowed on Webkit are awesome. Hopefully all the other browsers will follow suit (I won’t hold my breath for Internet Exploder). I am looking forward to putting together more content that is just geared at mobile devices. I also have been playing around with the iPhone SDK I got Wolfenstein to run on my iPhone emulator this week:) Flash Links: Learning WebGL Energize Sprout Core Scripty ProcessingJS
May 2 2010, 10:29pm | Comments »
-
I posted to delicious.com
The EnergizeGL Framework | WebGL for the mass
- Tags:
- javascript
- framework
- webGL
May 2 2010, 9:24pm | Comments »
-
I posted to i-create.org
WebGL TweetTank Built with C3DL Part 2
http://i-create.org/2010/04/26/webgl-tweettank-built-with-c3dl-part-2/
I have added the ability to search twitter and re-populate the fish tank. So now you can place a search in like “Tool” or “Toledo” or whatever you query it will pull results from twitter. I have noticed this experiment is resource intensive. In part three of this experiment I will look for ways to tidy up the code make it more reusable and less resource intensive. I also noticed in c3dl they already have a nice Secena is also working on this library I believe they have ported most of the new functions. I also added two sliders with jQuery to control the camera I am currently using an orbitCamera I think I will change this in the future to utilize a free camera and use the animateAxis function to animate around a vector with an angle. Currently I am using the Yaw and Pitch functions of the orbitCamera of course it looks kind of awkward to spin it. I will try to find ways to speed this experiment up, fix the picking result to be more sensitive, clean up the look and feel of it for part three. If there is a part four it will be about making the fish bound to the sphere and maybe making them so the swim back and forth not in a straight line. I might also be making a similar experiment with Sandy3D experiments on Google Experiments. Launch Experiment /
April 26 2010, 9:27pm | Comments »
-
I posted to i-create.org
WebGL TweetTank Built with C3DL Part 1
http://i-create.org/2010/04/18/webgl-tweettank-built-with-c3dl-part-1/
First of all let me mention you will not be able to run this demo unless your browser is WebGL ready. So that means if you want to see this then you have to download a nightly build of FireFox, Chrome, or Safari. You can read how to do this flash benchmarks that are currently out their it definitely shows you how fast the flash player is in comparison. In short canvas tag is not even remotely as fast. In the news their has been lots of discussion about flash being dead but this simply isn’t true. Here is why forthcoming C3DL and jQuery. C3DL is an awesome opensouce library put together by the wonderful people at download a nightly build of Firefox. Launch Experiment / I found this cool silverlight examples and would like to study it! I have installed Visual Studio 2010 on my Windows boxes and it is awesome! I have also been eying a new tutorial on the ComputerArts latest issue(174). Has a really cool example that teaches you how to use Hype to make music drawings created by Stewart Hamilton-Arrandale. I will learn from this code. I could add this type of functionality into my KulerSplash. I also found this resource recently on Objective-C really C3DL CopperLicht SceneJS
- Tags:
- 3d
- i-create
- MashUp
- javascript
- jquery
- Experiment
- webGL
- C3DL
April 18 2010, 6:04pm | Comments »
-
I posted to delicious.com
#CopperLicht - #JavaScript #3D #Engine using #WebGL -> Its wicked cool if you have a real browser....
http://www.ambiera.com/copperlicht/
April 15 2010, 8:17pm | Comments »
-
I posted to delicious.com
Scene Graph Library for #WebGL #javascript
- Tags:
- javascript
- webGL
April 15 2010, 7:35pm | Comments »