Web 3D Engine "babylon.js" Introductory Tutorial Translation Summary

Use three months of spare time to translate the introductory part of the official tutorial into Chinese and upload it to GitHub and make a summary before the next programming.

Course:
The earliest contact game programming is in the next semester, with assembly language and laboratory of single-chip microcomputer, touch screen, motor (provide sound effect) compiled by the mouse program. Later, because of the graduation design of the senior and three-dimensional space simulation, but also self-taught MFC programming and Nehe OpenGL tutorial (Chinese translation) (C++3d programming complex will impress any participants, to the Pioneers salute). After working self-taught JavaScript language and front-end knowledge, the sense of JS and C + + is extremely easy to use, if you can use JS instead of C + + 3D development can greatly reduce the programming threshold. Under purposeful search I began to learn the new technology HTML5 introduced in WebGL (in fact WebGL comes from the Khronos group, and the HTML5 specification comes from WHATWG and the organization of the worlds, and there is no affiliation, Only the actual application of WebGL is usually called through HTML5 's canvas).

Factions:
The WEBGL data that is now easier to find on the web is divided into three factions: the WebGL Native Developer (Basic tutorial See: http://learningwebgl.com/blog/), the Three.js (the WebGL Getting Started Guide is a relatively simple book), Babylon.js Faction (official website: http://www.babylonjs.com/). After learning the basic tutorials of three factions sequentially (the first two factions can only find basic tutorials online), I decided to take babylon.js as the main direction. If you want to compare these three ways of development: WEBGL native development is like a cast slings in ancient times, primitive and difficult to control, but through the constant use of stone cable exercise strong physique can under any circumstances to give you support ; Three.js is like AK47, simple and powerful, able to solve problems quickly in certain situations, but when you want to delve into it you find it difficult to control; Babylon.js is a Jedi lightsaber, simple but irresistable, a sword in the hand of the Force with you (rich tutorials and community).

Tutorial:
Babylon.js Online has extremely rich free tutorials and examples, its official website tutorial area (http://doc.babylonjs.com/tutorials) a total of web blog Form Tutorial 81, the video form of the tutorial 10, wherein the blog tutorial divided into 19 primary tutorials , 22 intermediate tutorials, 40 advanced tutorials. I translated the first 15 tutorials for beginners in the beginner's tutorial, and later there will be time to select the important parts of the following to continue the translation.

Language:
With the help of the network dictionary, the recognition of words does not have much obstacle, the difficulty of translation is that Chinese and English idioms are different, such as the Chinese people used to say "to go there slowly", while the Americans are accustomed to say "toward there slowly", when these inverted elements into phrases and even clauses when the translation will become very complex. In the face of this situation, do not waste scores of English level six I can only choose to paraphrase or a long sentence into a number of short sentences, it can only be in accordance with the order of the original text one by one list of explanations, inevitably have lost the original style, please many readers forgive. In addition, the original author of the introductory part of the tutorial used a lot of mood words and expressions of embarrassment in the text, limited to the level, and can not be fully translated.

Tools:
BABYLONJS's tutorial site uses different styles to highlight important content, so I also translate it as a website (site: https://github.com/ljzc002/ljzc002.github.io/tree/master/ BABYLON, you can put the file in the native Tomcat to use, through the Githubio direct access method see the last). In order to improve the efficiency of translation I have added a full manual translation plugin in the Code of my website (time limited to detailed debugging under IE11, there must be a bug in chrome). The basic idea of the plug-in is to listen to each editable tag in the Web page mouse-over, mouse out, mouse click events, when the mouse moves to highlight the label, click the Label Pop-up dialog box to modify the text, while maintaining a log list support for error modification rollback, and finally provide a button to complete the modified page export. I have disabled the translation plug-in in the release version, if I want to use the "if (true) return" that can be commented out in window.onload. By the way, the "degree of distribution" of the BABYLONJS site is extremely high, and its stylesheets, fonts, and even JavaScript scripts are dynamically allocated and assembled via a CDN, and we can even see that some of the label's class names are local names! The translation page I made is just a rough imitation of its shape.

Copyright:
The copyright of all the above text, the copyright of the translation plug-in, the copyright of the translations are owned by me, published using the MIT Agreement, the original official tutorials and the references to the various resources are owned by the original author, using their original license agreement.

Githubio access Method:

Use the URL "" http://ljzc002.github.io/BABYLON/HTML/"+html file name access", such as "Http://ljzc002.github.io/BABYLON/HTML/001Basic_ Scene.html "is to access the" Basic scenes "Web page under the/babylon/html/directory.

Web 3D Engine "babylon.js" Introductory Tutorial Translation Summary