Archive - javascript RSS Feed

The top 20 HTML5 games

HTML5 is quickly turning into a great game development platform. Rob Hawkes, creator of multiplayer space shooter Rawkets, highlights some of the best online games built with HTML5 (and JavaScript) out there and the technologies that they’re using
It’s been a great few years for HTML5 and JavaScript games, both for consumers and developers. The browser platforms have begun to mature and coalesce in regards to the technologies required for these games, the quantity of HTML5 games on app stores and social networks is increasing every day, large game studios are beginning to take interest, and the general quality of the games are improving at a noticeable rate. Couple this with the unease surrounding the future of Flash on the web and you have yourself a platform that can no longer be simply cast aside as unviable. HTML5 games are here to stay, I think it’s safe to embrace that fact.

What’s even more fascinating, at least to me, is the potential of HTML5 and JavaScript as a serious gaming platform. Yes, we have the ability today to create cool 2D games with the canvas element, and even visually stunning 3D games with WebGL. But what excites me the most are the technologies arriving soon; things such as the Gamepad API, Mouse Lock API, and Full Screen API. It is these simple technologies that will help demolish the idea that web games are basic things that you play embedded within another website. Instead, with the ability to connect gamepad controllers and allow HTML elements to run full screen, web games will become much more immersive experiences, much like on consoles and the desktop.

So with all that in mind and in no particular order, here are a selection of my favourite HTML5 games from the past few years. Enjoy!

Read more at netmagazine.com

35+ Excellent jQuery Animation Techniques and Tutorials

The coming of JavaScript and various web functioning libraries has made the work of interaction easier for any website. Those who are familiar with jQuery know how it helps us in creating jQuery animation. There are some jQuery tutorials and techniques. The power of jQuery helps the web developers to create some interesting user-interfaceworks.  They are a branch of JavaScript and make the interaction with development code easier, thus making the work fast. This fast growing technology gives the websites a more scope for entertainment and interaction at the same time. The drop down menus, drag elements, animations can be created in less amount of time as it reduces your amount of coding than JavaScript.

Sunday 1/1/12

The jQuery plugin for doing cool scrolly stuff j.mp/uFOW18

60beat iPad Gaming Accessory Could Be The iOS Missing Link j.mp/sflZ4O

How Samuel Palmisano of I.B.M. Stayed a Step Ahead – Unboxed – NYTimes.com

North Korea Restores Order to Kim Funeral With Photoshop – ABC News j.mp/sF9RQT

Facebook hands out White Hat debit cards to hackers j.mp/uxBfP8

 

Move.js

Move is a modern and simple programming language which can run on virtually any computer. Move is primarily aimed towards people not previously familiar with programming computers.

Usage

Move can run in web browsers and “interpreters” like Node.js. Move has been designed so that your code can be run in web browsers and “interpreters” without any changes — your code is always running in an ES5 environment with a CommonJS module system.

Using Move in web browsers

To run Move in a web browser, you simply include move.js:

<script src="http://movelang.org/move.js"></script>

Move code can then be embedded, which will execute directly after the DOM has loaded:

<script type="text/move">
print 'Hello worlds!'
</script>

If you specify the module attribute, the code defines a module rather than execute the code:

<script type="text/move" module="foo">
export sayHello = ^{ print 'Hello worlds!' }
</script>

It’s then possible to import that module from other code:

<script type="text/move">
import foo
foo.sayHello()
</script>

Modules can also be remotely imported:

<script type="text/move" src="foo.mv"></script>

You don’t have to care about the order in which you define your modules. The only thing you need to think about is where you execute embedded code.

Complete example

<script src="http://movelang.org/move.js"></script>
<script type="text/move" module="bar">
import foo, capitalize
export sayHello = ^(name) {
  print foo.makeHello capitalize name
}
</script>
<script type="text/move" src="capitalize.mv"></script>
<script type="text/move" module="foo">
export makeHello = ^(name) { 'Hello '+name+'!' }
</script>
<script type="text/move">
import bar
bar.sayHello 'worlds'
</script>