Archiwum kategorii: Web Tools

Free JavaScript Game Frameworks To Create A Web-Based Fun

Post pobrano z: Free JavaScript Game Frameworks To Create A Web-Based Fun

As JavaScript-HTML5 development is getting more popular and browsers supporting new features are being utilized by more users everyday, -as expected- many new games are being developed with JavaScript.

JavaScript-powered games are not only easier-to-develop for web developers but they are also the only cross-platform ones including desktop, web and mobile.

Previously, WRD had shared 25 Amazing JavaScript Games (Some Fun And Inspiration) and, today, here is a list of free JavaScript game frameworks to build a new one:

 

The Render Engine

The Render Engine

A cross-browser engine which is very flexible and comes with an extensive API.

It uses object-pooling to reduce garbage collection.

Abstraction around the Canvas DOM element and any DOM element exists to standardize access to the capabilities of 2D rendering.

Box2d is the physics engine integrated, has support for touch inputs and much more.

LimeJS

LimeJS JavaScript Game Framework

It is a HTML5 game framework for building games that'll feel native and work fast in modern touchscreens and desktop browsers.

LimeJS is created with Closure Library built by Google and comes with functions/classes to control the timeline, events, shapes and animations.

Also, the framework has full support of sprite sheets (you can collect all images inside a single file).

 

Article Sponsor

Impact

Impact JavaScript Game Engine

Impact, the engine behind Biolab Disaster and Z-Type, is a professional JavaScript Game Engine that allows you to develop HTML5 Games easily and quickly.

It doesn't require any software installation, just a modern browser supporting the canvas tag is enough.

Impact Editor

The engine has a versatile Weltmeister Level Editor (screenshot above) that lets you create your game worlds. No matter how complicated the game is, Weltmeister can accomplish it..

Every entity (enemies, NPCs, triggers etc.) can be instantly used in Weltmeister and they can be connected with each other to create logic chains like find button, open door.

Impact comes with classes to manage the game basics, inputs, maps, animations, sound and much more.

 

Jaws

Jaws JavaScript Game Library

A 2D game library powered by HTML5 which supports canvas and ordinary DOM based sprites through the same API.

It has a satisfactory sprite constructor for a higher abstraction for the characters.

Jaws makes handling keystrokes easier, providing string-identifiers for each key and anywhere in the code, you can instantly check if a key is pressed down.

GMP

GMP JavaScript Game Engine

GMP is a JavaScript game engine that fits good to creating sprite-based, 2-D games and it can easily power most retro-style arcade game designs or puzzles like Sudoku.

It has a ready-to-go, self-booting game loop. Mouse and keyboard inputs can be used easily.

The engine is well-documented and the major fallback can be the lack of integrated sound support.

Gamma

Gamma JavaScript Game Engine

This JavaScript library can be used to create 2.5D platform games with the power of HTML, JavaScript, CSS and WebGL.

It comes with various classes to ease the development process including the ones for shapes, characters, enemies and more.

Akihabara

Akihabara

It is a set of libraries, tools and presets to create pixelated indie-style 8/16-bit era games in Javascript using HTML5 canvas tag and some standard hooks.

The modules provided include:

  • Gamebox: helps with collisions, rendering + moving objects, keyboard, double buffering and FSE.
  • Gamecycle: features like intro, menus, crossfading between stages/lifes, gameover and ending.
  • Toys: lots of common routines like jumping characters, bullets, etc.
  • Iphopad / Iphofretboard: for touch-based devices.

gameQuery

gameQuery

A jQuery plug-in which helps building JavaScript games with the help game-related classes offered.

It features multi-layer sprite animations (with hierarchy support), collision detection, sound, keyboard state polling and periodic callbacks.

Propulsion

Propulsion JavaScript Game Engine

Propulsion supports any type of two dimensional game development.

There are many built-in shapes to be drawn and a physics engine for managing accelerations and velocity.

