Android 平台接口技术知识课件 游戏引擎使用.pptxVIP

游戏引擎使用;5.1 HTML5 游戏开发 5.2 2D 引擎-cocos2d-x 使用 5.3 3D 引擎-unity3d 使用;HTML5 游戏开发;概述 Canvas SVG Canvas VS SVG 拖放 脚本 函数 JavaScript JavaScript基础 JavaScript框架 jQuery;在第四章我们提到过，HTML可以用元素来构建网页，CSS可以为其提供样式支持，另外还可以对HTML的内容使用JavaScript来进行访问。 JavaScript写成的脚本可以在使用过程中，由浏览器进行解释。 HTML5中提供了很多新特性，这使HTML5更适合用于制作游戏。。包括Canvas、SVG、音频视频标准、缓存等。 ;fillRect 方法拥有参数 (0,0,150,75)，意思是：在画布上绘制 150x75 的矩形，从左上角开始 (0,0)。 如下图所示，画布的 X 和 Y 坐标用于在画布上对绘画进行定位。 ;线条：通过指定从何处开始，在何处结束，来绘制一条线。 圆形：通过规定尺寸、颜色和位置，来绘制一个圆。 渐变：使用指定的颜色来绘制渐变背景。 图像：把一幅图像放到画布上。;SVG 指可伸缩矢量图形 (Scalable Vector Graphics)。 SVG 用于定义用于网络的基于矢量的图形。 SVG 使用 XML 格式定义图形。 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失。 SVG 是万维网联盟的标准。 ;与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于： SVG 图像可通过文本编辑器来创建和修改； SVG 图像可被有哪些信誉好的足球投注网站、索引、脚本化或压缩； SVG 是可伸缩的； SVG 图像可在任何的分辨率下被高质量地打印； SVG 可在图像质量不下降的情况下被放大。 ;在 HTML5 中，可以将 SVG 元素直接嵌入 HTML 页面中：;依赖分辨率。 不支持事件处理器。 弱的文本渲染能力。 能够以 .png 或 .jpg 格式保存结果图像。 最适合图像密集型的游戏，其中的许多对象会被频繁重绘。 ;拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 ;;;在HTML5游戏的制作中，脚本是很重要的一部分，它控制着整个游戏的逻辑和进程。 在网页中添加scrpit标签来使用JavaScript脚本。 script中的代码是在HTML加载完成后自动运行的。如果代码没有被放在函数中，就会在网页使用的过程中按顺序被浏览器解释。;开发者可以在scrpit标签中定义函数。Return用于返回结果。 元素可以通过某些属性来调用函数。;JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构。 ;写入 HTML 输出。 对事件作出反应。 改变HTML内容。;改变HTML图像。;改变HTML样式。 验证输入。 ;JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。 为了应对这些调整，许多的?JavaScript (helper) 库应运而生。 这些 JavaScript 库常被称为?JavaScript 框架。 一些广受欢迎的 JavaScript 框架：jQuery、Prototype、MooTools。 所有这些框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理。;jQuery 是目前最受欢迎的 JavaScript 框架。 它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。 jQuery 同时提供 companion UI（用户界面）和插件。;2D 引擎-Cocos2d-x 使用;基于MIT协议 开源框架 用于构建游戏、应用程序和其他图形界面 官方网站/;易于使用：游戏开发者可以把关注焦点放在游戏设置本身，而不必消耗大量时间学习晦涩难懂的OpenGL ES，此外，Cocos2D还提供了大量的规范。 高效：Cocos2D基于OpenGL ES进行图形渲染，从而让移动设备的GPU性能发挥到极致。;灵活：方便扩展，易于集成第三方库。 免费：基于MIT协议的免费开源框架，用户可以放心使用，不用担心商业授权的问题。 社区支持：关心Cocos2D的开发者自发建立了多个社区组织，可以方便的查阅各类技术资料。 ;源于Cocos2d引擎，可用C++、Javascript、Lua语言进行开发