Featured on "WebGL around the net" from LearningWebGL.com

To my surprise it seems that my tinkering to create a Music Visualiser¬†with the Javascript Audio Api and WebGL (which quickly became HTML5 Canvas) was featured in the December 15th edition of “WebGL around the net” on the excellent Learning WebGL blog.

It’s definitely not ready for mass consumption, but it’s nice to be found and for people to take an interest ūüôā

Demo
Source

Thanks Giles!

Advertisements

A cup of CoffeeScript

Media_httpuploadwikim_jacjx

I have an irrational fear of JavaScript.

When I started web development, to me JavaScript was nothing more than adding fancy twiddly-bits to pages and as such I ignored it, focussing instead on backend and diving head-first into C# and Asp.Net. ¬†Meanwhile JavaScript has been growing, changing and being used in more and more scenarios (Node.Js scares the bejeebus out of me). ¬†Everytime I look at it I’m overcome with messages of how most people merely hack with JavasScript and misuse it, but I don’t know where to begin on learning “the right way”.

So, me and JavaScript have happily ignored each other for years, until WebGL came on the scene Рsomething I could not pass up.  Still, my irrational JavaScript demons would continue whispering to me.

Along came CoffeeScript to my rescue. ¬†Looking at it I could see that it’s still JavaScript, still works in the same way, but most of the little bits I was afraid I’d mess up (and waste hours trying to un-mess) where abstracted away from me. ¬†Also, as it’s still compiled down into JavaScript I could use it to work with WebGL.

In an attempt to learn CoffeeScript and WebGL together I am going to try and convert Giles’ excellent Learning WebGL Lessons to CoffeeScript. ¬†I’ve got a repo set up on GitHub and so far have complete lesson 01. ¬†I’m also hoping to get the lessons running on the GitHub Pages, but the .coffee files are sent with an incorrect MIME type and I have sent a request to GitHub for them to add it – we shall see if they do, otherwise I’ll compile them all the JavaScript for demo purposes, but it kind of misses the point…

Giving AppHarbor a go

To demo my (poor) attempt at WebGL, I decided to host it on AppHarbor. ¬†This is the first time that I have used this service, so I was initially confused when my html files were not made available. ¬†A little bt of reading and I discovered that AppHarbor will deploy and host the Web Application within the Solution file it finds, so the fact that my html files were ‘loose’ within my git repository meant that they did not exist as far as the service was concerned.

A small change was made; the html files added to the solution and a dummy controller added to send requests by default to the index.html file, a commit and a push later and the files were hosted – nice! ¬†Take a look at a spinning cube displaying album images from the 7digital public api ūüôā . ¬†For querystring options refer to the GitHub repository.

WebGL

Just discovered WebGL today by accident and I think I’ve found my next project!

I studied OpenGL at University, but since then I’ve forgotten all of my C++ knowledge and have not touched it since. ¬†Now, WebGL has rekindled that passion and I’m even willing to get over my irrational dislike of Javascript in order to do some graphical coding in the browser – yay!

To begin with, I shall be taking a look at Giles Thomas’ Learning WebGL blog and going through the tutorials. ¬†I’m not sure I’ll be able to post any working examples here on WordPress, but maybe some code snippets. ¬†If there’s any other resources I should look into then please comment below.