So the only reason I'm posting today is because Hao and I had a pretty successful night of coding last night (at Starbucks no less, looking like a couple of hipsters).
Hao got our mouse scroll feature working. You know the feature where you hover over the edge of the screen and the viewport moves in that direction. I'm actually kinda of ashamed at how excited I got to have a ball move around a screen but I guess its all about the little victories.
I was less successful as Hao but still made great headway on the UI. I got the CSS/HTML heads up display mocked up and have the WebGL rendering screen in place but for some reason it's not displaying and doesn't show when I use Inspector. I believe I'm having trouble with scope. I think I have my canvas element buried to deep into my DIV structure (for UI layout) and need to have it declared outside my DIV tree and then attach it to the DIV after initiation.
For those of you who don't know, HTML5 came with this AWESOME object you can instantiate and attach to the DOM which has WebGL GPU acceleration built in (on most browsers; Chrome, Firefox, etc...). Really fun stuff. Playing with the Canvas element has been a total blast. The API support for it really is amazing. It has it's own pixel-based drawing features that are great for UI and just basic bells and whistles but where the real fun is in the third party APIs.
HTML5 libraries are incredibly daunting to Google through because of the vast array of subjects underneath the "web dev" banner. But if you can keep your BS buffer from overloading you can find some really spectacular libraries. Everything from simple 2D vector art APIs all the way up to complete 3D gaming engines with links to physics engines and everything else a lazy game designer could imagine up.
Anyway, that's enough off-ish topic ranting for this morning.
Thanks for reading.
-Clay Francisco
No comments:
Post a Comment