运行js_JS基础|JavaScript运行环境

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

前面我们介绍了 Javascript 的历史、组成部分&＃xff0c;今天 Shawn 继续唠叨 Javascript 的运行环境。

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

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

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

同时 Shawn 发现 Node.js 的交互式命令行&＃xff0c;是初学者学习 Javascript 语法、验证 Javascript 函数 API 的绝佳环境( Node.js 的交互式命令行提供有代码补全功能)。

Cocos Creator 跨越两大平台&＃xff1a;原生环境 & HTML5

原生环境通常是指手机App或桌面应用程序&＃xff0c;比如&＃xff1a;

• iOS 的 ipa 包

• Android 的 apk 包

• Windows 应用程序

• Mac 应用程序

引擎底层是由 c/c&＃43;&＃43; 编写的 cocos2d-x 框架&＃xff0c;并整合 Javascript 引擎&＃xff0c;同时提供一套 Javascript 与 c&＃43;&＃43; 的交互接口称之为 JSB(全称 Javascript Binding)&＃xff0c;引擎提供统一的 Javascript API 接口用于游戏内容的生产。

HTML5 环境通常是&＃xff1a;

• 桌面浏览器

• 移动浏览器

• 微信小游戏

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

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

• chrome&＃xff1a;n. 铬&＃xff0c;铬合金&＃xff1b;铬黄&＃xff1b;谷歌浏览器

• safari&＃xff1a;n. 狩猎远征&＃xff0c;游猎&＃xff1b;长途旅行&＃xff1b;苹果公司开发的浏览器

• node&＃xff1a;n. 节点

• iOS&＃xff1a;iphone操作系统(iphone operation system)

• android&＃xff1a;n. 机器人&＃xff1b;谷歌公司开发的移动操作系统

• binding&＃xff1a;n. 装订&＃xff1b;捆绑&＃xff1b;v. 捆绑(bind的ing形式)

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

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

扫码关注「少年奎特尔」

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

——让游戏编程成为教育的最强武器&＃xff01;

1. CreatorPrimer 30篇教程汇总

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

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

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

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

6. Creator MVVM方案—为人生节省时间&＃xff01;

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

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

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

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