JavaScript and its siblings HTML and CSS have grown from lowly beginnings to become the gateway language to (almost) everything new media. Linux and Augmented Reality are the latest to succumb to the “JavaScript everywhere” trend.

Yes Virginia, That Is Linux Running on JavaScript http://feeds.wired.com/~r/wired/index/~3/k9zWnzmLxOE/ Wired News: Top Stories Thanks to today’s web browsers, JavaScript has become a very powerful language. Powerful enough to run Linux inside your web browser.

This new framework from Wikitude would have sure come in handy for some of last year’s AR-based NMD capstones.

Augmented Reality: Wikitude ARchitect http://www.wikitude.org/architect (Via Bruce Sterling)

Whenever we looked at Augmented Reality (AR) content platforms, we have always found them far too restrictive for AR content developers. They all offer a handful of features, which often limit the creative ideas AR content developers have. So we at Wikitude thought, “that’s not ideal, we need to change this, and we need to change this NOW!”

Consider this, when developing a webpage, would you be satisfied with only a handful of features especially if you knew there were powerful concepts like HTML, JavaScript and CSS were available which could make your life so much easier, but the web browser forces you to stick to the few features it offers you? We at Wikitude guess you wouldn’t. So, why should you accept this on Augmented Reality Browsers?

We asked ourselves this question a few months ago…..and created ARchitect!

ARchitect – a new way of creating Augmented Reality experiences

The Wikitude ARchitect is an Augmented Reality JavaScript Framework, embedded in a HTML web view which sits on top of the Wikitude camera view and allows developers to control the objects in the camera view. And when I say JavaScript, I don’t mean just another JSON object definition language, I’m really talking about the entire power of the JavaScript language. And when I say HTML, I don’t mean just a special div that can be placed at a predefined spot – nope, it’s the entire HTML specification that will be supported in Wikitude ARchitect. No exceptions, whatever is possible in an ordinary web browser will also be do-able in ARchitect. Promise!

Geolocation drawings by YOU! Concepts behind ARchitect

The three key concepts for us when designing the ARchitect were: 1) Developers shouldn’t be required to learn new concepts or tools. 2) The ARchitect should be very simple to get into, do something meaningful with only a few lines of code. 3) And yet, it should be massively powerful and flexible to create highly complex AR applications.

As we tried out various ideas to achieve these goals, it was rather obvious that HTML in combination with JavaScript was the best way to go!

HTML and JavaScript is all you need to know

Now, let’s have a look at the internals. (((Yes let’s!)))) The Wikitude ARchitect basically consists of two major parts. First, we have the HTML which is placed on top of the camera view. Typically, HTML will contain data which will not move with the user but remain on the screen, whatever the user is looking at. Examples of this would be status and progress bars or an inventory management in an AR game – basically, a heads up display. No additional skills required, it’s HTML with all the associated tools, like CSS or JavaScript, if you know how to create a webpage, you are ready to start developing with the ARchitect!

Second, the heart of ARchitect is the JavaScript library which ties deeply into the application and allows manipulation of the AR objects on the screen. Essentially, you can create virtual objects on the fly, create, place and modify Drawables visualizing the object or react on certain events, for example when an object comes in the field of vision, or when the user comes close to a certain location, and even execute a function you can specify.

Animations by YOU You can animate the objects and their visualizations, make them rotate, scale, disappear, … It’s totally up to you! Play sounds and videos, do network interaction, create interactive games, even with network multiplayer mode, let your phone vibrate, and much much more! With the ARchitect, you finally have a powerful tool in your hand to create incredible, mind-blowing AR applications!

The sky is the limit – realize your ideas

If the founder of console powerhouse Electronic Arts is right when he says “the browser is the platform of the future,” then here are some inventive takes on what that future might look like–from rolling up your favorite Web page Katamari Damacy-style to playing a game entirely in the URL bar.

http://kathack.com/

This is a “bookmarklet” that turns any page into Katamari Damacy. Try clicking the Katamari! link above.

