google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






Các thư viện JavaScript tuyệt vời nhất để phát triển trò chơi nền web Ở bài viết trước, jsB@nk đã có đăng một bài viết về chủ đề Hướng dẫn tạo trò chơi RPG đơn giản với JavaScript và Crafty - một bài hướng dẫn khá chi tiết để làm một trò chơi JavaScript hoàn chỉnh, bạn có thể vào bài viết này để xem thêm nếu muốn tự mình làm một trò chơi khác để thử sức.

Và hôm nay, jsB@nk muốn giới thiệu với bạn một danh sách gần 70 thư viện JavaScript (framework) cực kì tuyệt vời để thiết kế các trò chơi JavaSript dựa trên nền web, các thư viện này được nhóm làm các chuyên mục như các thư viện JavaScript tổng quát, các thư viện JavaScript chuyên dụng để làm trò chơi cho đến các thư viện hỗ trợ. Bạn vui lòng vào trang chi tiết để xem thêm nhé.


Miễn phí web hosting 1 năm đầu tại iPage



Nếu bạn vẫn còn đang tìm kiếm một nhà cung cấp hosting đáng tin cậy, tại sao không dành chút thời gian để thử với iPage, chỉ với không quá 40.000 VNĐ/tháng, nhưng bạn sẽ được khuyến mãi kèm với quà tặng trị giá trên 10.000.0000 VNĐ nếu thanh toán cho 24 tháng ~ 900.000 VNĐ?

Có trên 1 triệu khách hàng hiện tại của iPage đã & đang hài lòng với dịch vụ, tuyệt đối chắc chắn bạn cũng sẽ hài lòng giống họ! Quan trọng hơn, khi đăng ký sử dụng web hosting tại iPage thông qua sự giới thiệu của chúng tôi, bạn sẽ được hoàn trả lại toàn bộ số tiền bạn đã sử dụng để mua web hosting tại iPage. Wow, thật tuyệt vời! Bạn không phải tốn bất kì chi phí nào mà vẫn có thể sử dụng miễn phí web hosting chất lượng cao tại iPage trong 12 tháng đầu tiên. Chỉ cần nói chúng tôi biết tài khoản của bạn sau khi đăng ký.

Nếu muốn tìm hiểu thêm về ưu / nhược điểm của iPage, bạn hãy đọc đánh giá của ChọnHostViệt.com nhé!
Thử iPage miễn phí cho năm đầu tiên NGAY

3. JavaScript physics engine


This is a port of Box2DFlash 2.1a to JavaScript . I developed an ActionScript 3 -to- JavaScript converter to generate the code.

There already exists a port to JavaScript called Box2dJs, but its not up-to-date and you have to import a big amount of JavaScript files in every project, whereas my version is stored in a single file.

4. Animation JavaScript Framework


The sprite.js framework lets you create animations and games using sprites in an efficient way. The goal is to have common framework for Desktop and mobile browsers.

sprite.js has been tested on Chromium, Firefox, Android emulator and Opera.

5. Sound JavaScript library


