My Game --背景
在GitHub MyGame clone 代码,添加到配置并新建好的工程中运行下来就可以看到这个画面:
中间的小点是显示的当前触摸点,本文暂不讨论。图中的蓝天是蓝色的 LayerColor
this->addChild( LayerColor::create( Color4B( 182, 228, 254, 255 ) ) );
云和山都是用 DrawNode 画的。
云的组合很简单,画四个圆调整好大小位置就可以做出不错的效果,调整下大小,位置就可以了
Color4F color = Color4F( 0.929f, 0.972f, 1.0f, 1.0f );
auto circle = DrawNode::create( );
circle->drawSolidCircle( Vec2::ZERO, 60.0f, 0.0f, 24, color );
circle->setPosition( 0, 0 );
auto circle1 = DrawNode::create( );
circle1->drawSolidCircle( Vec2::ZERO, 35.0f, 0.0f, 24, color );
circle1->setPosition( 50, -15 );
auto circle2 = DrawNode::create( );
circle2->drawSolidCircle( Vec2::ZERO, 40.0f, 0.0f, 24, color );
circle2->setPosition( -50, -10 );
auto circle3 = DrawNode::create( );
circle3->drawSolidCircle( Vec2::ZERO, 25.0f, 0.0f, 24, color );
circle3->setPosition( -80, -22 ); auto cloud = Node::create( );
cloud->addChild( circle3 );
cloud->addChild( circle2 );
cloud->addChild( circle1 );
cloud->addChild( circle );
return cloud;
山的画法相对来说有点复杂,不过实际上用的是画多边形,其实圆也是用多边形画的,边多也看起来也就像圆了,上边画的每个圆都用24条边画的。
山和云一样多个多边形叠加,不同的多边形画不同的颜色,看起来有层次
山还有一点不同的是:山的数据保存在XML文件中,需要读取和处理后才能画,
class DrawSp :public DrawNode
{ public:
bool init( );
void drawVectArr( VectArr * va );
void drawVectArrBt( VectArr * va);
void drawSolidVectArr( VectArr * va );
void drawSolidVectArrBt( VectArr * va );
//void drawBezier( const Bezier & bz, const Color4F & color, int seg = 30 ); void drawRoad( const Vec2 * vec, unsigned int seg,
const Vec2 & offset, const Color4F & color ); CREATE_FUNC( DrawSp );
protected:
DrawSp( );
~DrawSp( ); private: };
对DrawNode 扩展了几个函数,实际上只是为了更方便的用自定义数据类(VectArr)去画多边形
结合自定义的数据快捷的画出一座山:
bool BgLayer::init( )
{
if( !Node::init( ) )
{
return false;
}
auto vsize = _director->getVisibleSize( );
auto lines = _lineLayer->getLines( ); auto arr = new VectArr*[ lines.size( )];
for( int i = 0; i < lines.size( ); i++ )
{
lines[ i ] *= vsize;
arr[ i ] = new VectArr( lines[ i ] );
}
arr[ 0 ]->stichingToBottom( );
auto d = DrawSp::create( );
d->drawSolidVectArrBt( arr[ 0 ] );
this->addChild( d );
for( int i = 1; i < lines.size( ); i++ )
{
auto l = arr[ 0 ]->stiching( arr[ i ] );
l->stichingToBottom( );
auto dl = DrawSp::create( );
dl->drawSolidVectArrBt( l );
this->addChild( dl );
} return true;
}
再画一座加上去和背景就最上面的背景图了:
背景就先说到这里,牵扯到其他的太多了,哎~~
My Game --背景的更多相关文章
- CSS3 background-image背景图片相关介绍
这里将会介绍如何通过background-image设置背景图片,以及背景图片的平铺.拉伸.偏移.设置大小等操作. 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个: ...
- 冒泡,setinterval,背景图的div绑定事件,匿名函数问题
1.会冒泡到兄弟元素么? $(function(){ $("#a").click(function(){alert("a")}) $("#b" ...
- app引导页(背景图片切换加各个页面动画效果)
前言:不知不觉中又加班到了10点半,整个启动页面做了一天多的时间,一共有三个页面,每个页面都有动画效果,动画效果调试起来麻烦,既要跟ios统一,又要匹配各种不同的手机,然后产品经理还有可能在中途改需求 ...
- CSS 3学习——box-sizing和背景
box-sizing 在CSS 2中设置元素的width和height仅仅是设置了元素内容区的宽和高,元素实际的尺寸是margin + border + padding + 内容区. CSS 3(截止 ...
- .NET同步与异步之相关背景知识(六)
在之前的五篇随笔中,已经介绍了.NET 类库中实现并行的常见方式及其基本用法,当然.这些基本用法远远不能覆盖所有,也只能作为一个引子出现在这里.以下是前五篇随笔的目录: .NET 同步与异步之封装成T ...
- Android—ListView条目背景为图片时,条目间距问题解决
ListView是android开发中使用最普遍的控件了,可有的listView条目的内容颇为丰富,甚至为了美观,背景用指定图片,如下图:
- 在rem布局下使用背景图片以及sprite
现在移动端页面用rem布局已经是一大流派了,成熟的框架如淘宝的flexiable.js,以及我的好友@墨尘写的更轻量级的hotcss.用rem作单位使得元素能够自适应后,还有一块需要关注的,那就是背景 ...
- Atitit 动态按钮图片背景颜色与文字组合解决方案
Atitit 动态按钮图片背景颜色与文字组合解决方案 转换背景颜色,setFont("cywe_img", fontScale, 50, 5) 设置文字大小与坐标 文字分拆,使用字 ...
- 日常css技巧小结(1)--背景透明度改变对内容无影响
刚开始出现的错误,内容会受到背景透明度改变的影响:如图: 代码: <!DOCTYPE html> <html lang="en"> <head> ...
- C# 给PDF添加图片背景
C# 给PDF添加图片背景 今天要实现的是给PDF文件添加图片背景这个功能.PDF是近年来最流行的文件之一,无论是办公还是日常生活中都经常会用到,很多时候,PDF文件的背景色都是白色,看多了难免觉得累 ...
随机推荐
- 多列布局——column-width
column-width的使用和CSS中的width属性一样,不过不同的是,column-width属性在定义元素列宽的时候,既可以单独使用,也可以和多列属性中其他属性配合使用.其基本语法如下所示 : ...
- windows系统调用 semaphore信号量
#include "iostream" #include "windows.h" #include "cstring" using name ...
- c# winForm使用Aspose.Cells读取CSV文件中文乱码问题
不废话直接上代码 主要注意是 红色代码部分 Aspose.Cells.TxtLoadOptions lo = new TxtLoadOptions(); lo ...
- 11. 星际争霸之php设计模式--备忘模式
题记==============================================================================本php设计模式专辑来源于博客(jymo ...
- Live writer
使用起来还是蛮方便的,安装速度很快,配置也不麻烦.
- 递归函数 Python
函数: def fact(n): if n==1: return 1 return n * fact(n-1) 递归过程: print(fact(5)) >>fact(5) >> ...
- SpringMVC 手动控制事务提交
描述 事务还是一个比较好的东东,有了这个,我们在做流程性的东西的时候,就会很好,很nice. 现在看看 SpringMVC 如何实现的,详细请看代码: 1.配置文件 applicationContex ...
- 怎么简单获取input file 选中的图片,并在一个div的img里面赋值src实现预览?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs ...
- [问题2014A03] 解答
[问题2014A03] 解答 注意到 \((A^*)^*\) 的第 (1,1) 元素是 \(A^*\) 的第 (1,1) 元素的代数余子式, 即为 \[\begin{vmatrix} A_{22} ...
- linux 如何开机自动运行sh脚本
vi /etc/rc.d/rc.local #自动启动oracleecho 502 >/proc/sys/vm/hugetlb_shm_group su - oracle -c 'sh /dat ...