This was the winner of the 2011 Yahoo HackU contest at University of Washington.

How does it work?

Short version: css transforms (for things stuck to the katamari), canvas (drawing the katamari), and z-index (illusion of depth).

This minimalist gem crams an entire game into a single URL.

http://idle.slashdot.org/story/11/03/13/1537230/A-Game-Played-In-the-URL-Bar?from=rss via Byline

“Whether you think it is useful or useless, you can’t ignored the sheer cool geekiness of a game played entirely in the URL bar. From the article: ‘… While getting lost in a three dimensional virtual world amongst increasingly thoughtful plot and character development may be an adequate pastime for some, the only new title the gaming world should be talking about is URL Hunter, an experimental keyboard-character based game played entirely in your browser’s URL bar.’”

Trip breaks it down for us.

http://games.slashdot.org/story/11/03/08/199212/Browsers-mdash-the-Gaming-Platform-of-the-Future?from=rss via Byline

Trip Hawkins, founder of Electronic Arts, spoke at the recent Game Developers Conference about how he expects game platforms to evolve in the future. Hawkins thinks the role of web browsers as a platform will greatly increase as the explosion of mobile device adoption continues. “For all of the big media companies, this phase of disruption is dramatic and happening fast. Where it’s really going to lead is where the function of the browser is going. … The browser has taken over 2 billion PCs — it’s going to be taking over a billion tablets over the next few years, billions of mobile devices. It will end up in my opinion very strong on the television. The browser is the platform of the future.”

This would be a lot cooler if Dustin O’Conner hadn’t already done it in my Creative Networks class.

Is there anywhere JavaScript can’t go?

http://www.wired.com/beyond_the_beyond/2011/01/kinect-javascript-handwaving-browser/ (Via Bruce Sterling)

*Another lash-up. They’re coming thick and fast. I’ve never seen a tech-development scene work like this before — so virally. This is not “Augmented Reality,” it’s more of a gestural interface… but c’mon, it’s 2011 and they’re websurfing by waving their hands.

DepthJS from Fluid Interfaces on Vimeo.

Writing in the Atlantic, Dylan Tweney claims that online publishing is challenging designers to give up the control they were used to in print publications and even in the first decade of the Web. According to Tweney, software like Cascading Style Sheets and JavaScript and platforms like the iPad are enabling the separation of form and content like never before.

At the same time, designers are increasingly in demand to find efficient ways to convey people and information, as some recent remarkable examples of design make clear. So who’s right?

Continue reading »

CSS cheat sheetIf cheating is the pedagogy of the Internet, this could be the textbook. In addition to the usual suspects like CSS and PHP, this compilation includes some popular frameworks like jQuery and Ruby on Rails. (via Amy Pierce)

Continue reading »

HTML5 tigerThe HTML5Rocks site may be slanted toward Google’s implementation of HTML5 (and works best in Google’s Chrome browser). But it’s an impressive compendium of demos and how-to’s for everything HTML5, from 2- and 3d animations, to instant text columns, to building databases in the browser (“Web Storage”), to drag-and-drop with a single line of code. Web designers, prepare for HTML5 to rock your world.

Continue reading »

Bookmark this category

Sure, sound in a Web page can be horribly misused. But now when it has a legitimate purpose, you won’t have to kill a mosquito with a cannon by drumming up a Flash file just to play a beep.

Imagine if you could grab and manipulate audio with JavaScript just like you can images with Canvas. Firefox experimental builds let you do just that: crazy audio visualizations, a graphic equalizer, even text-to-speech, all in JavaScript! Work in progress; you need a special build of Firefox (videos available), being worked on via W3C.

http://rss.slashdot.org/~r/Slashdot/slashdot/~3/fnfEngBMfXE/Breakthroughs-In-HTML-Audio-Via-Manipulation-With-JavaScript

