Books: HTML5 Canvas 2d programming must-read two classics

Source: Internet
Author: User

Books: HTML5 Canvas 2d programming must-read two classics

Over the past two years, he has been working with HTML5 Canvas and has led the team to develop the world's first demonstration document tool based on HTML5 canvas---axeslide (ax demo, www.axeslide.com). In this area also accumulated some experience, hope to have the opportunity to share with you. Today is to recommend two copies of this book, at the same time will send a book to everyone.

The first book to be introduced is my introductory book on canvas development-the HTML5 canvas core technology: Graphics, animation and game development. The book author David Geary, the Chinese version of the translator for Love Flying, published by the mechanical industry press.

I believe this book, not only my personal, many students learn HTML5 canvas development is to regard it as a desk must. This book is a benchmark in the field of HTML5 Canvas and one of the most comprehensive and in-depth works in the field so far, and is a recognized classic, five-star bestseller and senior technical expert David Geary. It not only comprehensively explains the API of the canvas element, but also how to use canvas for drawing, animation, physics effect simulation, collision detection, game development, mobile application development, and contains a large number of instances, the operability is very strong. When we develop an axe demo, from basic drawings, pictures, videos, audio processing, to animation, text processing, all the core development content can be obtained from the Book of knowledge and inspiration.

"HTML5 Canvas Core technology: Graphics, animation and game development" is divided into 11 chapters. The 1th chapter introduces the canvas element and how to use it in the Web application, and the 2nd Chapter delves into how to draw with the canvas's API, and the 3rd chapter tells the reader how to draw and manipulate the text in the canvas, and the 4th chapter is devoted to the operation and video processing of images and images. The 5th chapter describes how to achieve smooth animation effect, the 6th chapter explains how to use JavaScript language to implement sprites; The 7th chapter shows how to simulate physical effects in animations; The 8th chapter describes the techniques used for collision detection; The 9th chapter starts with a simple but efficient game engine, Provides all the support functions required for game production, and the 10th chapter discusses the common methods for implementing custom controls, and the 11th chapter is devoted to implementing a canvas-based mobile application.

The book above has become a classic, the next one, is about to become a classic. Daniel David Geary is also the masterpiece of "HTML5 2D game Programming core technology."

The book, published by the mechanical industry press, is currently not available on the Internet or in the physical bookstore, but I have already got it in advance and read it carefully for a few days.

Compared to the previous book, this book can be read as an advanced book for HTML5 Canvas programming, and can be used as a primer for HTML5 game programming for long-term browsing.

The difference between the master and the ordinary people, not only lies in the level of ability, more important is to understand the knowledge, truly preach, tuition, doubts. This book has been done.

This book is intended for developers who want to use HTML5 for 2D game development and have some JavaScript programming experience. In this book, the author has completely explained the development process of a complex horizontal scroll platform video game from scratch, and named the video game "Snail Bait". In the development process, the author does not use any third-party graphics framework or game framework, so the reader will learn to programmatically achieve smooth animation, Sprite explosion, developer Backdoor program, game design, such as the ease of all content. If the reader is using a game frame to develop the game, the book will also help readers understand how the game framework works inside.

For instructional purposes, the Snail bait game achieves only one level, but it has all the features of an arcade-style game. Snail Bait Game operates multiple animated objects at the same time on a scrolling background, the sprite object, adding multiple audio effects while playing the game's background music. Sprite objects have a variety of behaviors, including but not limited to running, jumping, flying, flashing, bouncing, moving back and forth, exploding, crashing, landing on the platform, falling from the bottom of the game screen, etc.

In addition, the Snail bait game also implements a number of features. For example, a time system that slows or accelerates the overall speed of the game, animation of the game loading process, the special effect of shaking the game screen when the protagonist loses his life, simulating smoke and burning particle systems, etc. When the game window loses focus, the Snail bait game pauses, and when the game window is regained focus, the Snail bait game begins with a countdown animation so that the player has time to regain control of the game.

While no game frame or graphics frame is used, the snail bait Game uses node. JS and Socket.io technology to deliver some of the game's metrics data to the server side, high-score storage and retrieval, and display high scores at the top of the game window. The Snail bait game also displays a warning message when the game is running slowly. When you press the "Ctrl+d" key to start the game, the Snail bait game launches the developer backdoor, giving the operator special privileges, such as modifying the flow of the timeline, or displaying a Sprite object collision detection Rectangle and other functions.

When the snail bait game detects that it is running on a mobile device, it will reconfigure itself by invoking the touch event handling handle and resizing the game window to accommodate the screen size and control of the mobile device.

Game programming has always been the best training method for me to practise my programming skills. Because even a small game, you have to consider the architecture of the program, consider layering and decoupling, consider message delivery, consider drawing, consider animation, consider the network, consider performance, consider interaction, multimedia processing, multithreading and so on. Game programming, often need us in a certain aspect to achieve the ultimate, the programmer's temper is quite large. From the writing of a small game, we can systematically learn a lot of knowledge and skills.

The above is the reason why I strongly recommend this book, this book is not difficult, as long as you can understand the intentions, and the author is also equipped with video tutorials. The main reason is that the authors write well enough!

Two classics, each one to everyone, each can only get one of them. Here are the ways to participate:

0. Scan attention to the Dark Soul Studio (xuanhun521)

1. If you can write HTML5 Canvas-related excellent articles, please write to me under the subscription number below this article. If your manuscript is accepted, I will send the book immediately. 2. Random rewards, and leave a message under this article. I will randomly draw the lucky ones.

Mechanical Industry Press chapter book in books to the Xuan Soul Studio readers, but also gave me the whole network of the lowest price book concessions, everyone through I can be 75 percent + 5 yuan postage way to buy these two books. If you want to buy, just leave a message under the article. This is my personal exclusive offer, no intermediate profit, if you have a cheaper way to buy, please also recommend to me, but do not judge, out of nothing.

Both books are priced at 99 yuan.

Books: HTML5 Canvas 2d programming must-read two classics

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.