Entries RSS

By Month :

By Category :

By Tags :

佳能 信纸 创意 合成 名片 品牌 国庆 宣传 导视 形象 微距 感触 手册 手持 手机 摄影 效果 标志 标识 水晶 照片 特效 生活 用户界面 画册 童心 致敬 艺术家 蜗牛 视觉识别 设计 迈克尔杰克逊 钻石 阅兵 非央视 高清 Design jackson king of pop logo michael mj ui vi wm
Oct 28

关于UI设计你需要自问的12个问题

  UI 设计的魅力在于,你不仅需要适当的技巧,更要理解用户与程序的关系。一个有效的用户界面关注的是用户目标的实现,包括视觉元素与功能操作在内的所有东西都 需要完整一致。为了实现这个目标,你需要问自己 10 个最基本的问题。

1. 你的 UI 是否高度一致?
 

继续阅读全文 »

Oct 11

开发基于FLARToolKit的增强现实(AR)基础教程(七)

Setting Up A Webcam(建立摄像头)

 

建立一个可以提供数据的摄像头比你想象得简单得多。在我们构建利用摄像头的文件的同时,我们将会提出如何切换debug模式开闭让我们从添加下面的方法开始:

/**
 * Creates a camera or emulator to use as the src for the ARDetector
 * to analyze for markers.
 *
 */
protected function createCamera():void
{
 	if(debug || !Camera.getCamera())
 	{
  		createEmulatorCard();
  	}
 	else
 	{
  		webcam = Camera.getCamera();
  		webcam.setMode(arDetector.width, arDetector.height, 30);
  		video = new Video(arDetector.width, arDetector.height);
  		video.attachCamera(webcam);
  	}
}

 

这个是用来检查debug模式是否激活或者是否有摄像头被检测到并且创建了CardEmulator。如果debug模式没被激活,我们创建了一个新的Camera实例并实例化了。video将会显示从摄像头来的视频流,所以我们将它匹配ARDetector的canvas的分辨率(320*240)并且将摄像头的实例附加给video。

继续阅读全文 »

Oct 11

开发基于FLARToolKit的增强现实(AR)基础教程(六)

Connecting The ARDetector To A Source

 

Connecting The ARDetector To A Source

下面的这几步会更快一些,你做得非常好,所以坚持下去因为这是我们最后的障碍。让我们向我们的渲染循环中添加标记检测逻辑。改变renderViewport方法:

public function renderViewport(event:Event = null):void
{
 	cardEmulator.render();
 	updateCaptureBitmap();

 	try
 	{
  		if (arDetector.detectMarker()) {
   			arDetector.calculateTransformMatrix(resultMat);
   			baseNode.setTransformMatrix(resultMat);
   			active();
   		}
  		else
  		{
   			inactive();
   		}
  	}
 	catch(errObject:Error) {
    		trace(errObject.message);
  	}

 继续阅读全文  »
Oct 11

开发基于FLARToolKit的增强现实(AR)基础教程(五)

Creating a Capture Source(创建一个CaptureSource方法)

 

ARDetector将会扫描BitmapData来决定现在是否是有效的标记。我们在onActivate方法后添加下面的方法:

/**
 * Creates a Bitmap for us to scan for valid markers.
 *
 */
protected function createCaptureSource():void
{
 	capturedSrc = new Bitmap(new BitmapData(arDetector.width, arDetector.height, false, 0), PixelSnapping.AUTO, true);
 	arDetector.src = capturedSrc.bitmapData;
 	addChild(capturedSrc);
}

 

声明的变量和导入的类包: 继续阅读全文 »

Oct 11

开发基于FLARToolKit的增强现实(AR)基础教程(四)

当我们在FLARVision文件类里构建这个类的时候我会重温重要的public function,这些方法需要你筹备和运行。其他的方法拥有注释来解释功能。在我们的FLARVision类中会用以下的两个方法来初始化我们的ARDetector。

/**
 * Creates the AR Detector class and have it load in the camera.data
 * and pattern.pat files.
 *
 */
protected function createFlarDetector():void
{
 	arDetector = new ARDetector();
 	arDetector.addEventListener(Event.COMPLETE, onActivate);
 	arDetector.setup('data/camera_para.dat', 'data/flarlogo.pat');
}

/**
 *
 */
protected function onActivate(event:Event):void
{
 	init();
}

 

继续阅读全文 »