Sure, sound in a Web page can be horribly misused. But now when it has a legitimate purpose, you won’t have to kill a mosquito with a cannon by drumming up a Flash file just to play a beep.

Imagine if you could grab and manipulate audio with JavaScript just like you can images with Canvas. Firefox experimental builds let you do just that: crazy audio visualizations, a graphic equalizer, even text-to-speech, all in JavaScript! Work in progress; you need a special build of Firefox (videos available), being worked on via W3C.

http://rss.slashdot.org/~r/Slashdot/slashdot/~3/fnfEngBMfXE/Breakthroughs-In-HTML-Audio-Via-Manipulation-With-JavaScript

Bookmark this category

Josh Plourde at AEWC Offshore Wind sent this my way.

AEWC Advanced Structures & Composites Center is now accepting resumes for a paid student research assistant who would:

•Create and edit promotional materials.

•Cooperate in the development and design of web site.

•Take leading role in iPad/iPhone app design and development.

Applicants should:

•Be knowledgeable of several programming languages, including PHP and Javascript.

•Be familiar with design standards.

•Have strong New Media/Programming background.

•Demonstrate strong communication skills.

•Be available and willing to work 40 hours this summer and 20+ hours during the fall and spring semesters.

If interested, send resume and cover letter in PDF format to Elizabeth Viselli on First Class.

Josh Plourde at AEWC Offshore Wind sent this my way.

AEWC Advanced Structures & Composites Center is now accepting resumes for a paid student research assistant who would: •Create and edit promotional materials. •Cooperate in the development and design of web site. •Take leading role in iPad/iPhone app design and development.

Applicants should: •Be knowledgeable of several programming languages, including PHP and Javascript. •Be familiar with design standards. •Have strong New Media/Programming background. •Demonstrate strong communication skills. •Be available and willing to work 40 hours this summer and 20+ hours during the fall and spring semesters.

If interested, send resume and cover letter in PDF format to Elizabeth Viselli on First Class.

Which do you feel has more capabilities/setbacks for interactive multimedia on the web? http://www.webreference.com/programming/javascript/java_flash/

Bookmark this category
Which do you feel has more capabilities/setbacks for interactive multimedia on the web? http://www.webreference.com/programming/javascript/java_flash/

From Slashdot:

“Someone has gone and done it. Tobias Schneider has created a Flash player written in JavaScript targeting SVG/HTML5-capable browsers. It’s not a complete implementation yet, but it shows real promise. A few demos have been posted online. How long before HTML5/SVG next- generation browsers like Chrome, Firefox, Opera, Safari, Epiphany, and other Web-Kit based browsers completely supplant Flash and Silverlight/ Moonlight?”

The only question is, should we be investing in writing open-source Flash players that use HTML5, or just making open-source animations in HTML5 to begin with?

Flash

From Slashdot:

“Someone has gone and done it. Tobias Schneider has created a Flash player written in JavaScript targeting SVG/HTML5-capable browsers. It’s not a complete implementation yet, but it shows real promise. A few demos have been posted online. How long before HTML5/SVG next- generation browsers like Chrome, Firefox, Opera, Safari, Epiphany, and other Web-Kit based browsers completely supplant Flash and Silverlight/ Moonlight?”

The only question is, should we be investing in writing open-source Flash players that use HTML5, or just making open-source animations in HTML5 to begin with?

Flash

Bookmark this category

From Slashdot:

“Someone has gone and done it. Tobias Schneider has created a Flash player written in JavaScript targeting SVG/HTML5-capable browsers. It’s not a complete implementation yet, but it shows real promise. A few demos have been posted online. How long before HTML5/SVG next- generation browsers like Chrome, Firefox, Opera, Safari, Epiphany, and other Web-Kit based browsers completely supplant Flash and Silverlight/ Moonlight?”

The only question is, should we be investing in writing open-source Flash players that use HTML5, or just making open-source animations in HTML5 to begin with?

Flash

© 2011 UMaine NMDNet Suffusion theme by Sayontan Sinha