JS基础 | JavaScript运行环境

Shawn 计划为非程序员人群提供游戏编程入门教程，开通新的公众号「少年奎特尔」从 JavaScript 编程语言起步，内容将会涉及 Cocos Creator 、Scrash、Unity、Arduino、Raspberry pi、Cozmo 等游戏编程技术与可编程的电子设备，期待您的关注与加入。

---

前面我们介绍了 JavaScript 的历史、组成部分，今天 Shawn 继续唠叨 JavaScript 的运行环境。

1. 浏览器环境

开发 H5 游戏主要使用 Chrome 浏览器居多，在苹果 iOS 平台上有时也会用到苹果自家的 Safari 浏览器做原生调试。

浏览器是运行 H5 游戏的宿主，也是日常开发调试最常用的工具，特别是 Chrome 浏览器强大的开发调试能力，因此建议以 Chrome 浏览为默认浏览器。

2. Node.js

使用 Node.js 除了开发服务器程序外，还被用于 Web 前端自动化，而且基于 Node.js 的第三方模块异常丰富，在 H5 游戏开发中 Shawn 经常会使用 Node.js 编写一些脚本工具，辅助日常的游戏开发工作。

同时 Shawn 发现 Node.js 的交互式命令行，是初学者学习 JavaScript 语法、验证 JavaScript 函数 API 的绝佳环境（ Node.js 的交互式命令行提供有代码补全功能）。

3. Cocos Creator

Cocos Creator 跨越两大平台：原生环境 & HTML5

原生环境通常是指手机App或桌面应用程序，比如：

• iOS 的 ipa 包

• Android 的 apk 包

• Windows 应用程序

• Mac 应用程序

引擎底层是由 c/c++ 编写的 cocos2d-x 框架，并整合 JavaScript 引擎，同时提供一套 JavaScript 与 c++ 的交互接口称之为 JSB（全称 JavaScript Binding），引擎提供统一的 JavaScript API 接口用于游戏内容的生产。

HTML5 环境通常是：

• 桌面浏览器

• 移动浏览器

• 微信小游戏

在 H5 环境上，引擎使用浏览器提供的 WebGL 图形 API 进行2D\3D渲染，上层同样使用与原生接口相同的 API 进行游戏内容的开发。

对于游戏开发者来说，主要是使用引擎提供的 API 接口和可视化编辑器，组织管理游戏资源（图片、字体、声音、脚本...），因此我们编写一套游戏代码，可将其运行在电脑、手机等不同环境上。

4. 英文专业术语

• chrome：n. 铬，铬合金；铬黄；谷歌浏览器

• safari：n. 狩猎远征，游猎；长途旅行；苹果公司开发的浏览器

• node：n. 节点

• iOS：iphone操作系统（iphone operation system)

• android：n. 机器人；谷歌公司开发的移动操作系统

• binding：n. 装订；捆绑；v. 捆绑（bind的ing形式）

• WebGL：全称 Web Graphics Library 是一种3D绘图协议，可以为HTML5 Canvas提供硬件3D加速渲染

• API：Application Programming Interface，应用程序接口，是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。

---

扫码关注「少年奎特尔」

「少年奎特尔」公众号专注青少年游戏编程启蒙，通过游戏编程了解计算机与软件开发的一般知识，学习计算机思维，并能将日常的数学 、英语、表达、创意等能力应用于编程实践之中，Shawn 的愿景是：

——让游戏编程成为教育的最强武器！

1. CreatorPrimer 30篇教程汇总

2. KUOKUO的趣味教程 | 进击的小怪诞生(1)

3. KUOKUO的趣味教程 | 小怪物的视野(2)

4. KUOKUO的趣味教程 | 小怪物也思考(3)

5. 大神驾到 |「大掌教」Cocos3D组件详解

6. Creator MVVM方案—为人生节省时间！

7. Creator2.x摄像跟随实现RPG地图

8. CreatorPrimer|组件编码心得(上)

9. CreatorPrimer|组件编码心得(中)

10. CreatorPrimer|组件编码心得(下)