摘要本文通过行为和规则的抽取，制定出一套可视化编程方案，并使用 HTML5 技 术，实现了一个 Web App 平台。该平台使用 Google Closure 作为 JavaScript 开 发库，在平台多处使用了组件化和模块化的设计。该平台通过一些过程来编辑虚 拟场景，包括：创建对象、修改属性、编辑地图、行为组合、规则组合、流程图 组织。最终，通过语义解释来驱动运行整个虚拟场景。该平台还定义了一套数模 转换的机制，它用于数据的存储和重现，并可使浏览器方便的进行文件的保存和 载入。68470

关键词 HTML5，Web App，Closure，组件化，模块化，数模转换，可视化编程， 规则组合，行为组合，流程图，语义解释，浏览器文件存取

Extraction Research in Gaming Platform About Rules of Conduct

Abstract

Based on the behavior and rules extraction, we made a visual programming scheme. We implement a Web App platform by using HTML 5. The platform uses Google Closure as JavaScript development library and it uses the Cinematization and modular design. It have some stages to edit virtual scene, including: creating objects, modifing attributes, editing maps, behavior combination, rules combination and organize the flow chart. At last, it runs the whole virtual scene by semantic interpretation. The platform also defines a digital to analog conversion mechanism, using for data storage and repeat, and it can make the browser file save and load become convenient.

rogramming, Rule combination, Behavior combination, Flow chart, Semantic interpretation, Browser file access

1 引言 1

1.1 问题来源 1

1.2 研究内容 1

2 工具介绍 2

2.1 Google Closure 2

2.1.1 Closure Compiler 2

2.1.2 Closure Library 2

2.1.3 Closure Templates 2

2.2 Git 3

2.3 Grunt 3

2.4 Trello 4

2.5 Chrome 4

3 整体框架 4

3.1 设计原型 4

3.2 编辑流程 5

3.3 创建对象及属性 6

3.4 规则组件 6

3.5 流程图 7

3.6 解释执行 8

4 画布 9

4.1 介绍 9

4.2 编辑模式