﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>交典创艺 交互设计</title>
	<atom:link href="http://spotlightor.com/404.php/feed/??404;http://spotlightor.com:80/feed/" rel="self" type="application/rss+xml" />
	<link>http://spotlightor.com</link>
	<description>交互设计</description>
	<lastBuildDate>Thu, 02 Sep 2010 03:13:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>免费下载铁蛋儿增强现实Demo</title>
		<link>http://spotlightor.com/blog/mixar-local-free-demo-download-iron-egg/</link>
		<comments>http://spotlightor.com/blog/mixar-local-free-demo-download-iron-egg/#comments</comments>
		<pubDate>Sun, 29 Aug 2010 17:38:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[博客]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1276</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><img title="mixar-local-iron-egg" src="http://spotlightor.com/html/wp-content/uploads/mixar-local-iron-egg.jpg" alt="" width="640" height="360" /></p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/blog/mixar-local-free-demo-download-iron-egg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>参展第13届艺术博览会</title>
		<link>http://spotlightor.com/blog/news/beijing-13th-art-expo/</link>
		<comments>http://spotlightor.com/blog/news/beijing-13th-art-expo/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 00:49:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[博客]]></category>
		<category><![CDATA[新闻]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1269</guid>
		<description><![CDATA[8月18日我们参加了在国贸展厅举办的第13届北京国际艺术博览会，虽然是有着多年传统的老牌博览会，但是这次打出了新媒体这张新牌，今日美术馆携其数字美术馆团队（我们也是作为其中一员）首次亮相展会，成为最大亮点。 今日美术馆的展位就在入口处，位置非常优越，展位也非常多，除了珍贵的馆藏品（据说有价值千万的画作）外，各种新媒体展项也占据半壁江山，除了我们展出的增强现实作品《山海游》外还有全景漫游、3D虚拟艺术展、3D打印、头戴式显示器等各类新鲜的展品，吸引了众多观众的围观。 这次展会最令我们高兴的是看到《山海游》受到了很多青少年和小朋友的喜爱，比如上面照片中的这个孩子在我们这里玩了得一个多小时，刚开始只是看那些奇怪的生物很有意思，特别是会喷火的肥夷，到最后知道可以观看生物介绍后，虽然个子不够高，但是也举着卡片挣着要看全每一个生物的介绍内容——这样一来作品的作用和意义就到位了，当时感觉真是非常欣慰与骄傲。]]></description>
			<content:encoded><![CDATA[<p><img src="http://pic.yupoo.com/spotlightor/ApqXZDbR/custom.jpg" alt="" width="640" /></p>
<p>8月18日我们参加了在国贸展厅举办的第13届北京国际艺术博览会，虽然是有着多年传统的老牌博览会，但是这次打出了新媒体这张新牌，今日美术馆携其数字美术馆团队（我们也是作为其中一员）首次亮相展会，成为最大亮点。</p>
<p><img src="http://pic.yupoo.com/spotlightor/ApqXyJIn/custom.jpg" alt="" width="640" /></p>
<p>今日美术馆的展位就在入口处，位置非常优越，展位也非常多，除了珍贵的馆藏品（据说有价值千万的画作）外，各种新媒体展项也占据半壁江山，除了我们展出的增强现实作品《山海游》外还有全景漫游、3D虚拟艺术展、3D打印、头戴式显示器等各类新鲜的展品，吸引了众多观众的围观。</p>
<p><img src="http://pic.yupoo.com/spotlightor/ApqY9fOd/custom.jpg" alt="" width="640" /></p>
<p>这次展会最令我们高兴的是看到《山海游》受到了很多青少年和小朋友的喜爱，比如上面照片中的这个孩子在我们这里玩了得一个多小时，刚开始只是看那些奇怪的生物很有意思，特别是会喷火的肥夷，到最后知道可以观看生物介绍后，虽然个子不够高，但是也举着卡片挣着要看全每一个生物的介绍内容——这样一来作品的作用和意义就到位了，当时感觉真是非常欣慰与骄傲。</p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/blog/news/beijing-13th-art-expo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>海尔卡萨帝发布会增强现实展项</title>
		<link>http://spotlightor.com/works/haier-casarte-mixar-local/</link>
		<comments>http://spotlightor.com/works/haier-casarte-mixar-local/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 15:58:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[作品]]></category>
		<category><![CDATA[mixar-local]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1260</guid>
		<description><![CDATA[PreviousNext 海尔卡萨帝发布会增强现实展项 真正“跃然纸上”的卡萨帝产品系列，不言而喻的科技魅力。 我们的角色 我们作为公众活动日增强现实展示内容的供应商，与嘉利公关紧密合作共同完成创意设计工作以及现场的实施，并负责三维产品以及视觉特效内容的制作。 应用环境 公众活动日在上海正大广场举行，距离东方明珠塔仅一街之隔，目标人群为海尔的高端用户，为其3天。 需求与挑战 我们需要在不到一个月的时间内完成卡萨帝厨电系列、法式、意式、六门冰箱的亮相内容制作，还包括这套产品展示区内的增强现实展品，我们不仅要保障内容制作顺利完成，更需要确认现场实施的准确无误。 解决方案 我们利用现场免费派送的产品宣传图卡作为增强现实媒介，使用卡片正面产品特性展示图作为增强现实识别的目标图案，既保留了卡片设计的美观与信息传达的功能性，也兼顾了识别的准确性，即使在现场使用蓝色环境灯的情况下依然可以准确识别。 为了使观众在游览过程中能够更为直观快捷的了解增强现实展品的操作方法以及展示效果，每个展台前都有模特耐心地为大家进行演示，并免费派送产品宣传卡给观众。最终这项工作被证实具有非常良好的演示教学效果，毕竟再图文并茂的操作说明也比不上一个真人为您现场演示。 合作伙伴 嘉利公关]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/552749c4ed85/custom.jpg" alt="制造关注" /><img src="http://pic.yupoo.com/spotlightor/191599c5bd31/custom.jpg" alt="多门新鲜" /><img src="http://pic.yupoo.com/spotlightor/745989c5bd22/custom.jpg" alt="嘉宾体验" /><img src="http://pic.yupoo.com/spotlightor/176209c5bd0a/custom.jpg" alt="嘉宾体验" /><img src="http://pic.yupoo.com/spotlightor/019889c5bcf4/custom.jpg" alt="物联网冰箱" /><img src="http://pic.yupoo.com/spotlightor/053389c5bccc/custom.jpg" alt="模特演示" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></div>
<h3>海尔卡萨帝发布会增强现实展项</h3>
<div class="excerpt">真正“跃然纸上”的卡萨帝产品系列，不言而喻的科技魅力。</div>
<h4>我们的角色</h4>
<p>我们作为公众活动日增强现实展示内容的供应商，与嘉利公关紧密合作共同完成创意设计工作以及现场的实施，并负责三维产品以及视觉特效内容的制作。</p>
<h4>应用环境</h4>
<p>公众活动日在上海正大广场举行，距离东方明珠塔仅一街之隔，目标人群为海尔的高端用户，为其3天。</p>
<h4>需求与挑战</h4>
<p>我们需要在不到一个月的时间内完成卡萨帝厨电系列、法式、意式、六门冰箱的亮相内容制作，还包括这套产品展示区内的增强现实展品，我们不仅要保障内容制作顺利完成，更需要确认现场实施的准确无误。</p>
<h4>解决方案</h4>
<p>我们利用现场免费派送的产品宣传图卡作为增强现实媒介，使用卡片正面产品特性展示图作为增强现实识别的目标图案，既保留了卡片设计的美观与信息传达的功能性，也兼顾了识别的准确性，即使在现场使用蓝色环境灯的情况下依然可以准确识别。<br />
<img src="http://spotlightor.com/html/wp-content/uploads/casarte-card-wulian.jpg" alt="识别卡样图" title="识别卡样图" width="640" height="433"/></p>
<p>为了使观众在游览过程中能够更为直观快捷的了解增强现实展品的操作方法以及展示效果，每个展台前都有模特耐心地为大家进行演示，并免费派送产品宣传卡给观众。最终这项工作被证实具有非常良好的演示教学效果，毕竟再图文并茂的操作说明也比不上一个真人为您现场演示。</p>
<h4>合作伙伴</h4>
<p>嘉利公关<br />
<a id="wpfp_c9ff26bbaa2a20bdad238de4811b11dd" style="width:640px; height:360px;" class="flowplayer_container"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/haier-casarte-mixar-local/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bitone增强现实产品展示</title>
		<link>http://spotlightor.com/case-studies/bitone-mixar-local-ar-showreel/</link>
		<comments>http://spotlightor.com/case-studies/bitone-mixar-local-ar-showreel/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 09:08:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[案例]]></category>
		<category><![CDATA[mixar-local]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1239</guid>
		<description><![CDATA[PreviousNext Bitone增强现实产品展示 最有新意的车展派送小礼品，点选鼠标垫即可查阅产品服务的展示视频。 我们的角色 我们与新意互动（Bitone）密切合作，使用Mixar Local增强现实技术将他们提供的三维动画模型与视频整合为一个增强现实产品展示作品。 应用环境 在2010北京国际车展期间，新意互动的展位会现场派送鼠标垫，用户拿到后可以在现场提供的电脑前感受增强现实带来的震撼体验，也可以回家后通过网站下载该增强现实软件进行体验。 需求与挑战 客户需要用户可以通过点击鼠标垫实现选择观看不同产品介绍视频的功能，我们需要灵活运用Mixar Local增强现实技术实现这一复杂的交互功能并为用户提供顺畅的观赏体验。 解决方案 用户拿到的鼠标垫从表面看来与一般的鼠标垫并没有什么不同，但放置于电脑屏幕前便会透过摄像头看到三维机器人出现在鼠标垫之上，当用户点击鼠标垫下方不同的按钮，机器人会以各种姿态各种动画出现于鼠标垫之上，分别展示相应的产品介绍视频。 使用鼠标垫这一展示媒介最大的好处是用户易于保存，并且由于其实用的功能性使得它更有可能被用户长时间保存，从而使用户反复体验增强现实内容的几率更大，从而获得更好的推广效果。 合作伙伴 新意互动]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/989429befa4d/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/238969befa4e/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/937199befa4f/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/551619befa51/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/739999befa52/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></div>
<h3>Bitone增强现实产品展示</h3>
<div class="excerpt">最有新意的车展派送小礼品，点选鼠标垫即可查阅产品服务的展示视频。</div>
<h4>我们的角色</h4>
<p>我们与新意互动（Bitone）密切合作，使用Mixar Local增强现实技术将他们提供的三维动画模型与视频整合为一个增强现实产品展示作品。</p>
<h4>应用环境</h4>
<p>在2010北京国际车展期间，新意互动的展位会现场派送鼠标垫，用户拿到后可以在现场提供的电脑前感受增强现实带来的震撼体验，也可以回家后通过网站下载该增强现实软件进行体验。</p>
<h4>需求与挑战</h4>
<p>客户需要用户可以通过点击鼠标垫实现选择观看不同产品介绍视频的功能，我们需要灵活运用Mixar Local增强现实技术实现这一复杂的交互功能并为用户提供顺畅的观赏体验。</p>
<h4>解决方案</h4>
<p>用户拿到的鼠标垫从表面看来与一般的鼠标垫并没有什么不同，但放置于电脑屏幕前便会透过摄像头看到三维机器人出现在鼠标垫之上，当用户点击鼠标垫下方不同的按钮，机器人会以各种姿态各种动画出现于鼠标垫之上，分别展示相应的产品介绍视频。</p>
<p>使用鼠标垫这一展示媒介最大的好处是用户易于保存，并且由于其实用的功能性使得它更有可能被用户长时间保存，从而使用户反复体验增强现实内容的几率更大，从而获得更好的推广效果。</p>
<h4>合作伙伴</h4>
<p>新意互动</p>
<p><embed src="http://player.youku.com/player.php/sid/XMTkyODkwMzA4/v.swf" quality="high" width="640" height="500" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed></p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/case-studies/bitone-mixar-local-ar-showreel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>世博会航空馆网上展馆</title>
		<link>http://spotlightor.com/works/world-expo-online-aerospace-exhibition/</link>
		<comments>http://spotlightor.com/works/world-expo-online-aerospace-exhibition/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 07:15:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1233</guid>
		<description><![CDATA[PreviousNext 世博会航空馆网上展馆 我们不仅提供了一种在线游览航空馆的途径，还依托三维技术创造了一个网络版的模拟飞行驾驶体验。 我们的角色 我们与祝融科技合作共同完成作品的设计与制作，我们主要负责三维交互内容的制作。 应用环境 作为世博会网上展馆，您可以直接访问下述地址进行体验： http://pavilion.expo.cn/e1005/ssize/index.htm 需求与挑战 作为网上展馆，文件的尺寸直接关系到用户下载等待的时间，进而影响到用户体验的流畅程度，而要提供更为细腻逼真的三维画面，文件的尺寸又需要作出牺牲，我们必须要在这两者之间找到一个平衡点。 解决方案 我们在网络上使用三维技术虚拟了“起航厅”、“飞行启示”、“后展区”、“模拟机区”、“航空纪念品区”这5个展馆，并且根据“模拟驾驶舱”这一实体馆体验装置创作了“模拟飞行”这一网络特色展示项目——用户不仅可以翱翔蓝天一睹未来战机的风采，还可以在天空中作出各种高难度飞行动作，体验驾驶的乐趣。 合作伙伴 祝融科技]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/556339c3308e/custom.jpg" alt="模拟机区" height="530"/><img src="http://pic.yupoo.com/spotlightor/329289c33092/custom.jpg" alt="模拟机区" height="530"/><img src="http://pic.yupoo.com/spotlightor/419409c33096/custom.jpg" alt="起航厅" /><img src="http://pic.yupoo.com/spotlightor/056659c33098/custom.jpg" alt="模拟飞行 驾驶舱内部" /><img src="http://pic.yupoo.com/spotlightor/246029c3309a/custom.jpg" alt="模拟飞行" /><img src="http://pic.yupoo.com/spotlightor/749529c3309d/custom.jpg" alt="模拟飞行" /><img src="http://pic.yupoo.com/spotlightor/106489c3309f/custom.jpg" alt="模拟飞行" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></div>
<h3>世博会航空馆网上展馆</h3>
<div class="excerpt">我们不仅提供了一种在线游览航空馆的途径，还依托三维技术创造了一个网络版的模拟飞行驾驶体验。</div>
<h4>我们的角色</h4>
<p>我们与祝融科技合作共同完成作品的设计与制作，我们主要负责三维交互内容的制作。</p>
<h4>应用环境</h4>
<p>作为世博会网上展馆，您可以直接访问下述地址进行体验：<br />
<a href="http://pavilion.expo.cn/e1005/ssize/index.htm">http://pavilion.expo.cn/e1005/ssize/index.htm</a></p>
<h4>需求与挑战</h4>
<p>作为网上展馆，文件的尺寸直接关系到用户下载等待的时间，进而影响到用户体验的流畅程度，而要提供更为细腻逼真的三维画面，文件的尺寸又需要作出牺牲，我们必须要在这两者之间找到一个平衡点。</p>
<h4>解决方案</h4>
<p>我们在网络上使用三维技术虚拟了“起航厅”、“飞行启示”、“后展区”、“模拟机区”、“航空纪念品区”这5个展馆，并且根据“模拟驾驶舱”这一实体馆体验装置创作了“模拟飞行”这一网络特色展示项目——用户不仅可以翱翔蓝天一睹未来战机的风采，还可以在天空中作出各种高难度飞行动作，体验驾驶的乐趣。</p>
<h4>合作伙伴</h4>
<p>祝融科技</p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/world-expo-online-aerospace-exhibition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>星宫漫游</title>
		<link>http://spotlightor.com/works/constellation-3d-virtual-tour/</link>
		<comments>http://spotlightor.com/works/constellation-3d-virtual-tour/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 06:22:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1225</guid>
		<description><![CDATA[PreviousNext 星宫漫游 伴随着梦幻的画面与舒缓的交互体验徜徉于夏季北半球的夜空，阅读一个又一个星座的传说。 创意 每个现代人对于星座或多或少都有所了解，仰望夜空，很多人都曾尝试过寻找自己的星座，而我们希望设计出一种三维交互式的星座观赏体验，供大众了解星座、认识星座，抑或只是单纯感受星座文化为我们带来的愉快的审美感受。 过程 我们与设计师王倩合作共同完成作品的设计，并负责最终素材整合与技术实现。我们认为作品在画面上应侧重唯美与梦幻以满足一般大众对于12星座的遐想，因此交互体验也需要作出相应的调整从而给用户带来一致的优美感受。 另外值得一提的是，12星座中每一个星座都有几颗至十几颗星星，为了能够在短时间内完成星星在三维空间中的排布我们专门开发了一个小工具来帮助设计师简化繁琐的移动与对齐操作。 结果 整个交互式体验分为两大部分：在夏日星空的场景中，用户以北半球的视角仰望夜空，可以形象的看到每一个星座在天空中的排布以及三维造型。点击某一星座的任意星星之后会进入到星座介绍场景，在这里用户可以浏览该星座每一颗星星的相关图文知识以及星座的传说故事，还可以360度全方位欣赏星座的三维形象。 最终作品的展示结合了触摸屏以及3D立体显示器，它可以放置于天文馆、科技馆等公共展示空间，作为向大众普及天文知识的科普展品。]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/917109c46495/custom.jpg" alt="夏日星空" width="942" height="530"/><img src="http://pic.yupoo.com/spotlightor/742549c4649e/custom.jpg" alt="夏日星空" width="942" height="530"/><img src="http://pic.yupoo.com/spotlightor/051659c464a6/custom.jpg" alt="射手座" width="942" height="530"/><img src="http://pic.yupoo.com/spotlightor/512529c464ae/custom.jpg" alt="水瓶座" width="942" height="530"/><img src="http://pic.yupoo.com/spotlightor/903149c464b7/custom.jpg" alt="水瓶座" width="942" height="530"/><img src="http://pic.yupoo.com/spotlightor/479639c464bc/custom.jpg" alt="金牛座" width="943" height="530"/><img src="http://pic.yupoo.com/spotlightor/768839c464c3/custom.jpg" alt="金牛座" width="943" height="530"/></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></div>
<h3>星宫漫游</h3>
<div class="excerpt">伴随着梦幻的画面与舒缓的交互体验徜徉于夏季北半球的夜空，阅读一个又一个星座的传说。</div>
<h4>创意</h4>
<p>每个现代人对于星座或多或少都有所了解，仰望夜空，很多人都曾尝试过寻找自己的星座，而我们希望设计出一种三维交互式的星座观赏体验，供大众了解星座、认识星座，抑或只是单纯感受星座文化为我们带来的愉快的审美感受。</p>
<h4>过程</h4>
<p>我们与设计师王倩合作共同完成作品的设计，并负责最终素材整合与技术实现。我们认为作品在画面上应侧重唯美与梦幻以满足一般大众对于12星座的遐想，因此交互体验也需要作出相应的调整从而给用户带来一致的优美感受。</p>
<p>另外值得一提的是，12星座中每一个星座都有几颗至十几颗星星，为了能够在短时间内完成星星在三维空间中的排布我们专门开发了一个小工具来帮助设计师简化繁琐的移动与对齐操作。</p>
<h4>结果</h4>
<p>整个交互式体验分为两大部分：在夏日星空的场景中，用户以北半球的视角仰望夜空，可以形象的看到每一个星座在天空中的排布以及三维造型。点击某一星座的任意星星之后会进入到星座介绍场景，在这里用户可以浏览该星座每一颗星星的相关图文知识以及星座的传说故事，还可以360度全方位欣赏星座的三维形象。</p>
<p>最终作品的展示结合了触摸屏以及3D立体显示器，它可以放置于天文馆、科技馆等公共展示空间，作为向大众普及天文知识的科普展品。</p>
<p><embed src="http://player.youku.com/player.php/sid/XMTQ4NzE5Mzg0/v.swf" quality="high" width="640" height="450" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed></p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/constellation-3d-virtual-tour/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2010交典创艺虎年新春贺卡</title>
		<link>http://spotlightor.com/works/2010-spotlightor-happy-newyear-e-card/</link>
		<comments>http://spotlightor.com/works/2010-spotlightor-happy-newyear-e-card/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 03:38:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1213</guid>
		<description><![CDATA[PreviousNext 2010交典创艺虎年新春贺卡 用一场静谧的烟花表演纪念2009，憧憬2010。 创意 作为每年一度的原创贺卡，我们从一开始便确定了作品的方向——回忆2009年所发生的令广大中国人留有深刻记忆的事件或社会现象，而表现的形式我们最终选择了春节期间中国的特色项目——烟花。 过程 整个贺卡的创意、设计、制作流程为7天。 创意层面，从2009年选择10件事比我们预想的要难了许多，因为很多我们印象中的大事最终发现它们其实发生在2008年…… 设计层面，比起人们传统印象中热闹而绚烂的烟花场景，我们在贺卡中需要它以一种更为安静的形式呈现在用户面前，以避免打扰整体回忆的氛围。 技术层面，用Flash实时渲染出可供用户操控的烟花棒是一个巨大的挑战，需要兼顾运行的速度与效果的逼真度。 结果 烟花表演的舞台选择在不断上升的夜空之中，以深蓝色和黑色为主色调，整体覆盖网点图案创造出一种类似印刷品的质感，为用户营造一种回忆的氛围，伴随着悠扬的音乐，烟花棒带领我们穿越2009年的依稀往事，一直飞升到对2010年的憧憬与祝福。 我们从2009一年中选取了10件令人印象深刻的事件，通过图像进行展示，点缀其间的烟花从颜色饱和度以及爆炸效果进行控制，期望给用户带来一点“小小的惊喜”，但是又不至于打乱整体节奏。贯穿整个烟花表演的是跟随在用户鼠标周围的烟花棒，在每个场景之间用户可以用它绘制出各种花火的轨迹，进入到特定场景时，烟花棒会脱离用户的控制自动在天空之中绘制出图形或文字。背景音乐在作品中不仅仅是烘托氛围的作用，它的节奏会直接影响烟花棒的动态以及向上飞升的速度，使音乐与画面的配合更为紧密。 在线体验 此贺卡为网络电子贺卡，用户在录入祝福内容后可以通过发送链接地址的形式向亲友发送祝福。 您可以访问以下网址进行体验： http://spotlightor.com/happynewyear/2010/]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/610749c32dfc/custom.jpg" alt="流行之王迈克尔杰克逊之死" /><img src="http://pic.yupoo.com/spotlightor/036009c32df9/custom.jpg" alt="令人骄傲的回忆" /><img src="http://pic.yupoo.com/spotlightor/642409c32e00/custom.jpg" alt="亚丁湾护航" /><img src="http://pic.yupoo.com/spotlightor/260149c32e04/custom.jpg" alt="寂寞 No more" /><img src="http://pic.yupoo.com/spotlightor/722639c32e08/custom.jpg" alt="交典创艺" /><img src="http://pic.yupoo.com/spotlightor/354099c32e0b/custom.jpg" alt="虎型巨型烟花" /><img src="http://pic.yupoo.com/spotlightor/195899c32e0e/custom.jpg" alt="祝福面板" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<h3>2010交典创艺虎年新春贺卡</h3>
<div class="excerpt">用一场静谧的烟花表演纪念2009，憧憬2010。</div>
<h4>创意</h4>
<p>作为每年一度的原创贺卡，我们从一开始便确定了作品的方向——回忆2009年所发生的令广大中国人留有深刻记忆的事件或社会现象，而表现的形式我们最终选择了春节期间中国的特色项目——烟花。</p>
<h4>过程</h4>
<p>整个贺卡的创意、设计、制作流程为7天。</p>
<p>创意层面，从2009年选择10件事比我们预想的要难了许多，因为很多我们印象中的大事最终发现它们其实发生在2008年……</p>
<p>设计层面，比起人们传统印象中热闹而绚烂的烟花场景，我们在贺卡中需要它以一种更为安静的形式呈现在用户面前，以避免打扰整体回忆的氛围。</p>
<p>技术层面，用Flash实时渲染出可供用户操控的烟花棒是一个巨大的挑战，需要兼顾运行的速度与效果的逼真度。</p>
<h4>结果</h4>
<p>烟花表演的舞台选择在不断上升的夜空之中，以深蓝色和黑色为主色调，整体覆盖网点图案创造出一种类似印刷品的质感，为用户营造一种回忆的氛围，伴随着悠扬的音乐，烟花棒带领我们穿越2009年的依稀往事，一直飞升到对2010年的憧憬与祝福。</p>
<p>我们从2009一年中选取了10件令人印象深刻的事件，通过图像进行展示，点缀其间的烟花从颜色饱和度以及爆炸效果进行控制，期望给用户带来一点“小小的惊喜”，但是又不至于打乱整体节奏。贯穿整个烟花表演的是跟随在用户鼠标周围的烟花棒，在每个场景之间用户可以用它绘制出各种花火的轨迹，进入到特定场景时，烟花棒会脱离用户的控制自动在天空之中绘制出图形或文字。背景音乐在作品中不仅仅是烘托氛围的作用，它的节奏会直接影响烟花棒的动态以及向上飞升的速度，使音乐与画面的配合更为紧密。</p>
<h4>在线体验</h4>
<p>此贺卡为网络电子贺卡，用户在录入祝福内容后可以通过发送链接地址的形式向亲友发送祝福。</p>
<p>您可以访问以下网址进行体验：<br />
<a href="http://spotlightor.com/happynewyear/2010/">http://spotlightor.com/happynewyear/2010/</a></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMTUyMDE4MDYw/v.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="640" height="400" src="http://player.youku.com/player.php/sid/XMTUyMDE4MDYw/v.swf" quality="high" align="middle"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/2010-spotlightor-happy-newyear-e-card/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Unity3D角色动画导出经验及Demo</title>
		<link>http://spotlightor.com/blog/lab/unity3d-character-animation-demo/</link>
		<comments>http://spotlightor.com/blog/lab/unity3d-character-animation-demo/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 17:19:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[试验]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1199</guid>
		<description><![CDATA[刑天又回来了，这次是在Unity3D中！ 今天学习了Unity3D中关于动画方面的东西，使用《山海游》中的角色刑天作为主角做了一个小的角色动画演示demo：http://spotlightor.com/lab/unity3d/animation 操作方法： 方向：ASDW或键盘方向键 攻击：左Ctrl Please view the full post to see the Unity content. Unity3D动画导入经验 Unity3D支持直接读取Max相当不错，并且允许通过文件名的方式来为某一个模型添加多段动画： YourModel.max YourModel@run.max（给YourModel附加名为run的动画） YourModel@attack.max（给YourModel附加名为attack的动画） 不过官方推荐的多段动画存储方式还是在一个时间轴内制作多段动画然后在导入的时候设置分段导入动画，只是当年在做这个角色时还不知道这样的做法，所以做成了独立的文件，好在Unity3D有办法搞定。 在我导出动画的时候遇到了FBX插件版本的问题，我的Max 2009装的是2011.3最新版的FBX插件（最新版FBX插件请访问这里），导致不论是用FBX格式还是使用Max格式动画都无法导出。Unity3D 2.6版的FBX导入功能是使用FBX2009版的SDK开发的，所以需要使用老版本的插件，根据Unity Answers上的回复，Unity3D 2.6目前支持的最高版本的FBX插件为2010.2版（请点击这里下载Autodesk FBX 2010.2.1），装回老版本插件后，FBX动画导出正常，而且连Max的导出也OK了，我怀疑Unity对于Max文件的导入实际上是在内部使用了FBX作为中间格式，因此FBX插件的版本影响到Max文件的导入。 据说Unity3D 3开始将使用FBX2010的SDK开发，届时就需要再更新插件了。]]></description>
			<content:encoded><![CDATA[<p><img src="http://spotlightor.com/html/wp-content/uploads/xingtian_is_back.jpg" alt="" width="640" height="360" /></p>
<div class="excerpt">刑天又回来了，这次是在Unity3D中！</div>
<p>今天学习了Unity3D中关于动画方面的东西，使用《山海游》中的角色刑天作为主角做了一个小的角色动画演示demo：<a href="http://spotlightor.com/lab/unity3d/animation" target="_blank">http://spotlightor.com/lab/unity3d/animation</a></p>
<p>操作方法：</p>
<ul>
<li>方向：ASDW或键盘方向键</li>
<li>攻击：左Ctrl</li>
</ul>
<p><em>Please view the full post to see the Unity content.</em></p>
<h4>Unity3D动画导入经验</h4>
<p>Unity3D支持直接读取Max相当不错，并且允许通过文件名的方式来为某一个模型添加多段动画：</p>
<ul>
<li>YourModel.max</li>
<li>YourModel@run.max（给YourModel附加名为run的动画）</li>
<li>YourModel@attack.max（给YourModel附加名为attack的动画）</li>
</ul>
<p>不过官方推荐的多段动画存储方式还是在一个时间轴内制作多段动画然后在导入的时候设置分段导入动画，只是当年在做这个角色时还不知道这样的做法，所以做成了独立的文件，好在Unity3D有办法搞定。</p>
<p>在我导出动画的时候遇到了FBX插件版本的问题，我的Max 2009装的是2011.3最新版的FBX插件（<a title="Autodesk最新版FBX插件下载页面" href="http://usa.autodesk.com/adsk/servlet/pc/item?siteID=123112&amp;id=10775855" target="_blank">最新版FBX插件请访问这里</a>），导致不论是用FBX格式还是使用Max格式动画都无法导出。Unity3D 2.6版的FBX导入功能是使用FBX2009版的SDK开发的，所以需要使用老版本的插件，根据Unity Answers上的回复，Unity3D 2.6目前支持的最高版本的FBX插件为2010.2版（<a title="Autodesk FBX Plugin 2010.2.1" href="http://usa.autodesk.com/adsk/servlet/pc/item?siteID=123112&amp;id=14942949" target="_blank">请点击这里下载Autodesk FBX 2010.2.1</a>），装回老版本插件后，FBX动画导出正常，而且连Max的导出也OK了，我怀疑Unity对于Max文件的导入实际上是在内部使用了FBX作为中间格式，因此FBX插件的版本影响到Max文件的导入。</p>
<p>据说Unity3D 3开始将使用FBX2010的SDK开发，届时就需要再更新插件了。</p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/blog/lab/unity3d-character-animation-demo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>参展798首届多媒体艺术节</title>
		<link>http://spotlightor.com/blog/news/attend-798-1st-multi-media-festival/</link>
		<comments>http://spotlightor.com/blog/news/attend-798-1st-multi-media-festival/#comments</comments>
		<pubDate>Sun, 25 Jul 2010 06:13:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[新闻]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1150</guid>
		<description><![CDATA[交典创艺创作的投影互动装置作品“自然•人 RB•G”参展798首届多媒体艺术节，该展览于7月18日在798艺术区创意广场金属库展馆开展。]]></description>
			<content:encoded><![CDATA[<div class="slideshow">
<div class="slides"><img src="http://pic.yupoo.com/spotlightor/094769b062e0/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/450729b0646e/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/293729b0646f/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/003779b06472/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/849109b06474/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/052039b06476/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/056949b0626e/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/938179b06287/custom.jpg" alt="" /><img src="http://pic.yupoo.com/spotlightor/990859b0629b/custom.jpg" alt="" /></div>
<p><a id="prev" href="#previous">Previous</a><a id="next" href="#next">Next</a></p>
</div>
<p>北京798艺术区首届多媒体艺术节于7月18日在798创意广场金属库开展，影像、动画、装置是此次展览的主角。此次展览的主题为“人造风景”，为此我们特意创作了一个投影互动装置作品“自然•人 RB•G”。</p>
<p>这个作品在创作过程中进行了如下假设：假如将自然比拟为颜色，而人在其中则只能代表一部分色彩，但现在人类强大的力量使得他们在某种程度上可以与自然相抗衡，因此在作品中将自然界的平衡以中国的阴阳平衡理论来展示，用R（红）和B（蓝）分别代表阴阳，而人在作品中以G（绿）出现，独立的绿色通道体现人的力量。当人在作品前运动时，便会干扰到平衡，将绿色通道引入原本的红蓝色彩世界，一方面会创造瑰丽的景象，但自然的平衡也会被轻易打破。在平衡打破后，人离去，平衡又会慢慢恢复，仿佛一切从未发生。</p>
<p>次作品仍处于原型阶段，下面的视频展示了它目前的状态。</p>
<object width="640" height="400"><param name="movie" value="http://player.youku.com/player.php/sid/XMTkyMzQ1ODky/v.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="never"></param><param name="allownetworking" value="internal"></param><param name="flashvars" value="isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&isAutoPlay=false&isDebug=false&UserID=&winType=interior&playMovie=true&MMControl=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999" /><embed src="http://player.youku.com/player.php/sid/XMTkyMzQ1ODky/v.swf" type="application/x-shockwave-flash" allowscriptaccess="never" allownetworking="internal" allowfullscreen="true" width="640" height="400" flashvars="isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&isAutoPlay=false&isDebug=false&UserID=&winType=interior&playMovie=true&MMControl=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999"></embed></object>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/blog/news/attend-798-1st-multi-media-festival/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Image Wave</title>
		<link>http://spotlightor.com/works/image-wave-unity3d-ria-test/</link>
		<comments>http://spotlightor.com/works/image-wave-unity3d-ria-test/#comments</comments>
		<pubDate>Sat, 26 Jun 2010 17:44:38 +0000</pubDate>
		<dc:creator>Lancelot</dc:creator>
				<category><![CDATA[作品]]></category>
		<category><![CDATA[试验]]></category>

		<guid isPermaLink="false">http://spotlightor.com/?p=1056</guid>
		<description><![CDATA[Image Wave这个练习之作尝试将Unity3D这款三维游戏引擎应用于范围更广的网络富媒体应用（RIA）。用户通过改变网址中所包含的图像地址参数来控制Unity程序自动加载所指定的图片，并根据该图片每一个像素的亮度和颜色动态生成不同高度、色彩的方块，当鼠标滑过方块时，高低不同的方块也会像琴键一样弹起落下，发出高低各异的音效，汇成一种单纯而不乏趣味的交互体验。]]></description>
			<content:encoded><![CDATA[<p><a href="http://spotlightor.com/html/wp-content/uploads/imagewave.jpg"><img class="alignnone size-full wp-image-1055" title="imagewave" src="http://spotlightor.com/html/wp-content/uploads/imagewave.jpg" alt="" width="640" height="360" /></a></p>
<p>Image Wave这个练习之作尝试将Unity3D这款三维游戏引擎应用于范围更广的网络富媒体应用（RIA），在这片目前Flash一统天下的领域，Unity的优势自然是高质量的真三维交互体验。该作品的灵感来源于<a href="http://www.everyday3d.com/" target="_blank">bartek drozdz</a>的一篇文章：</p>
<p><a href="http://www.everyday3d.com/blog/index.php/2010/03/09/loading-and-manipulating-images-in-unity3d/" target="_blank">http://www.everyday3d.com/blog/index.php/2010/03/09/loading-and-manipulating-images-in-unity3d/</a></p>
<p>用户通过改变网址中所包含的图像地址参数来控制Unity程序自动加载所指定的图片，并根据该图片每一个像素的亮度和颜色动态生成不同高度、色彩的方块，当鼠标滑过方块时，高低不同的方块也会像琴键一样弹起落下，发出高低各异的音效，汇成一种单纯而不乏趣味的交互体验。</p>
<p>“网址传递参数”技术在Flash和其他RIA应用中非常普遍，它最直接的好处就是A用户只需要分享网址便可以让打开该网址的B用户看到A此前所定制的特殊内容，可以说是最简单快捷的“用户定制内容+分享”的方式，Image Wave的网址参数格式是这样的：</p>
<p>http://spotlightor.com/lab/unity3d/imagewave?url=<strong>图片网址</strong></p>
<p>下面列出了一些比较有趣的Image Wave图片效果以及观看这些效果所需访问的网址：</p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=rb.jpg" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=rb.jpg</a></p>
<p><img src="http://pic.yupoo.com/spotlightor/35639987cfe3/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=https://secure.avangate.com/images/merchant/35936504a37d53e03abdfbc7318d9ec7/products/gradient.jpg" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=https://secure.avangate.com/images/merchant/35936504a37d53e03abdfbc7318d9ec7/products/gradient.jpg</a></p>
<p><img src="http://pic.yupoo.com/spotlightor/66350987cb63/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://www.colorjack.com/software/media/circle.png" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=http://www.colorjack.com/software/media/circle.png</a><br />
<img src="http://pic.yupoo.com/spotlightor/09176987cb61/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://www.dreamwebstore.com/dws/dwsfiles/images/5ee2541dfab1ac2dcbd13c88f361de97063e02a2/fdesddpscs_120707.jpg" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=http://www.dreamwebstore.com/dws/dwsfiles/images/5ee2541dfab1ac2dcbd13c88f361de97063e02a2/fdesddpscs_120707.jpg</a><br />
<img src="http://pic.yupoo.com/spotlightor/60446987cb73/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://www.chinese-letter.com/images/fire-ball-black-hot-burning.jpg">http://spotlightor.com/lab/unity3d/imagewave?url=http://www.chinese-letter.com/images/fire-ball-black-hot-burning.jpg</a><br />
<img src="http://pic.yupoo.com/spotlightor/38669987cb70/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://i153.photobucket.com/albums/s216/phyreblade_blog/Weapons/Spiderman/Sword.jpg" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=http://i153.photobucket.com/albums/s216/phyreblade_blog/Weapons/Spiderman/Sword.jpg</a><br />
<img src="http://pic.yupoo.com/spotlightor/02831987cb6e/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://www.thebackyardarmory.com/images/TBYA-shields%20024.jpg" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=http://www.thebackyardarmory.com/images/TBYA-shields%20024.jpg</a><br />
<img src="http://pic.yupoo.com/spotlightor/18913987cb6d/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://soulysolar.mudventions.com/wp-content/uploads/2008/07/tri.png" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=http://soulysolar.mudventions.com/wp-content/uploads/2008/07/tri.png</a><br />
<img src="http://pic.yupoo.com/spotlightor/37042987cb6a/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://http.developer.nvidia.com/GPUGems/elementLinks/fig16-04.jpg" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=http://http.developer.nvidia.com/GPUGems/elementLinks/fig16-04.jpg</a><br />
<img src="http://pic.yupoo.com/spotlightor/87434987cb68/custom.png" alt="" /></p>
<p><a href="http://spotlightor.com/lab/unity3d/imagewave?url=http://unity3d.com/images/top-menu/mm_unity_icon.png" target="_blank">http://spotlightor.com/lab/unity3d/imagewave?url=http://unity3d.com/images/top-menu/mm_unity_icon.png</a><br />
<img src="http://pic.yupoo.com/spotlightor/54934987cb65/custom.png" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://spotlightor.com/works/image-wave-unity3d-ria-test/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
