- 博客(8)
- 收藏
- 关注
原创 游戏界面
纯手工打造针对小游戏或者游戏界面嵌套层次并不复杂的情况,笔者建议直接使用代码实现,这样的好处是灵活度更高,而且我们能对界面有更好的掌握。按钮首先,我们来看看简单的按钮在cocos2d-js中如何实现 cocos2d-js为我们提供了4种按钮,包括:MenuItemSprite、MenuItemImage、MenuItem-Font和MenuItemLable,这些按钮都继承于Menu
2016-05-09 22:36:56 118
原创 让玩家操作这个世界
鼠标事件鼠标事件是指使用鼠标点击游戏画面的事件,cocos2d-js 游戏只有在PC上运行时才会有这个事件。 使用cc.eventManager.addListener监听鼠标事件. 在监听函数中有一个event参数,这个参数由cocos2d-js处理鼠标事件时传递给监听函数。event参数是一个对象,里面有几个常用的方法,我们有必要学习下。 event.getLocation:获取鼠标事件发
2016-05-09 16:00:13 218
原创 cocos2d-js的平面世界
cocos2d世界的经纬度–坐标系首先,我们看一个典型的游戏画面,这个图有几个元素,首先最明显的应该是一个超人,然后右侧有一个’HUNGRY HERO’字样的图标,另外还有2个按钮(PLAY和ABOUT),最后就是底下的背景图,如图3-1所示。 在这个游戏画面中,超人和位置按钮是怎么表示呢,我们知道,地球上某一点的位置可以用经纬度来表示。同理,游戏的二维世界也可以通过这样的方式表示,具体
2016-05-08 20:42:29 222
原创 基本视觉格式化
基本框CSS嘉定每个元素都会生成一个或多个矩形框,这个称为元素框,各元素框忠心有一个内容区。这个内容区周围有可选的内边距、边距和外边距。这些项之所以被认为是可选的,原因是他们的宽度可以设置为0。 可以用多种属性设置各外边距、边距和内边距,如margin-left或border-bottom。内容的背景也会应用到内边距。外边距通常是透明的,从中可以看到父元素的背景。内边距不能是负值,但是外边距
2016-05-03 23:57:08 55
原创 文本属性
缩进文本在Web页面上一个段落的第一行缩进,这是一种最常用的文本格式化效果,有些网站在段落的第一个字母前面放一个很小的透明的图片,这个图像将文本推进到后面来制造一种缩进文本的感觉。另外一些网站则使用完全非标准的spacer标记。在css中,有一种更好的方法实现文本缩进,即text-indent属性。 通过使用text-indent属性,所有的元素的第一行都可以缩进一个指定的长度,甚至该长度可以是负
2016-05-03 23:32:28 182
原创 内边距、边框和外边距
基本元素框所有文档都生成一个矩形框,这成为元素框,它描述一个元素在文档布局所占的空间大小。因此,每个框影响着其他元素框的位置和大小。宽度和高度一个元素的width定义为从左内边界到右内边界的距离,height被定义为上边界到下内边界的距离。 注意:它们不能应用到行内非替换元素。例如,如果你想申明一个超链接的height的width,css兼容的浏览器必须忽略这些申明。外边
2016-04-28 15:30:34 1143
原创 文本属性
缩进文本在Web页面上一个段落的第一行缩进,这是一种最常用的文本格式化效果,有些网站在段落的第一个字母前面放一个很小的透明的图片,这个图像将文本推进到后面来制造一种缩进文本的感觉。另外一些网站则使用完全非标准的spacer标记。在css中,有一种更好的方法实现文本缩进,即text-indent属性。 通过使用text-indent属性,所有的元素的第一行都可以缩进一个指定的长度,甚至该长度可
2016-04-28 01:14:24 259
原创 css值和单位
数字CSS中有两类数字:整数和实数。这些数字类型主要作为其他值类型的基础,不过在某些情况下,这些基本类型数字也可以用作属性的值。百分数百分数值是一个计算得出的实数,其后跟有一个百分号。百分数值几乎总是相对于另一个值,这个值可以是任意的。长度单位很多CSS属性都依赖于长度度量来合适的显示各种页面元素。所有长度单位都可以表示为整数或者负数,其后跟有一个标签(不过有些属性只能接受整数)。另外还可以使用实数
2016-04-28 00:45:43 260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人