Crafty

Crafty JavaScript Game Engine

This is a lightweight and modular JavaScript game engine which consists of many components like animation, event management, redraw regions, collision detection, sprites and more.

jsGameSoup

jsGameSoup

The library comes with cross-browser event handling (mouse, keyboard and touch).

It has polygon, box and circle collision detection, sprite management and networking (ajax) abstraction layer.

GameJs

GameJs

GameJs is a lightweight library, which is actually a port of the popular PyGame to JavaScript, that uses HTML canvas element.

It is a simple framework that allows writing the games as CommonJs modules.

xc.js

xc.js JAvaScript Game Engine

It is a very fresh framework and not as mature as others in the list.

At the core of xc.js, the concepts are scenes, nodes, actions, and events.

Sound support, Box2d and networking are the features to be mentioned in the "to-do-list" of the framework.

Other -related- resources

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

HTML5 – A Technical Specification For Web Developers

Post pobrano z: HTML5 – A Technical Specification For Web Developers

The official and full HTML specification, besides the information a web developer usually needs, has many other details that only browser vendors need to know.

WHATWG (Web Hypertext Application Technology Working Group) has a filtered HTML5 version which focuses on readability and ease of access.

It has find-as-you-type search, offline access, very nice typography, technical references pulled inline, and alternate styles for handheld devices or low resolution displays.

HTML5 Specs

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

FileVista Giveaway – Winners Announced

Post pobrano z: FileVista Giveaway – Winners Announced

Last week, a post at WRD was announcing the giveaway of 5 x "5 user licenses" for FileVista; a powerful web-based file manager application.

The winners are selected today and announced at the bottom of this post. But before that, let's remember:

What is FileVista?

It is a multi-user file manager application that is built with ASP.NET and can be installed on your website.

The application offers a desktop-like experience and supports actions like create, delete, rename, copy, move, zip and unzip files + folders with a totally Ajaxed interface.

FileVista

With the help of a permission-based access system, groups + users can be created and they can be locked into folders with any defined permissions.

The most frequently used feature of the application, uploading files, works very smooth even for multiple and large files (can resume connections as well).

Also, it is multilingual and comes with 9 ready-to-use languages.

Winners of the giveaway