Using HTML5 and Flash, SoundManager 2 provides reliable cross-platform audio under a single API

  • 100% Flash-free MP3 + MP4/AAC where supported. Works on iPad, iPhone iOS 4
  • Seamless flash fallback for MP3/MP4 content, if needed
  • HTML5/Flash API switching is transparent, handled internally
  • WAV + OGG playback possible via HTML5, if supported
  • See useHTML5Audio for implementation details
  • This browsers <HTML5> vs. Flash support (best guess): 

    6. Canvas JavaScript library


    ArtisanJS is a JavaScript library that aims to make in-browser drawing very, very easy.


    Burst is a javascript vector animation engine for the HTML5 Canvas supporting SVGs, Blender3D objects, timelines, easing, command chaining and callbacks


    CAAT: Canvas Advanced Animation Tookit CAAT in essence is a multi-instance director-based Scene graph manager.


    canto.js is a small JavaScript library that improves the HTML5 Canvas drawing API to support features such as:

    • method chaining
    • relative coordinates
    • polylines
    • SVG path commands
    • turtle graphics
    • easier specification of drawing attributes


    CAKE is a JavaScript scene graph library for the HTML5 canvas tag. You could think of it as SVG sans the XML and not be too far off.


    CamanJS is an attempt at providing a simple to use interface for dynamically manipulating images completely in JS. It strives to provide much of the basic functionality you would find in something like Photoshop. By this I mean, image contrast, brightness, levels, saturation, etc.


    Wrapper for HTML5 Canvas Context 2D properties and methods, enabling chaining.

    Its intended to be simple, small and not add new functionalities besides method chaining, it doesnt overwrite the native prototypes/objects and can be used interchangeably with native Context2D methods/properties, works just as a wrapper to native calls.


    canvg is a Javascript SVG parser and renderer. It takes a URL to a SVG file or the text of an SVG file, parses it in JavaScript, and renders the result on a Canvas element. The rendering speed of the examples is about as fast as native SVG.


    Doodle-js is An Animation Library for JavaScript. Some of the features:
    • Use the Canvas drawing API with sprites and a scene graph.
    • Event handling and dispatch for objects.
    • Nodes maintain transforms, bounds, and other useful properties.
    • If youre coming from ActionScript 3, youll feel right at home!


    The new Canvas element in HTML5 is powerful, but it can be difficult to work with. It has no internal concept of discrete display elements, so you are required to manage updates manually. The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.


    gury.js is a jQuery inspired canvas utility library.


    Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

    Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties color, transparency, z-index, etc. You can also manipulate these objects altogether grouping them with a simple mouse selection.


    A basic HTML 5 canvas drawing library for those familiar with the java.awt.Graphics class in Java. It also comes with a JavaScript implementation of the game Breakout to demonstrate using the library.


    The Layered Canvas Library (LCL) is a javascript library that helps manage objects on the Canvas element. The LCL implements a two tier layer manager that creates and contains items within it. The layer manager attaches mouse events to each item contained, and allows the user to define handlers for each event, per item.

    The layer manager also allows for each layer contained to be promoted, or demoted over another layer. The layer manager, and each layer, and item contained, is defined with a draw function. The draw function executes user defined code to draw the item, layer, or each layer contained consecutively.


    This library provides functionality to manage and interact with the content of a html5 canvas element. It emulates layers and items that can be manipulated and managed and provides mouse-events to the items.

    This library is inspired by Michael Camdens layered-canvas-library but I made this one a little more compact, skipped some features, added some and tried to streamline the way the lib is interacted with. It is built utilizing many features of the MooTools javascript framework which is responsible for reduced filesize, great OOP and flexible events.


    Pixastic is a JavaScript library which allows you to perform a variety of operations, filters and fancy effects on images using just a bit of JavaScript.


    Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins.

    You write code using the Processing language, include it in your web page, and Processing.js does the rest. Its not magic, but almost.


    Raphal is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.


    Stackblur is a Javascript / Canvas based implementation library.


    Toxiclibs.js is a javascript port of Karsten Schmidts Toxiclibs for Java and Processing. Toxiclibs.js works great with the Processing.js visualization library for but is not dependent on it. It can be used with other libraries such as Raphael.js, Three.js or by itself.


    Unveil is a data exploration and visualization toolkit that utilizes data-driven software design.

    7. WebGL


    WebGLU is both a set of low-level utilities and a high-level engine for developing WebGL based applications. WebGLU is designed such that a developer can focus on the end result with a minimum of fuss and code, but doesnt hand hold developers who want more control. This is achieved by exposing the raw GL object and also many lower-level functions for working with it and the WebGL API.

    8. Color


    color.js can be used in any ECMAScript environment as it does not make use of the DOM. color.js is very useful on the server-side and the client-side, The color.js CSS module defines all of the standard CSS colors for use in color.js.

    9. Math


    Sylvester is a JavaScript library designed to let you do mathematics with vectors and matrices without having to write lots of loops and throw piles of arrays around.

    It includes classes for modelling vectors and matrices in any number of dimensions, and for modelling infinite lines and planes in 3-dimensional space. It lets you write object-oriented easy-to-read code that mirrors the maths it represents.

  • iPhoneKer.com
    Save up to 630$ when buy new iPhone 15

    GateIO.gomymobi.com
    Free Airdrops to Claim, Share Up to $150,000 per Project

    https://tooly.win
    Open tool hub for free to use by any one for every one with hundreds of tools

    chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
    Talk to ChatGPT by your mother language

    Dall-E-OpenAI.com
    Generate creative images automatically with AI

    AIVideo-App.com
    Render creative video automatically with AI

    JavaScript theo ngày


    Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web