Post has shared content
What happens when you use raw data from #streetview to make a totally new experience in HTML5? Something quite magic! See video below. This is what I came up with over the weekend just for fun and to learn Three.JS. It allows the user to travel almost anywhere in the world in a FPS style as if you were there. Written in JavaScript, using Three.js (WebGL), and GoogleMaps API (but does not use the StreetView frontend - this is totally bespoke Three.js implementation allowing me to achieve what you see below). It is also worth noting that this is not using the hyperlapse engine which some of you may have seen. My reason for not using hyperlapse is because it seemed to be constrained to a predefined route. I wanted full real-time exploration to be possible and total customization for a few other ideas I had (watch this space) so I rolled it myself from nothing. Learnt a LOT on the way too, so I am glad I did. My version developed here allows you to go anywhere, any time. 1000 lines of code. By Jason Mayes http:///www.jasonmayes.com

#Threejs #webgl   #JavaScript   #html5 #realtime #FPS #streetview #3d #web #programming  

Post has attachment

Post has attachment
Firefox SVG text improvements (long overdue!).  This almost made me want to update my SVG charts to see how Firefox nightly now scores:

http://mcc.id.au/blog/2013/07/firefox-svg-text-improvements

[Here are the charts that I'm speaking of... I haven't updated them for 2+ years: http://codedread.com/svg-support.php ]

#svg   #firefox  

Post has attachment

Post has shared content

Post has shared content
A veeeeery impresive JS/WebGL rendering engine

It seems that +three.js might get a bit of competition (on 2D - not on the 3D front). Mat Groves, a London-based developer, just announced Pixi.JS (http://bit.ly/ZmDyzu) - an impressive cross-device WebGL rendering engine (with regular canvas fallback for browsers not supporting WebGL).

The source code should be on GitHub shortly (can't wait for that :D), but the demo game is very impressive (check it out http://bit.ly/WYixe4)  - I've tested it both on my desktop Chrome, as well as an iPhone and Gallaxy S3 - has a few quirks, but it adapts quickly and runs smooth.

Who needs native apps anyway right? :-)

#html5   #javascript   #webgl   #threejs   #webapps   #pixijs  
Photo

Post has attachment

Post has attachment
A friend of mine let me know that I'm mentioned in this book.  Then I remembered +David Dailey asking me for a couple paragraphs on SVG a little over a year ago.  Congrats! :)

http://www.amazon.com/Building-Web-Applications-David-Dailey/dp/0735660123

Post has shared content
One Hell of an HTML5 Site!

Completely agree with +Lee Brimelow that Jongmin Kim, an interactive designer from South Korea produced something thats more than worthy to represent the next generation of HTML5 sites. 

Check out Form Follows Function (http://bit.ly/11ugy5u), the smoothest HTML5 site yet. Finally a complete HTML5 project - not only because of the beautiful navigation, but also because it functions on mobile too (tried it out on my iPhone). Not to mention all the cool experiments within!

Ironically, this is built with the excellent GreenSock library (http://bit.ly/Y54oz9), thats been making a name for itself in the HTML5 world lately (but is actually something that almost every Flash developer knows).

#html5   #css3   #javascript   #siteoftheday   #webdesign  
Photo

Post has shared content
I haven't been involved with this project lately - but really happy that version 2.6 was released! :D
SVG-edit 2.6 has been released! with dozens of new features and fixes. #svgedit #svg #vector
Wait while more posts are being loaded