Here are the 5 lucky winners for the 5 User License of FileVista:

  • Peiman (comment# 283119)
  • Super Mario (comment# 282896)
  • ha14 (comment# 284388)
  • @cali_martin
  • KodrutZ (comment# 282974)

Congratulations to the winners and thanks to everyone for joining

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

An Alternative Lightbox For MooTools – CeraBox

Post pobrano z: An Alternative Lightbox For MooTools – CeraBox

CeraBox is a stable and easy-to-use Lightbox-alternative that is built with MooTools.

It can display images, SWF files or any other HTML + load iframes and make Ajax requests.

CeraBox

The script can group images to be presented as a gallery where they can be browsed with prev-next buttons.

And, title tags can be used to show extra information about each image.

As a last handy feature, CeraBox can be set to a fixed size or resize itself according to the sizes of the items being loaded.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Get Started With An HTML5 Project Quickly Using Initializr

Post pobrano z: Get Started With An HTML5 Project Quickly Using Initializr

You'll remember HTML5 Boilerplate, a great base HTML/CSS/JS template where you can build your HTML5 web project on top of.

Initializr is a generator based on HTML5 Boilerplate that helps you to customize this starter template.

Initializr

It enables you to select options like:

  • whether there will be sample content or not
  • if JavaScript and jQuery used
  • Modernizr or html5shiv will be used
  • if any .htaccess, web.config or nginx.conf files will be used

P.S. The template has some functionalities removed from Boilerplate to focus on what most people use.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Treesaver – A JavaScript Framework For Creating Magazine-Style Layouts

Post pobrano z: Treesaver – A JavaScript Framework For Creating Magazine-Style Layouts

Treesaver is a JavaScript framework for creating magazine-style layouts that dynamically adapt to a wide variety of browsers and devices.

Both content and design is shaped with standards-compliant HTML + CSS and no JavaScript programming is required.

Treesaver JS

It simply searches for the <article> tags and displays the content inside them, makes browsing them possible with prev-next buttons and auto-generates a "contents" menu.

The JavaScript is under 25K gzipped (pretty important for mobile) and works with most modern browsers (degrades gracefully for others).

Treesaver is not totally mature yet and works best with simply-formatted text and images.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Design Cocktail Giveaway – Winners Announced

Post pobrano z: Design Cocktail Giveaway – Winners Announced

A bundle of creative design resources, Design Cocktail, was giving away 10 licenses to WRD readers which was announced last week.

The winners are selected today and announced at the bottom of this post. But before that:

What is Design Cocktail?

It is an attractive set of design resources like patterns, vectors or Photoshop brushes which are created by Designious and offered for $29 rather than $724 (if each item was purchased one-by-one).

Design Cocktail

The bundle includes:

  • 40 vector packs (959 vector elements)
  • 10 pattern packs
  • 20 brush packs
  • 15 tees designs
  • design tutorials with sources
  • a metalique font
  • 3 Photoshop + Illustraor add-ons
  • 3 un-released/fresh vector packs
  • a WordPress theme

Here are the winners:

The 10 lucky winners are selected randomly and here they are:

  • Betty (comment # 281787)
  • eati (comment # 281799)
  • @1618design
  • Blusky (comment # 281736)
  • @JMeReddish
  • Nico (comment # 282970)
  • Niju Mohan (comment # 283399)
  • Dan(comment # 284208)
  • saurabh khirwal (comment # 282102)
  • @myimmortalize

Congratulations to all winners and thanks to everyone for joining the giveaway.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

JavaScript Controllable FLV Player – Jaris

Post pobrano z: JavaScript Controllable FLV Player – Jaris

Jaris is an open source and JavaScript controllable FLV player that comes with many features.

It has the most standard controls like play/pause, volume, full-screen and users can switch between multiple aspect ratios.

Jaris FLV Player

The player supports both HTTP pseudostreaming + RTMP streaming and can communicate with the Youtube API.

For further customization, a poster image can be shown on initial load, any logo can be permanently attached and control colors can be changed.

Also, Jaris can be managed with the help of keyboard shortcuts.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Springloops – Advanced Source Code Management Platform

Post pobrano z: Springloops – Advanced Source Code Management Platform

Info: This is a review of a paid application (free during beta).

Source code management is a "must" for any developer team working on the same project to get updated on any changes made to the code and make sure every change is backed up.

Springloops, the popular source code management platform has released the V2 of their product which is more powerful with a new user interface, Git integration (besides Subversion) and ticketing support.

Springloops Deployment

The files for a project can be imported from a repository or as a zipped file. Also, they can be set as private or public.

The platform is an all-in-one for managing development projects as it has the features of a project management application as well (with milestones and tickets that can be assigned to users).  And, it can integrate tightly with Basecamp.

Springloops Git

Springloops has a very detailed knowledgebase that not only helps you get the basics of version control (if you're not experienced with it) but also covers answers to any possible questions regarding the service.

The V2 of the platform is currently in beta status and free-to-use with unlimited projects until it is out of beta. Simply, a good chance to give the service a try.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

jShowOff: A jQuery Plugin For Rotating Contents

Post pobrano z: jShowOff: A jQuery Plugin For Rotating Contents

jShowOff is a flexible jQuery plugin for rotating any type of HTML content which simply works by creating 'slides' from the child elements of a wrapper (like <li>s).

The output is fully customizable with options provided for setting auto play on/off, speed of the transitions, controls on/off, effects and more.

Items in the rotator can be navigated with the help of a pagination, prev-next buttons and/or thumbnails (where all are optional.)

jShowOff

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)