01

1、网络游戏(Online Game)

指用户通过计算机互联网进行交互娱乐的电子游戏,通常以互联网为传输媒介,以游戏运营商和用户计算机作为处理终端,以专门的游戏客户端软件或浏览器为信息交互窗口。

2、客户端形式

这一种类型是由公司所架设的服务器来提供游戏,玩家们通过公司所提供的客户端来连上公司服务器以进行游戏,现称之为网络游戏的大都属于此类型。

3、浏览器形式

基于浏览器的游戏,也就是我们通常说的网页游戏,又称Web游戏,它不用下载客户端,简称页游。

4、网页游戏

1、定义:顾名思义就是基于Web浏览器的游戏,又称无端网游或网页游戏。以浏览器为客户端,无需下载,安装。

简单的说:只要用户打开浏览器输入网址就能进行游戏。区别于传统网游,无需实时操作看管,游戏就会采集资源,进行战斗等,因此受到广大有上网条件但空闲时间有限的人群,特别是白领上班族的追捧。

2、特点:

网页游戏怎么架构 网页游戏原理_js


网页游戏怎么架构 网页游戏原理_HTML_02

5、主要类型

ARPG 动作角色扮演
ACT 动作游戏
AVG 冒险游戏
MMO-RPG 大型多人在线角色扮演游戏
RPG 角色扮演
SLG 策略类
SLM 模拟经营

6、HTML5游戏优势

导流渠道丰富,具备快速填充市场的潜力
金融、航空、运营商等垂直渠道潜力巨大
跨界合作推广
现象级产品揭示用户获取能力

02

1、HTML(超文本标记语言)

1、HTML文档由嵌套的HTML元素构成

2、HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码;开始标签常被称为(opening tag),结束标签常称为闭合标签(closing tag)。

网页游戏怎么架构 网页游戏原理_css_03


3、HTML标签表示,包含于尖括号中,且大都是成对出现:“开标签”和“闭标签”

一对标签及二者之间包含的内容称作一个“元素”(element)

在开始与结束标签之间也可以封装另外的标签,包括标签与文本的混合。这些嵌套元素是父元素的子元素

4、标签属性:

开始标签可包含标签属性

作用包括:标识文档区块、将样式信息绑定到文档和为一些如 等的标签嵌入图像、引用图像来源等

一些元素如换行符,不允许嵌入任何内容,只需一个单一的空标签(类似于一个开始标签),无需结束标签

许多标签是可选的,如段落元素的闭合端标签

HTML浏览器或其他介质可以从上下文识别出元素的闭合端以及由HTML标准所定义的结构规则

5、核心元素

网页游戏怎么架构 网页游戏原理_网页游戏怎么架构_04


网页游戏怎么架构 网页游戏原理_HTML_05

2、CSS(层叠样式表)

1、一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护
2、CSS与HTML
CSS不能单独使用,必须与HTML或XML一起协同工作,为HTML或XML起装饰作用
HTML负责确定网页中有哪些内容,CSS确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素
CSS可以用于设定页面布局、设定页面元素样式、设定适用于所有网页的全局样式
CSS可以零散地直接添加在要应用样式的网页元素上,也可以集中化内置于网页、链接式引入网页以及导入式引入网页
3、CSS规则
选择器(Selector):多个选择器可以半角逗号(,)隔开
属性(property):CSS1、CSS2、CSS3规定了许多的属性,目的在控制选择器的样式
值(value):指属性接受的设置值,多个关键字时大都以空格隔开
属性和值之间用半角冒号(:)隔开,属性和值合称为“特性”
多个特性间用“;”隔开,最后用“{ }”括起来

3、JavaScript

1、是一种动态类型、弱类型、基于原型的、解释型的高级编程语言,是基于原型、函数先行的多范式语言;支持面向对象编程、命令式编程以及函数式编程。
2、特点:
JavaScript是一种属于网络的解释性脚本语言,主要用来向HTML页面添加交互行为 在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)
(1) 脚本语言 (2) 基于对象 (3) 简单 (4) 动态性 (5) 跨平台性