VIRTTRUHE

HTML5 app for collecting virtual items. A playground for transmedial storyworlds and augmented reality (or maybe augmented virtuality)

[virttruhe-blog]

slow progres... make everything in the code nice...

[virttruhe-blog]

chests have time lock (can open only every e.g. 15 minutes) and can hold random items --> keeps curiousity up :)

[virttruhe-blog]

new repository

giving it a fresh start: https://github.com/gitbreaker222/virttruhe

After gaining a lot more experience in developing reactive WebApps with Angular.js through my job as Junior HTML5 Frontend Developer, it is time to use what I’ve learned.

Most important lesson so far: Building the App architechture myself is way more easy than trying to get a prepared framework the folder structure I’m comfortable with.

They all sound so promising and have so much magic stuff (like foundation-for-apps' auto routes generator from html-template files, but I really do want to have components with their own ecosystem (templates, controllers, models, maybe directives...), not one template folder for all. This way I can work on a component and have all parts in the directory in sight...

get a picture here: angular-best-pracices

This time I’m using for development:

gulp as taskmanager

sass for css

jade for html templating

coffeescript for scripting

...and these for the app itself:

mithril for view-model data binding

(vex for dialog boxes)*

(*animate.css** for animation effects)*

Also I already installed backbone.js for the models, but maybe mithril gets this also covered. If not, then backbone can stay...

*not used yet

[virttruhe-blog]

backbone.js and gulp

in the mean time I’ve started to learn backbone to organize the data structure. For that I can recommend the videotutorial on Joe Zim's JavaScript Blog.

Also I've started to use task management (e.g. compiling scss to css) for my projects with gulp - a node.js plugin. To get into it, this tutorial on css-tricks is a good starting point. But watch out for the optimization part with useref, as the code is a bit outdated and got more simple. Check the official docs for this issue.

[virttruhe-blog]

development paused

I’m currently digging into advanced html5 webapp technologies and have therefore put VIRTTRUHE aside. But I’ll return with new skills to get this to the next level :)

[virttruhe-blog]

Watch development - Live Demo

Eventually I’ve found out, how to get a preview of my github repository! You are invited to take a look from time to time and watch the progress of the development version here or via the new link at the head of this blog (under the description)

Please note, that at the time browser support varies much! The app is tested on Firefox, Opera, Chrome and BB10. Chances are high, that the UI on Safari is scrambled up!

Also you may want the VIRTTRUHE QR-cards to scan. Get ‘em:

here

and here

Feel free to spill you thoughts and ideas :)

[virttruhe-blog]

after one week development from scratch of version 0.5 alpha. This time it even comes close to my sketches :)

[virttruhe-blog]

new UI sketch

[virttruhe-blog]

UI scribbles, loosing myslf in details

[virttruhe-blog]

A list items for various cases (collect, combine parts, handle music, crime investigation story)

[virttruhe-blog]

digging more into HTML5 game dev

For the past few days I was doing some research on audio usage in HTML5-Apps and came across www.html5gamedevs.com.

This is a vast resource and contains any of the stuff I couldn’t make clear by myself. For example: What fileformat should I use for music and sfx?

Answer so far: ogg and m4a for background music (never mp3 for it loops badly) and for short sfx either also ogg/m4a or wav. See discussion: http://www.html5gamedevs.com/topic/2288-should-i-stick-to-wav-file-format/ 

Also I there are many many game frameworks listed. Now I’m trying out Phaser, which also provides an audio API - means, that VIRTTRUHE will now make use of “WebAudio”, if the browser supports it. Until now it used the normal html5 <audio> tag.

This may be enough for basic audio usage, but the advanced WebAudio can e.g. add reverb or create 3D sound positioning *_*

[virttruhe-blog]

Ruby on Rails

...so I’ve started to learn Ruby (at codecademy), so I can use Ruby on Rails, so I can use the Foundation Framework and Aptana Studio more efficiently!

That means I will rewrite the whole VIRTTRUE App ones again to fit the Rails architecture.

I’m looking forward to generate derivates of VIRTTRUHE more easy that way and start to show whats in my mind *g*

[virttruhe-blog]

hey ruben, i really like the idea, i mean the whole augmented virtuality stuff in a game... bravo! but you need to consider to working with designers at some point because your presentation skills literally sucks, mate! hehe no offense, just kidding. no actually not :) but hey, ride on!

Thx for the feedback :) yeah I know that this whole presentation is more chaos and hard to understand but I had the choice of putting my focus on concept development or software development. Well I rather wanted to learn to develop apps by myself and therefore presentation is just a side product. Anyway I publish it to simply grow some routine in this too...

[virttruhe-blog]

DonauRaum App 2015

Welcome to the DonauRaum App Competition! !!! NEW !!! Deadline extended till June, 15th 2015 The Competition Within the project "DORA - DonauRaum App Award" a competiti...

sending in my idea to the Danube region App competition...

[virttruhe-blog]

Finished version 0.4.0 (alpha-state). See the new UI. Soon I can create my own items and little story :)

[virttruhe-blog]

started UI redesign with foundation 5

[virttruhe-blog]

Out of sight, out of mind

Huge piles of data and digital contents, which usually only can be scrolled through as long lists, displayed on a screen.

So much, that one doesn’t want to keep and manage it locally, so just leaving it. And the data that is stored though, like all the holiday photos, are only hoarded but hardly used.

Out of sight, out of mind.