Ninja power: open-source HTML5 toolset aims to enable richer Web apps Modern HTML rendering engines and emerging standards make it possible to create a new class of rich experiences that could previously be achieved only with native development toolkits—but developers need better Web development frameworks and authoring tools in order to take advantage of the possibilities. Three new open-source software projects developed at Motorola Mobility hope to address the problem. We—Tim Statler, Zachary Cohen, and Kris Kowal—have had the pleasure of working on a new content creation tool called Ninja, a JavaScript development framework called Montage, and a testing automation tool called Screening. In this article, we will describe all three pieces of software, and we've included code examples to illustrate some of the functionality. The Ninja authoring tool is a Google Chrome app for designing keyframe-based animation with HTML5, including 3D scenes and vector graphics. Montage bridges the gap between developing native applications and Web sites. Workspace Layout
Building a Game Mainloop in JavaScript | Play My Code Blog HTML5 is being touted as the next technology for browser games, but even common and straight forward parts like a ‘mainloop’ can be difficult to write in JavaScript. This is a thorough explanation of how to go about writing your own, based upon our experiences of building Play My Code. Novice programmers please note: this article applies to JavaScript coding and not to coding using PMC, where we have solved this problem for you already. Why? Most games update in one of two ways. The first is to wait for input, like a mouse click, and then update or draw the game based on this. However most action games, such as a first-person shooters, have to repeatedly update and redraw multiples times a second as they normally contain elements which move and react independently to player input. while ( true ) { updateGame(); drawGame(); } This is often referred to as a game’s ‘mainloop’. Getting back to JavaScript var mainloop = function() { updateGame(); drawGame(); }; while ( true ) { mainloop(); }
node.js - Multiplayer Game : web-based Twin Flash Blog » La gestion mémoire en Actionscript 3 : La check-list anti memory-leaks Ces dernières semaines, je me suis repenché avec sérieux sur la gestion de la mémoire en Actionscript 3. Mon but était de créer une “check-list” que je pourrai ensuite utiliser dans tous mes projets. Voici le résultat de mes recherches. I – Fonctionnement du Garbage Collector Dans une application Actionscript 3, nous stockons obligatoirement des objets en mémoire. Un objet, cela peut être une image chargée, ou tout objet d’affichage, mais aussi une simple variable de type Array ou Number, voire même une classe instanciée. Le Garbage collector, ou “Ramasse Miettes”, est une tache de fond toujours active dans le FlashPlayer. Il faut insister sur l’aspect aléatoire et non contrôlé du Garbage Collector. 1-Sur quels critères le Garbage Collector détecte les objets éligibles à l’effacement mémoire ? La règle de base est la suivante : Un objet est éligible au ramasse miettes si le nombre de ses références dans l’application est égal à zéro. var myClip:MovieClip = new MovieClip(); i = null;
Javascript Game Development - The Game Loop · nokarma.org Javascript Game Development - The Game Loop One of the most important parts of a game engine is the so called “game loop”. It is the central piece of the game’s engine and is responsible for trying to balance running a game’s logic, and executing its drawing operations. A very basic game loop would look something like this in JavaScript (this does not work in Browsers!): var Game = { }; Game.draw = function() { ... draw entities here ... };Game.update = function() { ... run game logic here ... }; while (! Writing a game loop for execution in the browser is a tad more tricky than that. So we’ll have to try “emulating” a real loop, while giving back control to the browser after every drawing operation to not lock-up the interface. setInterval to the rescue! window.setInterval is exactly what we’re looking for. Game.fps = 50; Game.run = function() { Game.update(); Game.draw();}; // Start the game loopGame. Check out the example page for a game loop that uses setInterval. That’s it? Well, yeah.
17. Web MVC framework 17.1 Introduction to Spring Web MVC framework The Spring Web model-view-controller (MVC) framework is designed around a DispatcherServlet that dispatches requests to handlers, with configurable handler mappings, view resolution, locale and theme resolution as well as support for uploading files. The default handler is based on the @Controller and @RequestMapping annotations, offering a wide range of flexible handling methods. With the introduction of Spring 3.0, the @Controller mechanism also allows you to create RESTful Web sites and applications, through the @PathVariable annotation and other features. In Spring Web MVC you can use any object as a command or form-backing object; you do not need to implement a framework-specific interface or base class. Spring's view resolution is extremely flexible. 17.1.1 Features of Spring Web MVC Spring's web module includes many unique web support features: Clear separation of roles. 17.1.2 Pluggability of other MVC implementations Table 17.1.
Magic Land: Island – A Behind the Scenes Look A few months ago, we secretly began a collaborative project with Facebook that would later be leaked as ‘Project Spartan’. The project’s goal was to develop a mobile platform game that could work inside of a browser and, also, be embedded into the new iPhone and iPad applications from Facebook. The details we were given appeared quite vague but the gist of it was this: Develop a game that runs on mobile browsers. The tech of choice for developing mobile browser games is called HTML5. A new iteration of an established web page language that allows greater multimedia support but is still relatively untested on mobile devices. The project began with two people: a Product Manager and a Back-End Engineer. We created: Magic Land: Island. It looked like we might have a chance. Our first prototype exceeded expectations of what, we had thought, was technologically possible. We think that we’ve created a great game that shines in comparison to other titles on Facebook’s Mobile App Showcase.
Reliability and Flow Control - networking Introduction Hi, I’m Glenn Fiedler and welcome to the fourth article in my series Networking for Game Programmers In the previous article, we added our own concept of virtual connection on top of UDP. Now we’re going to add reliability, ordering and congestion avoidance to our virtual UDP connection. This is by far the most complicated aspect of low-level game networking so this is going to be a pretty intense article, so strap in and lets go! The Problem with TCP Those of you familiar with TCP know that it already has its own concept of connection, reliability-ordering and congestion avoidance, so why are we rewriting our own mini version of TCP on top of UDP? The issue is that multiplayer action games rely on a steady stream of packets sent at rates of 10 to 30 packets per second, and for the most part, the data contained is these packets is so time sensitive that only the most recent data is useful. The problem with TCP is that it abstracts data delivery as a reliable ordered stream. Acks
Why are event-driven servers so great? | Moving Forward Recently there has been a huge surge in event-driven servers. With the introduction and wide-spread adoption of Node.js as a Javascript based application server, and nginx , a HTTP proxying server one has to wonder what it is about event-driven architecture that works so well. These servers are touted as literal silver bullets for devops, promising massive gains in performance and concurrency with no changes in hardware, and amazingly enough for a lot of workloads they do indeed deliver. Let’s take a closer look at event-driven architecture, how it’s different than traditional concurrency models, and what the future of these servers might look like. The Old Way Traditionally servers like Apache have used the single child per connection model. This works pretty well for small workloads, but it really doesn’t scale well. There’s also a number of reliability problems associated with this model. The New Way This is actually a really cool idea, we solve a lot of problems. Limitations
Getting real with Erlang: From the idea to a live system NetworkingOverview Search public documentation: NetworkingOverview 日本語訳中国翻译한국어 Interested in the Unreal Engine? Visit the Unreal Technology site. Looking for jobs and company info? Questions about support via UDN? Overview Multiplayer gaming is about shared reality: that all of the players feel they are in the same world, seeing from differing viewpoints the same events transpiring within that world. Implement Networking from the beginning! One important thing to realize is that if you plan to support networked multiplayer in your game, build it in and test it as you develop your game! Peer-to-Peer model In the beginning, there were peer-to-peer games like Doom and Duke Nukem. The advantage of this approach was simplicity. Lack of persistence. Client-Server model Next came the monolithic client-server architecture, pioneered by Quake, and later used by Ultima Online. Still, there were some disadvantages to this approach: Unreal networking architecture Basic concepts Goal Basic terminology The update loop Replication
Creating a basic site with node.js and Express A walkthrough on how to create and deploy a basic site with Node.js and the Express framework What we are going to do This walkthrough will go over setting up a basic site using Node.js and Express. The walkthrough is aimed at beginners exploring Node.js as I've had many questions from friends and colleagues about creating and deploying node apps. Here is the site we are going to create. Setup First we need to setup our development environment. If you are on Linux there are plenty of articles on Google. For Windows users there are also resources on Google but it is a bit more tricky. Prerequisites If everything has installed ok you should now have Node.js and npm running on your machine. node -v v0.8.21 npm -v 1.2.12 Create an Express site Still with me? First let's install express npm install -g express-generator The -g flag means that you are installing express globally on your system. Now we can create an express application. express -c stylus express_example cd express_example && npm install
1,000,000 daily users and no cache (Splash 2011)