学习Cinder——建立Cinder工程

==引子==

先请看几个使用Cinder开发的案例：

==Cinder简介==

Cinder是一个由社区开发，开源，高质量C++库，功能和Processing类似，主要是致力于绘图以及艺术化的表现，使用它就可以开发出各种绚丽的效果。其实Cinder是一个工具箱式的函数库，里面包含了图形、图像等等多种工具，使用时可以很轻松的信手拈来，而不必考虑其他。

官网简介：http://libcinder.org/about/

官方文档：http://libcinder.org/docs/dev/index.html

下载地址：http://libcinder.org/download/

==Cinder建立工程==

在Cinder下载并解压缩完成后，在...\cinder_0.8.6_vc2012\tools\TinderBox-Win目录下会有一个TinderBox.exe，使用它可以很方便的建立一个Cinder工程，并且不用配置。使用TinderBox.exe建立工程，会出现以下提示：

Template：选择模板，一般应用程序都是Basic OpenGL，还可以建立屏保程序ScreenSaver或者Mac程序Cocoa OpenGL 
Project Name: 不解释
Location: 不解释
Cinder Version: 在安装了不同版本Cinder的条件下，可以选择Cinder的版本，在Settings里面设置不同的Cinder版本对应的名称。
Environment：根据你的开发环境选择。
Create local git repository：部署git本地数据。

继续下一步会弹出CinderBlocks窗口，CinderBlocks主要用于其他库与Cinder进行互操作。其实就是方便配置。如果选择了相应的库之后（反正我一般不选择）

选择INSTALL方式：

Copy：复制到本地文件夹（推荐）。

Relative：工程建立在与CinderBlocks相关联的磁盘位置，不会复制文件。

Git Submodule: 将CinderBlock添加到git submodule。

点击FINISH，结束。

如果安装了CinderBlocks，相应文件会保存在blocks文件夹中，反之则没有该文件夹。

源文件会保存在src文件夹。需要注意的是，你的VS工程是在vc11文件夹中，因此在VS中进行编程时，在编译器中直接添加的文件，会出现在VC11文件夹中，因此在#InClude代码时，应注意路径。

==代码解析==

以读取并显示图像为例，对代码结构进行一个简要的说明。

跟脚本语言或者Processing类似，Cinder函数的结构主要有：

void setup(); 初始状态，载入资源等；
void update(); 每一帧更新一次；
void draw(); 在Update()结束后绘制；

只要在相应的位置编写代码就可以。还有其他一些功能模块：

void prepareSettings( Settings *settings );

void mouseDown( MouseEvent event );

void keyDown( KeyEvent event );

void fileDrop( FileDropEvent event );

...

也都比简单

==图像资源的载入和显示==

Cinder载入图像有两种方式：一种是Surface，另一种是Texture，

Surface侧重于图像处理，相当于OpenCV中的Mat，当然功能十分有限：cinder::ip

Texture侧重于显示，直接使用了GPU（基于OpenGL或者D3D）：cinder::gl::Texture; cinder::dx::Texture

#include "cinder/app/AppNative.h"
#include "cinder/gl/gl.h"
#include "cinder/ImageIo.h"				//Loading and displaying images
#include "cinder/gl/Texture.h"			//displaying images

using namespace ci;
using namespace ci::app;
using namespace std;

class TutorialLoadImgApp : public AppNative {
  public:
	void prepareSettings( Settings *settings );
	void setup();
	void mouseDown( MouseEvent event );	
	void keyDown( KeyEvent event );
	void update();
	void draw();

private:
	Surface mSurface1;
	gl::Texture mTexture1;
	Surface mSurface2;
	gl::Texture mTexture2;
};

void TutorialLoadImgApp::prepareSettings( Settings *settings ){
	
	mTexture1 = loadImage( loadAsset("girl000.jpg") );//这里载入是为了设置Window大小，真正载入图像需要在setup()
	settings->setWindowSize(mTexture1.getWidth(),mTexture1.getHeight());
	settings->setFrameRate( 60.0f );
}

void TutorialLoadImgApp::setup()
{
	//方式1：Load到Texture
	mTexture1 = loadImage( loadAsset("girl000.jpg") );
	//从Texture到Surface
	mSurface1 = Surface(mTexture1);
	
	//方式2：Load到Surface
	mSurface2 = loadImage( loadAsset("girl001.jpg") );
	//从Surface到Texture
	mTexture2 = gl::Texture(mSurface2);

	//方式3：载入网络图像
	//loadImage( loadUrl( "http://site.com/image.png" ) );
}

void TutorialLoadImgApp::mouseDown( MouseEvent event )
{
	if(event.isLeft()){
		//...
	}
}
void TutorialLoadImgApp::keyDown( KeyEvent event )
{
	if( event.getChar() == 'f' )
		setFullScreen( ! isFullScreen() );
}
void TutorialLoadImgApp::update()
{

}

void TutorialLoadImgApp::draw()
{
	// clear out the window with black
	gl::clear( Color( 0, 0, 0 ) ); 
	gl::draw( mTexture1 );

}

CINDER_APP_NATIVE( TutorialLoadImgApp, RendererGl )