<div>
with angular(js or not) you can use <b>router animation</b> so using routing depending the user choice, you can provide cool transition animation(zoom, fade, rotation, translation, ...) of some section or your page.<br />
<br />
a random link : <a href="https://fireship.io/lessons/angular-router-animations/" rel="ugc">https://fireship.io/lessons/angular-router-animations/</a>
</div>


with angular(js or not) you can use router animation so using routing depending the user choice, you can provide cool transition animation(zoom, fade, rotation, translation, ...) of some section or your page.

a random link : https://fireship.io/lessons/angular-router-animations/ [https://fireship.io/lessons/angular-router-animations/]

<div>
<div class="content wysiwyg-content">
Client has asked me to provide some idea about how to duplicate the <a href="http://playspent.org/" rel="ugc"><u>http://playspent.org/</u></a> gamification system.<br />
<br />
If someone knows of a system like this in the wild which might be used to duplicate a similar site, let me know.<br />
<br />
Something beyond simple systems like <a href="https://github.com/mulhoon/score.js" rel="ugc"><u>https://github.com/mulhoon<wbr />/score.js</u></a> providing layout of badges + count accumulation buckets in a response style system.<br />
<br />
Maybe some sort of bolt onto score.js using SVG graphics for presentation. <br />
<br />
Thanks.
</div>
</div>


Client has asked me to provide some idea about how to duplicate the http://playspent.org/ (http://playspent.org/) gamification system.

If someone knows of a system like this in the wild which might be used to duplicate a similar site, let me know.

Something beyond simple systems like https://github.com/mulhoon/score.js (https://github.com/mulhoon/score.js) providing layout of badges + count accumulation buckets in a response style system.

Maybe some sort of bolt onto score.js using SVG graphics for presentation. 

Thanks.

Simple text based gamification system suggestions

Game programming is the software development of video games. Game programming requires substantial skill in software engineering as well as specialization in simulation, computer graphics, artificial intelligence, physics, audio programming, and input. Like other software, game development programs are generated from source code to the actual program by a compiler. Source code can be developed with almost any text editor, but most professional game programmers use a full integrated development environment (IDE).

Game Programming

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.

AJAX

Animation

Web applications are systems that run in browsers that perform functions normally associated with other client-based programs. One of the most commonly used web applications is email; instead of downloading individual emails to a local machine, the data is shown through a website. Other examples of web applications are collaborative systems like a wiki or an online game.

Web Applications

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.