Basic information of HTML5 canvas game development practices Author: Zhang Lubin series name: Practice Series Press: Machinery Industry Press ISBN: 9787111419129 Release Date: April 2013 Release Date: 16 open pages: 336 versions: 1-1 category: more about computers> HTML5 canvas game development practices introduction t
game:Flappy Bird This abnormal game has also been transformed into HTML5 version, which is also expected to happen.HTML5 Space Fighter Game:Very common fighter game, but with the HTML5 implementation of a slightly taller.HTML5 game source download.
20 Awesome HTML5 web Game Design Appreciation2013-09-24HTML5 Web GamesExcellent web DesignFlash multimedia applications can be used to build online games, but with HTML5, changing the way online games are built. "HTML5
very important position, and it is one of the best JavaScript 3D open source frameworks. For famo.us, the best thing to do is wrap up the 3D layout engine, which completely inherits the 3D physics-driven animation engine.Learn more about-famo.us/docsGet Source code-famous5. Playcanvas.jsPlaycanvas is an enterprise-class open source JavaScript framework based on the WebGL game engine , which has a number of development tools to help you quickly create
engine that provides an interface for developing outstanding games and cross-browser compatibility.
3) Play Craft Labs
The playcraft engine provides developers with many tool sets to help develop various types of games. These tool sets are very powerful and allow developers to freely use their own ideas, it can be easily converted to other platforms, such as Facebook, old websites, native Android and iOS applications.
4) Jawsjs
Jaws is an HTML5-drive
standard for HTML5 and native mixed programming, Cantk-runtime is available in the form of PhoneGap plug-ins, allowing you to use thousands of of phonegap plugins. The drawing API is available in the standard HTML5 Canvas 2D API, and the music and sound effects are provided in a way compatible with HTML5 audio.
6. Support all
. Follow the standards. PhoneGap is the de facto standard for mixed HTML5 and Native programming. The cantk-runtime is provided in the form of the PhoneGap plug-in, allowing you to use thousands of PhoneGap plug-ins. The rendering API is provided in the standard HTML5 Canvas 2D API mode, and the music and sound effects are provided in a way compatible with HTML5
very important position, and it is one of the best JavaScript 3D open source frameworks. For famo.us, the best thing to do is wrap up the 3D layout engine, which completely inherits the 3D physics-driven animation engine.Learn more about-famo.us/docsGet Source code-famous5.playcanvas.jsPlaycanvas is an enterprise-class open source JavaScript framework based on the WebGL game engine, which has a number of development tools to help you quickly create 3
very important position, and it is one of the best JavaScript 3D open source frameworks. For famo.us, the best thing to do is wrap up the 3D layout engine, which completely inherits the 3D physics-driven animation engine.Learn more about-famo.us/docsGet Source code-famous5.playcanvas.jsPlaycanvas is an enterprise-class open source JavaScript framework based on the WebGL game engine, which has a number of development tools to help you quickly create 3
: [], frameduration: 40, onfinish:Function() {Self. isdisappear =True}});This. Setcurrentanimation (spritesheet );This. Speedx = 0;This. Speedy = 0;}
The spritesheet image of the animation is as follows:
The generated animation is used to draw the image on the canvas from different locations each time.For details about spritesheet animation, see: HTML5 game framework cngamejs development record: an
problem, the console has been prompted dead loop, in the place of error check for a long time, also did not find strange. Follow up Socket.io source to find, is when I want to give the client with the data, there is a circular reference problem, in fact, in my inside there is an object to save a timer, so that the data object into JSON, the conversion code will fall into a dead loop. Although this problem is not big, I also know that this situation will cause the conversion exception, but it is
Online DemoLocal DownloadsThis article describes the basic use of the HTML5 game engine pixi.js.The relevant code is as follows:JavascriptImport Class Library: (CDN service with geek: http://cdn.gbtags.com) Engine use:。。。。。。。。Read the original: HTML5 game development en
The neural Cat Game is a game developed based on html5, jquery, typescript, and other technologies. It is very fun. If you are interested, come and watch it and try it, we will share with you how to create a neural Cat Game using html5-download the source code, if you need i
are similar to those of the original version. You don't need to install the game and can play it directly on your browser. Currently, this version only provides the most common Fruit Cutting function, no combo (even cut reward), No zen mode or Arcade Mode, and so on. However, it is quite good after testing, in Chrome, everything works normally. (Ie9 also works, but the performance is poor)
Although the lack of some
Plug-ins are divided into the following categories (depending on the difficulty of making ):1. Action, the so-called action, refers to the use of APIs to send commands to Windows or APIs to control the mouse, keyboard, and so on, so that the players in the game can flow or attack, this is the earliest plug-in for stone tools.2. Local modification. This plug-in is no different from some traditional game modi
Starter: personal blog, update error correction replyPhaser official sample learning is in progress, the official example is adjusted to a concise directory structure, the learning process has added a few Chinese comments, code here.The official full game example is now viewed in more than half,Breakout is knocking bricks, gemmatch is diamond elimination, Invaders is a little bee, matching is paired, Simon is memory
HTML5 game development practices-notes
1. WebSocket is part of the HTML5 standard. Web pages can be used to persistently connect to the socket server. This interface provides an event-driven connection between the browser and the server, which means that the client no longer needs to send a new data request to the server every other time period. When data needs t
1.WebSocket It is part of the HTML5 standard. Web pages can be used to connect to persistent socketserver in. This interface provides a browser and server-to-event-driven connection. This means that the client no longer sends a new data request to the server each time it needs it.When there is a need to update the data, the server can directly push the data to update to the browser. One of the benefits of this feature is the ability to interact in rea
1.WebSocket is part of the HTML5 standard that Web pages can use to permanently connect to the socket server. This interface provides an event-driven connection between the browser and the server, which means that the client does not have to send a new data request to the server every other time period. When the data needs to be updated, the server can push the data directly to update the browser. One of the benefits of this feature is that players ca
0 reply content: two reliable ones are recommended:
1. GoodBoyDigital/pixi. js GitHub
2. If you want to pursue the product quality and the possibility of a runtime/native app in the future, choose Cocos-JS.
3. JS thing must use JS to solve the update, use cocos2d-js
Http://cn.cocos2d-x.org/tutorial/index? Type = cocos2d-js
-----------------------------------------------------------------------------
1. LimeJS http://www.limejs.com/
Open source js Game
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.