<?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>Ayarafun Factory &#187; Projection Mapping</title>
	<atom:link href="http://www.ayarafun.com/category/interactive-design/projection-mapping/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ayarafun.com</link>
	<description>Make , Creative and Let &#039;s fun</description>
	<lastBuildDate>Thu, 17 May 2012 00:00:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>เล่าเรื่องวิวัฒนาการของโทรศัพท์ ผ่านภาพเทคนิค 3D mapping</title>
		<link>http://www.ayarafun.com/2011/04/the-evolution-of-mobile/</link>
		<comments>http://www.ayarafun.com/2011/04/the-evolution-of-mobile/#comments</comments>
		<pubDate>Sat, 09 Apr 2011 06:18:14 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Projection Mapping]]></category>
		<category><![CDATA[3D mapping]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Vodafone]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=3371</guid>
		<description><![CDATA[สำหรับ วีดีโอรอบนี้ มันลงตัวดีครับ มีความสร้างสรรค์ใหม่ๆ และ เอาเรื่องราวของมือถือแต่ล่ะรุ่นมาเสริมเข้าไปด้วย เติมแต่งด้วย แสงสี effect สมัยใหม่ ดูดีจริงๆ ตัวนี้ (mapping เล็กๆงี้ก้อดี เหมือนกันนะครับ ประหยัดดี ฮ่าๆ)
No related posts.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">หลังจากที่ไม่ได้ โพสอะไรเกี่ยวกับ mapping มาสักพักนะครับ คือว่า มุขในวีดีโอคลิปมันเริ่มจะซ้ำๆ แล้วไม่มีไอเดียใหม่ๆที่มาเล่นกับ object เลย สำหรับ วีดีโอรอบนี้ มันลงตัวดีครับ มีความสร้างสรรค์ใหม่ๆ และ เอาเรื่องราวของมือถือแต่ล่ะรุ่นมาเสริมเข้าไปด้วย เติมแต่งด้วย แสงสี effect สมัยใหม่ ดูดีจริงๆ ตัวนี้ (mapping เล็กๆงี้ก้อดี เหมือนกันนะครับ ประหยัดดี ฮ่าๆ)</p>
<p>ใครชอบ 3D mapping  วีดีโอคลิปนี้อย่าพลาดครับ</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=883UlMNOuX4&#038;fmt=18">http://www.youtube.com/watch?v=883UlMNOuX4</a></p></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2011/04/the-evolution-of-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Angry Birds ถล่มตึก หรือว่า Rovio จะเปิด Platform ใหม่</title>
		<link>http://www.ayarafun.com/2011/03/3d-projection-with-angry-birds/</link>
		<comments>http://www.ayarafun.com/2011/03/3d-projection-with-angry-birds/#comments</comments>
		<pubDate>Sun, 20 Mar 2011 06:58:33 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Projection Mapping]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=3326</guid>
		<description><![CDATA[เจ้านกขี้โมโหจาก Angry Bird ยังตามราวี หมูเขียวไม่เลิกลา มารอบนี้ ขึ้นไปซัดกันจน ตึกเละเลย แต่ก้อแปลก ผู้คนไม่ได้แตกตื่นอะไร กลับชอบใจกันสักอีก สำหรับใครไม่รู้จักเกมส์ Angry Birds ผมขอบอกว่า Angry Birds เป็นเกมส์ 2D  ที่ฮิตมากจากมือถือ เพราะว่าเล่นง่ายๆ และเล่นติดได้ง่ายมาก  และเจ้านก มันไปอยู่ทุก platform iOS, Android ,Symbian ,Windows, Facebook  เจ้าของสร้างที่เดียวเล่นได้หมด จนนึกว่าเขามีแผนจะทำ platform เล่นได้ กับอาคารได้สักอีก (แต่น่าสนใจนะ เปลี่ยนอาคารมาเป็นเกมส์) Angry Birds ยกพวกมารอบนี้มาใน รุปแบบโฆษณาของ Nokia ร่วมกับ Angry Bird โดยเอา 3D Projection Mapping เข้าร่วม ให้เจ้านกขี้โมโห ถล่มตึกเล่น ซึ่งดูจากผู้เล่นส่วนใหญ่จะชอบเจ้านกขี้โมโหตัวนี้กันมาก โยกหัวตามเพลงกันได้เลย ที่ผมชอบ พอเอาเกมส์มาเสริม กับ Projection Mapping ทำให้ contents สงครามนก กับ หมู ระเบิดตึก ดูโวยวาย สนุก น่าสนใจยิ่งขึ้น ว่าแต่ Nokia Thai จะจัดบ้างไหมครับ <a href="http://www.youtube.com/watch?v=9epusoNc1tE&#038;fmt=18">http://www.youtube.com/watch?v=9epusoNc1tE</a> No [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">เจ้านกขี้โมโหจาก Angry Bird ยังตามราวี หมูเขียวไม่เลิกลา มารอบนี้ ขึ้นไปซัดกันจน ตึกเละเลย แต่ก้อแปลก ผู้คนไม่ได้แตกตื่นอะไร กลับชอบใจกันสักอีก</p>
<p style="text-align: justify;">สำหรับใครไม่รู้จักเกมส์ Angry Birds ผมขอบอกว่า Angry Birds เป็นเกมส์ 2D  ที่ฮิตมากจากมือถือ เพราะว่าเล่นง่ายๆ และเล่นติดได้ง่ายมาก  และเจ้านก มันไปอยู่ทุก platform iOS, Android ,Symbian ,Windows, Facebook  เจ้าของสร้างที่เดียวเล่นได้หมด จนนึกว่าเขามีแผนจะทำ platform เล่นได้ กับอาคารได้สักอีก (แต่น่าสนใจนะ เปลี่ยนอาคารมาเป็นเกมส์)</p>
<p style="text-align: justify;">Angry Birds ยกพวกมารอบนี้มาใน <strong>รุปแบบโฆษณาของ Nokia ร่วมกับ Angry Bird</strong> โดยเอา 3D Projection Mapping เข้าร่วม ให้เจ้านกขี้โมโห ถล่มตึกเล่น ซึ่งดูจากผู้เล่นส่วนใหญ่จะชอบเจ้านกขี้โมโหตัวนี้กันมาก โยกหัวตามเพลงกันได้เลย</p>
<p style="text-align: justify;">ที่ผมชอบ พอเอาเกมส์มาเสริม กับ Projection Mapping ทำให้ contents สงครามนก กับ หมู ระเบิดตึก ดูโวยวาย สนุก น่าสนใจยิ่งขึ้น</p>
<p>ว่าแต่ Nokia Thai จะจัดบ้างไหมครับ</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=9epusoNc1tE&#038;fmt=18">http://www.youtube.com/watch?v=9epusoNc1tE</a></p></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2011/03/3d-projection-with-angry-birds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tron 3D Projection Mapping &#8211; ลานสเก็ตสุดล้ำ</title>
		<link>http://www.ayarafun.com/2011/02/tron-3d-projection-mapping/</link>
		<comments>http://www.ayarafun.com/2011/02/tron-3d-projection-mapping/#comments</comments>
		<pubDate>Sat, 26 Feb 2011 06:09:25 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Projection Mapping]]></category>
		<category><![CDATA[projection mapping]]></category>
		<category><![CDATA[TRON]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=3129</guid>
		<description><![CDATA[ลานสเก็ตรูปแบบไฮเทค ที่เอา Projection Mapping กับ คนเล่นสเก็ตเข้าด้วยกันครับ ลานสเก็ตนี้จะมีการสร้างภาพกราฟฟิก เท่ๆ ล้ำๆ สไตล์ TRON แถมด้วยยังมีการ track ตามผู้เล่น บอกเวลา ความเร็ว การกระโดดอีกด้วย เป็นอีกรูปแบบของ Projection Mapping ที่ต้องสร้างโปรแกรม เพื่อสร้าง Graphics แบบ Realtime ครับ จะไม่เหมือนกับที่ทำบนตึกที่ Render ไว้แล้วฉายอย่างเดียว
No related posts.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">ลานสเก็ตรูปแบบไฮเทค ที่เอา Projection Mapping กับ คนเล่นสเก็ตเข้าด้วยกันครับ ลานสเก็ตนี้จะมีการสร้างภาพกราฟฟิก เท่ๆ ล้ำๆ สไตล์ TRON แถมด้วยยังมีการ track ตามผู้เล่น บอกเวลา ความเร็ว การกระโดดอีกด้วย <strong>เป็นอีกรูปแบบของ Projection Mapping ที่ต้องสร้างโปรแกรม เพื่อสร้าง Graphics แบบ Realtime ครับ </strong>จะไม่เหมือนกับที่ทำบนตึกที่ Render ไว้แล้วฉายอย่างเดียว</p>
<p style="text-align: justify;">ดูๆ ไปก้อรู้สึกเหมือนพวกเกมส์ ที่ออกมาเล่นข้างนอกจริงๆ อะไรประมาณนั้นเลย เห็นแล้ว อยากเล่นบ้างไหมล่ะ <strong>ช่วงท้ายมีวีดีโอ Making of Light ให้ชมครับ</strong></p>
<p><img class="aligncenter size-full wp-image-3130" title="116614758_640" src="http://www.ayarafun.com/wp-content/uploads/2011/02/116614758_640.jpg" alt="" width="512" height="288" /><span id="more-3129"></span></p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="281" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=18525296&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="500" height="281" src="http://vimeo.com/moogaloop.swf?clip_id=18525296&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/18525296"></a></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2011/02/tron-3d-projection-mapping/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Making of Projection Mapping งานจามจุรีเกมส์</title>
		<link>http://www.ayarafun.com/2011/02/making-of-projection-mapping-in-cu-game-2011/</link>
		<comments>http://www.ayarafun.com/2011/02/making-of-projection-mapping-in-cu-game-2011/#comments</comments>
		<pubDate>Sun, 20 Feb 2011 18:04:19 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Projection Mapping]]></category>
		<category><![CDATA[chula]]></category>
		<category><![CDATA[projection mapping]]></category>
		<category><![CDATA[projector]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=3088</guid>
		<description><![CDATA[วันนี้ เอาภาพเบื้องหลัง การสร้าง Projection Mapping มาให้ชมกันครับ หลังจากที่ติดตามดูวีดีโอจากเวปไซค์ มาสัก 3-4 เดือน ตอนนี้ในไทย มีการประยุกต์ Projection Mapping มาใช้กันบ้างแล้วครับ ซึ่งผมก็ได้ขอติดไปกับงานเขาด้วย สำหรับงานที่นำเอา Projection Mapping มาใช้งาน กีฬามหาลัยตอนเดือนที่ผ่านมานี้เอง “จามจุรีเกมส์”

สำหรับคนที่เพิ่งเข้ามาอ่านเจอหัวข้อนี้พอดี ผมขออธิบายว่า Projection Mapping คือ เทคนิดการฉายภาพเข้าไปพิ้นผิววัตถุ เสมือนว่าพื้นผิวของอาคาร หรือ วัตถุนั้น เปลี่ยนเป็น Display แสดงผลขนาดใหญ่ โดยใช้ LCD Projector ในการฉายภาพขึ้นไป ซึ่งหลังจากนี้จะเอาจอแสดงภาพ หรือ เอาไปฉากการแสดง ก็แล้วคนจัดงานแล้ว
No related posts.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">วันนี้ เอาภาพเบื้องหลัง การสร้าง Projection Mapping มาให้ชมกันครับ หลังจากที่ติดตามดูวีดีโอจากเวปไซค์ มาสัก 3-4 เดือน ตอนนี้ในไทย มีการประยุกต์ Projection Mapping มาใช้กันบ้างแล้วครับ ซึ่งผมก็ได้ขอติดไปกับงานเขาด้วย สำหรับงานที่นำเอา Projection Mapping มาใช้งาน กีฬามหาลัยตอนเดือนที่ผ่านมานี้เอง “จามจุรีเกมส์”</p>
<p style="text-align: justify;">สำหรับคนที่เพิ่งเข้ามาอ่านเจอหัวข้อนี้พอดี ผมขออธิบายว่า Projection Mapping คือ <strong>เทคนิดการฉายภาพเข้าไปพิ้นผิววัตถุ เสมือนว่าพื้นผิวของอาคาร หรือ วัตถุนั้น เปลี่ยนเป็น</strong><strong> Display แสดงผลขนาดใหญ่</strong> โดยใช้ LCD Projector ในการฉายภาพขึ้นไป ซึ่งหลังจากนี้จะเอาจอแสดงภาพ หรือ เอาไปฉากการแสดง ก็แล้วคนจัดงานแล้ว</p>
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-3097" title="179251_196994630315245_100000141297351_817152_8137428_n" src="http://www.ayarafun.com/wp-content/uploads/2011/02/179251_196994630315245_100000141297351_817152_8137428_n.jpg" alt="" width="562" height="374" /></p>
<p style="text-align: justify;">สำหรับตัวเทคโนโลยี เป็นผมว่ามันเป็นสิ่งที่มีใช้อยู่แล้วครับ ไม่ว่าจะเป็น  Projector, CG Content  และ  ฉากรับภาพ <strong>แต่สิ่งที่เพิ่มเข้าไปคือ ไอเดีย เนื่องจากเนื้อหา (</strong><strong>Content) ต่างๆ มันออกมาจากโลกจอคอมพิวเตอร์ ออกมาสัมผัสกับคนภายนอกได้ คราวนี้เราจะใส่ไอเดียสร้างสรรค์ ได้มากยิ่งขึ้น</strong> ซึ่งมันก็เลยน่าสนใจ เรายังเพิ่มเติมให้มันสร้างสรรค์ได้ ใครนึกไม่ออก ก็ดูได้จากที่ผมรวบรวมไว้ใน blog ด้วยนะครับ ในหัวข้อ <a href="http://www.ayarafun.com/category/interactive-design/projection-mapping/">Projection-mapping</a></p>
<p style="text-align: justify;">สำหรับรูปแบบงานครั้งนี้ projection mapping ที่จามจุรีเกมส์นี้  เป็นการสร้างฉากวีดีโอขนาดใหญ่ครับ และแสดงภาพวีดีโอ ให้สอดคล้องกับการแสดงในสนามกีฬา ซึ่งทางผมก็ต้องขอบคุณทาง<strong>ทีมงาน Mr-team และ Luminox </strong>ครับ ที่เปิดอนุญาติให้ทางเราเอาภาพเบื้องหลัง ของงานมาให้ชมกันด้วย</p>
<p style="text-align: justify;">การทำ Projection Mapping ในทีมใหญ่ๆ จึงต้องประกอบไป</p>
<ol>
<li style="text-align: justify;"><strong>Creative Producer</strong> ทีมนี้คือ ผู้กำกับการแสดงนี้ล่ะครับ ต้องมีไอเดีย สร้างสรรค์ ที่จะเอา content ของงาน มารวมกับ อาคาร หรือที่จะ mapping  ได้น่าสนใจ</li>
<li style="text-align: justify;"><strong>ทีมทาง </strong><strong>Computer Graphics Artist</strong> ทีมนี้ จะมีหน้าที่สร้างภาพ Graphics ครับ สร้างภาพอย่างเดียวเลยครับ ทำงานร่วมกับทาง Creative เพื่อวางแผน การสร้างภาพ และ ภาพ effect ต่างๆ ที่จะเกิดขึ้นกับตัวอาคาร</li>
<li style="text-align: justify;"><strong>ทีมทาง </strong><strong>Visual Engineering</strong> หาขนาดของเครื่องฉายภาพ Projector ความสว่าง ที่จะใช้ และหาตำแหน่งที่ติดตั้ง และ แก้ไขจัดการปัญหาทางเทคนิคของภาพ การบิดเบี้ยวของภาพจากติดตั้ง Projector หรือที่เรียกว่า<strong> </strong><a href="http://en.wikipedia.org/wiki/Keystone_effect"><strong>keystone </strong></a>หรือ การฉายภาพไปยัง วัตถุผิวโค้ง แล้วเกิด<strong> Distortion</strong> ซึ่งบางที่ ปัญหาเกี่ยวกับภาพ ก็อาจจะไปแก้ไขทาง CG- Artist ได้ครับ ให้เขา render ภาพที่แก้ไข distortion มาเลย</li>
<li style="text-align: justify;"><strong>ทีมทาง </strong><strong>Hardware Technique</strong> จะดูแล<strong> ระบบจัดการ </strong><strong>media </strong>คือจัดคิวของ ทางทีมนี้จะเป็นคนดูแล ลำดับภาพวีดีโอ ในอาคารที่มีขนาดใหญ่ ระบบมันจะใหญ่ตามไป จะต้องใช้ projector และ computer จำนวนมาก</li>
</ol>
<p style="text-align: justify;">สำหรับงานใหญ่ อย่างใน <strong>World Expo , Olympus </strong>ผมว่าคงแบ่งได้มากกว่านี้อีก แต่รอบนี้ผมคงแบ่งคร่าวแบบนี้แล้วกันนะครับ เรามาดู <strong><em>Video Projection Mapping ที่เขาใช้ในงานจามจุรีเกมส์</em></strong> กันบ้างนะครับ</p>
<p style="text-align: justify;">งานที่ผมติดตามไป เขาจะใช้ projection mapping อยู่สองวันครับ ในงานวันพิธีเปิดและพิธีปิดงาน ในงานพิธีเปิดงาน  สำหรับในพิธีเปิด จะทำการ mapping อัฒจันทร์ยาว ของสนามฟุตบอลของจุฬาลงกรณ์มหาวิทยาลัย (สนามจุ๊บ)</p>
<p style="text-align: center;"><a href="http://www.ayarafun.com/wp-content/uploads/2011/02/165367_196995846981790_100000141297351_817184_5269326_n.jpg"><img class="aligncenter size-full wp-image-3126" title="165367_196995846981790_100000141297351_817184_5269326_n" src="http://www.ayarafun.com/wp-content/uploads/2011/02/165367_196995846981790_100000141297351_817184_5269326_n.jpg" alt="" width="577" height="384" /></a></p>
<p style="text-align: center;"><span id="more-3088"></span></p>
<p><strong>ข้อมูลทางเทคนิค</strong><strong> </strong></p>
<p style="text-align: justify;">โดยงานการ mapping อัฒจันทร์ของสนามฟุตบอลนี้จะมีขนาดที่ยาวมากขึ้น จะมีความยาวถึง 105 เมตร สูง 18 เมตรได้ ซึ่งจะทำให้ได้ภาพขนาดยาว ขนาดนี้ ทางทีมงานทำโดยใช้แบ่งพื้นที่ของอัฒจันทร์เป็น 4 ส่วนครับ แล้วใช้ <strong>Projector ติดตั้งไว้ 4 ชุด ซึ่งจะแบ่งภาพได้ 4 ภาำพ </strong>เพื่อให้ได้ภาพที่ครอบคลุมทั้งสนาม ดังรูปที่แสดงข้างหลังครับ</p>
<p style="text-align: justify;">โดยสเป็คของโปรเจคเตอร์ ได้ความละเอียด <strong>HD 1920&#215;1080 ละเอียด และ แสงสว่างถึง 20000 ANSI Lumens</strong> เพราะฉะนั้นภาพที่ออกมาบนอัฒจันทร์ จะมีความละเอียดถึง 1920 คูณ 4 ครับ จะประมาณ 7680 x 1080 pixel <strong>แต่ในการใช้งานจริง</strong> ของภาพจะเอามา overlab กันเล็กน้อยครับ ประมาณ 10% ฉะนั้นจากความละเอียด 7680 pixel จะเหลือประมาณ 7204 pixel</p>
<p><img class="aligncenter size-full wp-image-3099" title="P1080235" src="http://www.ayarafun.com/wp-content/uploads/2011/02/P1080235.jpg" alt="" width="497" height="332" /></p>
<p style="text-align: center;"><strong>เทียบขนาด </strong><strong>pixel กับมือ </strong></p>
<p><strong> </strong></p>
<p style="text-align: justify;">ผมลองคำนวนกลับมาแล้ว ภาพขนาด 7680&#215;1080 ที่ฉากยาว 105 เมตร จะได้ขนาด 1 pixel ใหญ่ประมาณ 3 x 3 cm ครับ (เอา 10500 cm / 7680 ประมาณ 1.3 cm) ดูจากมือผมก็ได้ครับ มันก้อไม่ได้เล็กนะ ดู ถ้าสมมุติว่า เราไปใช้ Projector ตัวเดียวมาใช้ สมมุติว่ามันใช้ได้นะครับ 1920&#215;1080 น่าจะได้ pixel ที่หยาบกว่านี้อีก ซึ่งหมายความว่า คุณภาพของภาพจะแย่กว่าอีกครับ</p>
<p><img class="aligncenter size-full wp-image-3098" title="P1080191" src="http://www.ayarafun.com/wp-content/uploads/2011/02/P1080191.jpg" alt="" width="545" height="545" /></p>
<p style="text-align: center;"><strong>Projector Unit ประกอบไปด้วย Projector และ คอมพิวเตอร์</strong></p>
<p style="text-align: justify;">โดยแต่ล่ะจุดทางผมเรียกว่า Projector Unit เป็น unit ฉายยิงภาพวีดีโอ ที่ประกอบไปด้วยคอมพิวเตอร์ และ Projector ที่นำมาซ้อนกัน (stack) อีกสามตัวครับ เพื่อให้ได้ ความสว่างยิ่งขึ้นอีกซึ่งการ stack กันหลายตัว ทำให้ภาพที่ยิงไป ส่วนมากมันจะไม่ซ้อนกัน เกิดอาการบิดเบี้ยวของภาพ ซึ่งเรียกว่า <strong>Keystone effect</strong> ต้องมาจูนภาพตรงก่อน เพื่อให้แต่ภาพแต่ล่ะโปรเจคเตอร์ ซ้อนกันพอดีอีกครับ ผมคิดว่าอีกหน่อย ถ้าเทคโนโลยีหลอดภาพ projector ดีขึ้น จะได้ใช้ตัวเดียวได้ ปัญหานี้คงจะน้อยลง (แต่คงอีกหลายปีล่ะครับ)</p>
<p style="text-align: justify;">มาดูระบบควบคุมกันต่อครับ จะใช้คอมพิวเตอร์ ในการควบคุมระบบทั้งหมดครับ ซึ่งเขาจะเรียกว่า media server เจ้าตัว media server มันก้อทำตัวเหมือน<strong>โปรแกรมจัดคิวการเล่นวีดีโอ</strong> รวมกับ <strong>โปรแกรมตัดต่อวีดีโอ</strong> นะครับ แต่ Pro กว่าหน่อย ที่มันสามารถ custom อะไรหลายๆ แถมใส่ effect อะไร มันจะเป็น overlay อีกชั้น ที่สามารถเล่นไปกับ วีดีโอหลักได้อีกด้วย</p>
<p><img class="aligncenter size-full wp-image-3095" title="P1080262" src="http://www.ayarafun.com/wp-content/uploads/2011/02/P1080262.jpg" alt="" width="586" height="391" /></p>
<p style="text-align: center;"><strong>รูปหน้าตาของเจ้า Media server โดนจอ LCD กับ Macbook ทับอยู่</strong></p>
<p style="text-align: justify;">โดย Media Server ที่ทางผู้จัดเอามาใช้ของ Hippo Media Server ครับ เป็นตัว Media Server ที่ทำมาเพื่องาน mapping นี้เลยครับ ใครสนใจเข้าไปดูใน Youtube ได้นะครับ เห็นมีวีดีโอสอนใช้ ผมคงเอามาพูดสักนิดหนึ่ง ให้รู้ว่าในงานแสดงแบบนี้ เขามีเครื่องมืออะไรบ้าง (ผมไม่ได้ถามราคา คงจะแพงเหมือนกันครับ)</p>
<p><strong>ความพิเศษของตัว </strong><strong>media server ตัวนี้นะครับ</strong></p>
<p style="text-align: justify;">media server ตัวนี้ สามารถจัดการไฟล์วีดีโอ ยืดภาพ บิดภาพได้ หรือทำภาพในโค้งรับ รับกับตึกโค้งๆ เพื่อให้ mapping กับ อาคารได้ และมี effect เกี่ยวกับภาพบางส่วน คือผมว่าเขาออกแบบมา สำหรับงานแบบ การแสดงโชว์ครับ ที่ set ทุกสิ่งทุกอย่าง เรียบร้อยแล้ว แต่ยังสามารถแก้ไขหน้างานได้ตลอดเวลา</p>
<p style="text-align: justify;">และ Media Server จะเป็นตัวควบคุมการเล่นภาพ ทั้งระบบอีกด้วย คือหลังจากที่จัดการคิวแสดงวีดีโอเสร็จ จะมีการ render วีดีโอใหม่ และจะส่งวีดีโอที่ render แบบแยกส่วนแล้ว ไปยัง projector unit ครับ เพื่อรอการใช้งานอีกที่  อย่างในงานนี้แบ่ง Projector unit เป็น 4 ส่วน อันนี้คงจะคลายข้อสงสัยว่า มันเล่นวีดีโอ ขนาด มากกว่า HD ได้อย่างไง ให้ลื่นไหล ไม่กระตุ้น คือมันแยกเครื่อง กันเล่นแต่ต้อง sync เวลาเล่นให้พร้อมกันจาก media server</p>
<p><img class="aligncenter size-full wp-image-3094" title="diagram" src="http://www.ayarafun.com/wp-content/uploads/2011/02/diagram.png" alt="" width="657" height="362" /></p>
<p style="text-align: center;"><strong>ภาพแสดงการทำงานของ </strong><strong>Media Sever กับ Projector Unit</strong></p>
<p style="text-align: justify;">มาดูกันต่อครับ ในวันพิธีปิด สำหรับในงานพิธีปิด ยังจัดภายในสนามจุ๊บ แต่ย้ายที่ Mapping ไปที่อาคารจอดรถ ข้างๆ สนามครับ โดยในรอบนี้ เปลี่ยนอาคารจอรถให้เป็นจอแสดงผลขนาดใหญ่ครับ</p>
<p><img class="aligncenter size-full wp-image-3110" title="167843_197001750314533_100000141297351_817242_697434_n" src="http://www.ayarafun.com/wp-content/uploads/2011/02/167843_197001750314533_100000141297351_817242_697434_n.jpg" alt="" width="630" height="419" /></p>
<p style="text-align: justify;">สำหรับระบบทีมผู้จัด ใช้ Projector ถึง 6 ตัว ทำเป็น Projector Unit สองส่วน แต่ล่ะ Unit มี 3 ตัว stack กัน ยิงไปที่ตำแหน่งเดียวกันจะได้ความละเอียด 1920&#215;1080 แต่ความสว่างจะเยอะมาก จะสังเกตว่า <strong>การติดตั้ง </strong><strong>Projector นอกนี้จะมีการเอียงไปทางขวาของอาคารมากครับ </strong></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-3108" title="P1080534" src="http://www.ayarafun.com/wp-content/uploads/2011/02/P1080534.jpg" alt="" width="646" height="431" /></p>
<p style="text-align: center;"><strong>ที่ติดตั้ง Projector ข้างๆ ตู้ control ไฟ</strong></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-3125" title="path5574-3-0" src="http://www.ayarafun.com/wp-content/uploads/2011/02/path5574-3-0.png" alt="" width="635" height="592" /></p>
<p style="text-align: center;"><strong>แผนภาพ แสดงการติดตั้งโปรเจคเตอร์ในวันพิธีปิด</strong></p>
<p style="text-align: justify;">จากการติดตั้ง ทำให้ภาพที่ยิงไปยังอาคาร จะบิดไปคนล่ะมิติกับแนวกับอาคารครับ ดูได้จากภาพนี้เลย ซึ่งก็ต้องมีแก้ Keystone ภาพปรับภาพให้ซ้อนตรงกับอาคารอีกที่ครับ ซึ่งในรอบนี้ ปรับทั้งสอง unit ครับ <img class="aligncenter size-full wp-image-3103" title="P1080552" src="http://www.ayarafun.com/wp-content/uploads/2011/02/P1080552.jpg" alt="" width="645" height="430" /></p>
<p style="text-align: justify;">ซึ่งเราก็ต้องบิดภาพกลับจนภาพ CG ซ้อนกันอาคารแล้วจะเป็นดังใน Monitor นี้เอง อาจจะเห็นว่ามันบิดเบี้ยวในจอ แต่ตรงกับอาคารครับนะ ซึ่งการแก้ไข ความจริงเราก้อไป Render วีดีโอใหม่ก็ได้ แต่คงจะยุ่งยากน่าดู แต่สำหรับงานนี้มีใช้ Tools ใน Media Server ช่วยครับ <img class="aligncenter size-full wp-image-3102" title="P1080540" src="http://www.ayarafun.com/wp-content/uploads/2011/02/P1080540.jpg" alt="" width="682" height="455" /></p>
<p style="text-align: justify;">มาถึงการสร้าง VDO Mapping กันบ้างนะ ทางทีม Computer Graphics Artist จะต้องส่งคนมาสร้างโมเดลจำลอง ในคอมพิวเตอร์สักก่อนครับ คือในช่วงแรกหลังจากประชุมทุกอย่างเรียบร้อย ทางทีม CG Artist ต้องสร้างโมเดล และทดลองกับ map กับอาคารจนมั่นใจ และ จึงโมเดลที่ได้ ไปสร้างวีดีโอ อีกที่ครับ คือสรุป ในขั้นตอนแรก เราต้องติดตั้งโปรเจคเตอร์ที่แน่ๆไว้สักตัว  สำหรับทดสอบโมเดลครับ คือขนาดอาคาร เราได้แต่ประมาณครับ แบบสร้างกับแบบจริง  อาจจะไม่ตรงกัน อย่างทดสอบจากหน้างานจะดีที่สุดครับ</p>
<p><img class="aligncenter size-full wp-image-3107" title="P1080528" src="http://www.ayarafun.com/wp-content/uploads/2011/02/P1080528.jpg" alt="" width="703" height="469" /></p>
<p>หลังจากนี้เป็นส่วนของ Content แล้วครับ ตอนนี้ก้ออยู่ที่ว่าเนื้อหากับภาพ CG จะมีไอเดียอะไรใหม่ๆไหม ก็อยู่ที่คนทำ content จะเตรียมมาแล้วครับ</p>
<p><img class="aligncenter size-full wp-image-3105" title="169047_196996306981744_100000141297351_817205_8048826_n" src="http://www.ayarafun.com/wp-content/uploads/2011/02/169047_196996306981744_100000141297351_817205_8048826_n.jpg" alt="" width="720" height="479" /></p>
<p style="text-align: center;"><strong>โฉมหน้าทีมงานเบื้องหลังครับ</strong></p>
<p style="text-align: left;">โอเคเล่ามาเยอะแล้ว ดูกันดีกว่าครับ</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="349" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/E8VvrUwPf4g?fs=1&amp;hl=en_US&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="349" src="http://www.youtube.com/v/E8VvrUwPf4g?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: justify;">สำหรับในไทย ผมเชื่อว่า ทุกอย่างยังใหม่หมด ทำงานได้เจอปัญหาแน่ๆ ผมจึงคิดว่าที่ผมเอาเล่าให้ฟังใน blog แห่งนี้ ก้อคงเหมือนเป็นบันทึกเล่าให้นักพัฒนาชาวไทยได้ ฟังจะได้เข้าใจภาพรวมได้ง่ายๆครับ ผมอาจจะตกๆ หลุดๆ ไปบ้าง ขออภัยครับ <span style="text-decoration: underline;"> ใครขอเสริม หรือโต้แย้ง ผมเปิดให้ได้เต็มที่ครับ</span></p>
<p>สุดท้ายทางผมขอขอบคุณทาง <strong>พี่ป๊อก จาก Mr-team และ ทีมงาน Luminox</strong> เล่าประสบการณ์ทำ Projection Mapping ไขปัญหาหลายอย่าง ให้ทางผมฟังด้วยนะครับ</p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2011/02/making-of-projection-mapping-in-cu-game-2011/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Fashion Show &#8211; Projection Mapping สำหรับสาวรักแฟชั่น</title>
		<link>http://www.ayarafun.com/2011/02/virtual-fashion-show-with-projection-mapping/</link>
		<comments>http://www.ayarafun.com/2011/02/virtual-fashion-show-with-projection-mapping/#comments</comments>
		<pubDate>Thu, 17 Feb 2011 15:36:00 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Digital Culture]]></category>
		<category><![CDATA[Projection Mapping]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[projection mapping]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=3070</guid>
		<description><![CDATA[พักสมองมาหาไอเดียคลายสมองกันบ้างครับ เอา Projection Mapping กับ สาวๆ มาให้ชม  เคยสังเกตกันหรือป่าวครับ สาวกับของไฮเทค มักสร้างความประหลาดใจ ให้ผู้ชายอย่างเราเป็นอย่างมาก ซึ่งบ่อยเลยครับ ไม่คิดว่าเขาใช้แบบนี้ได้ด้วย แต่พวกเธอคิดได้ เหมือนคนในโฆษณาประมาณเราผู้ชายจะใช้เหตุผล ผู้หญิงใช้อารมณ์ พูดไปพูดมา ก้อไม่ค่อยจะเข้าใจว่า คิดได้ไง เหมือนกันครับ รอบนี้เป็นการประยุกต์ง่ายๆ เพียงแค่มี  Projector 1 ตัว และเครื่องคอมพิวเตอร์ที่เข้าเวป Google คราวนี้ เราก้อเลือกสี เลือกแบบ ได้เป็นล้านๆ ทำ Fashion Show ได้เลยครับ ผมว่าสาว office ที่ชอบสั่งของทางเน็ท คงจะกริ๊ดแตก อยากได้แน่ๆเลย เอาไปลองทำเล่นดูนะครับ มีวีดีโอ คลิกต่อไปครับ No related posts.
No related posts.]]></description>
			<content:encoded><![CDATA[<p>พักสมองมาหาไอเดียคลายสมองกันบ้างครับ เอา Projection Mapping กับ สาวๆ มาให้ชม  เคยสังเกตกันหรือป่าวครับ สาวกับของไฮเทค มักสร้างความประหลาดใจ ให้ผู้ชายอย่างเราเป็นอย่างมาก ซึ่งบ่อยเลยครับ ไม่คิดว่าเขาใช้แบบนี้ได้ด้วย แต่พวกเธอคิดได้ เหมือนคนในโฆษณาประมาณเราผู้ชายจะใช้เหตุผล ผู้หญิงใช้อารมณ์ พูดไปพูดมา ก้อไม่ค่อยจะเข้าใจว่า คิดได้ไง เหมือนกันครับ</p>
<p>รอบนี้เป็นการประยุกต์ง่ายๆ เพียงแค่มี  Projector 1 ตัว และเครื่องคอมพิวเตอร์ที่เข้าเวป Google คราวนี้ เราก้อเลือกสี เลือกแบบ ได้เป็นล้านๆ ทำ Fashion Show ได้เลยครับ ผมว่าสาว office ที่ชอบสั่งของทางเน็ท คงจะกริ๊ดแตก อยากได้แน่ๆเลย เอาไปลองทำเล่นดูนะครับ</p>
<p><img class="aligncenter size-full wp-image-3072" title="cute_girls_google" src="http://www.ayarafun.com/wp-content/uploads/2011/02/cute_girls_google.png" alt="" width="631" height="347" /></p>
<p>มีวีดีโอ คลิกต่อไปครับ<span id="more-3070"></span></p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="349" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/A-5BIhItn18?fs=1&amp;hl=en_US&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="349" src="http://www.youtube.com/v/A-5BIhItn18?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2011/02/virtual-fashion-show-with-projection-mapping/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digital Wall – ปรากฏการณ์กำแพงก้อมีชีวิต</title>
		<link>http://www.ayarafun.com/2010/10/digital-wallpaper/</link>
		<comments>http://www.ayarafun.com/2010/10/digital-wallpaper/#comments</comments>
		<pubDate>Sun, 03 Oct 2010 19:05:37 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Projection Mapping]]></category>
		<category><![CDATA[3D Projection Mapping]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=2304</guid>
		<description><![CDATA[ผมว่าในยุคนี้ จะได้เห็นไอเดียทาง digital แบบในหนังฮอลลีวู๊ด ออกมาเป็นของจริงบ่อยขึ้น วันนี้ ผมเลยเอาเป็นงานทาง projection mapping ที่เล็กลงมาหน่อย มาให้ชมกันครับ เป็นกำแพงหรือฝาผนังดิจิตอล ถ้ามองผ่านอาจจะนึกว่า ฝาผนังเป็นจอ LCD ขนาดใหญ่ แต่งานนี้ จะใช้ Projector ความสว่างสูงครับ เดี่ยวนี้ Projector ก้อถูกลงมามากแล้วสิ จำได้แต่ก่อนยังฮิตใช้กันอยู่ แต่พอมีจอ LED ยักษ์ ก้อเริ่มเปลี่ยนเป็นจอ LED กันสักหมด แต่ความสามารถของ LED Wall กับ Projector Wall ต่างกันมากครับ คือ LED Wall ยังมีข้อจำกัดในเรื่องความละเอียดของภาพ สีสัน และรูปทรงยังติดกับระนาบสี่เหลี่ยมครับ (มันเป็นข้อจำกัดของตัวอิเล็กทรอนิกส์เองครับ ที่จะส่งการควบคุมไปไม่ทัน) จอยิ่งใหญ่มันก้อยิ่งแพงครับ  แต่ LED Wall จะได้ข้อดีเรื่องความคงทนครับ ดูอีกฝั่ง Projector Wall  ด้วยตัวเทคโนโลยีที่พัฒนามามากครับ ทำให้ตอนนี้ Projector ได้สีที่สดใสและคมชัดมากกว่าเดิมครับ ระบบมีขนาดเล็ก เคลื่อนย้ายสะดวก ตัวคุณภาพของภาพที่ได้ดูกลืนเป็นภาพเดียวกัน (LED Wall มันจะดูเป็นบล๊อคๆ) และข้อดีอีกอย่างคือภาพมาฉายขึ้นบนวัตถุได้หลากหลาย จะเห็นว่าจะมีบางงาน เอาไป<a href="http://www.ayarafun.com/2010/09/architectural-projection-mapping-the-future-of-graphics/">ฉายขึ้นตึก</a> หรือใช้ใน<a href="http://www.ayarafun.com/2010/08/blaze-computer-graphics-in-live-stage-show/">งานแสดงBlaze</a> ผมว่าคงไม่ใช้ Projector ตาม office ล่ะมั้งครับ สีมันสว่างมากเลย [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">ผมว่าในยุคนี้ จะได้เห็นไอเดียทาง digital แบบในหนังฮอลลีวู๊ด ออกมาเป็นของจริงบ่อยขึ้น วันนี้ ผมเลยเอาเป็นงานทาง projection mapping ที่เล็กลงมาหน่อย มาให้ชมกันครับ เป็นกำแพงหรือฝาผนังดิจิตอล ถ้ามองผ่านอาจจะนึกว่า ฝาผนังเป็นจอ LCD ขนาดใหญ่</p>
<p style="text-align: justify;">แต่งานนี้ จะใช้ Projector ความสว่างสูงครับ เดี่ยวนี้ Projector ก้อถูกลงมามากแล้วสิ จำได้แต่ก่อนยังฮิตใช้กันอยู่ แต่พอมีจอ LED ยักษ์ ก้อเริ่มเปลี่ยนเป็นจอ LED กันสักหมด แต่ความสามารถของ LED Wall กับ Projector Wall ต่างกันมากครับ คือ LED Wall ยังมีข้อจำกัดในเรื่องความละเอียดของภาพ สีสัน และรูปทรงยังติดกับระนาบสี่เหลี่ยมครับ (มันเป็นข้อจำกัดของตัวอิเล็กทรอนิกส์เองครับ ที่จะส่งการควบคุมไปไม่ทัน) จอยิ่งใหญ่มันก้อยิ่งแพงครับ  แต่ LED Wall จะได้ข้อดีเรื่องความคงทนครับ</p>
<p style="text-align: justify;">ดูอีกฝั่ง Projector Wall  ด้วยตัวเทคโนโลยีที่พัฒนามามากครับ ทำให้ตอนนี้ Projector ได้สีที่สดใสและคมชัดมากกว่าเดิมครับ ระบบมีขนาดเล็ก เคลื่อนย้ายสะดวก ตัวคุณภาพของภาพที่ได้ดูกลืนเป็นภาพเดียวกัน (LED Wall มันจะดูเป็นบล๊อคๆ) และข้อดีอีกอย่างคือภาพมาฉายขึ้นบนวัตถุได้หลากหลาย จะเห็นว่าจะมีบางงาน เอาไป<a href="http://www.ayarafun.com/2010/09/architectural-projection-mapping-the-future-of-graphics/">ฉายขึ้นตึก</a> หรือใช้ใน<a href="http://www.ayarafun.com/2010/08/blaze-computer-graphics-in-live-stage-show/">งานแสดงBlaze</a></p>
<p style="text-align: justify;">ผมว่าคงไม่ใช้ Projector ตาม office ล่ะมั้งครับ สีมันสว่างมากเลย ราคาคงจะไม่ถูก และข้อเสียจริงสำหรับตอนนี้คงจะเปิดนานๆไม่ได้นะครับ Projector หลอดฉายอายุการใช้งานต่ำครับ</p>
<p style="text-align: justify;">มาชมงานที่นำ Projection mapping มาใช้ในอาคารกันบ้าง</p>
<p>Digital Wallpaper ของงาน <a href="http://vimeo.com/6378943">Hirzberger Events</a> สำหรับงานชิ้นแรกจะเป็นงานตกแต่งร้าน หรือ งาน event นะครับ คือชอบที่เขาเอาลายขวางของกำแพงมาเล่นสีสัน กับ ใส่เกมส์ pacman ครับ น่าดูสักจริงๆ เปลี่ยนกำแพงเดิม ให้กลายเป็นกำแพงดิจิตอลได้</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=6378943&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="480" height="270" src="http://vimeo.com/moogaloop.swf?clip_id=6378943&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>งานที่สองมีการจัดฉากนิดหน่อย แต่อันนี้น่าจะโชว์ความสามารถของ Projection mapping ได้นะครับ ว่าภาพมัน match (line up) กับวัตถุจริงได้เนียบๆเลย ดูแล้วรู้สึกว่ามันเป็นสามมิติ จริงๆครับ</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="270" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=10692284&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="480" height="270" src="http://vimeo.com/moogaloop.swf?clip_id=10692284&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: left;">เอาล่ะครับ วันหลังจะหาวิธีทำแบบง่าย มาลองดูบ้างนะครับ วันนี้แค่นี้ก่อนครับ <img src='http://www.ayarafun.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' />  สวัสดี</p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2010/10/digital-wallpaper/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Projection Mapping อนาคตของภาพกราฟิกเสมือนจริง ที่เราสัมผัสกันได้</title>
		<link>http://www.ayarafun.com/2010/09/architectural-projection-mapping-the-future-of-graphics/</link>
		<comments>http://www.ayarafun.com/2010/09/architectural-projection-mapping-the-future-of-graphics/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 07:40:07 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Projection Mapping]]></category>
		<category><![CDATA[3D Projection Mapping]]></category>
		<category><![CDATA[architectural]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=2292</guid>
		<description><![CDATA[สำหรับงานกราฟิก เอามาให้ชมในครั้งนี้เรียกว่า &#8220;Architectural projection mapping&#8221; คือการสร้างสี สร้างเงาประกอบเรื่องราวให้กับตึก สิ่งก่อสร้างครับ วิธีการของเขาคือสร้างภาพวีดีโอกราฟฟิก แล้วนำไปฉาย projection ลงบนสิ่งก่อสร้าง ไม่ว่าจะเป็นปราสาท ตึกในเมือง แล้วให้อาคารเป็นส่วนหนึ่งของการแสดง  ไม่ว่าจะทำอาคาร ให้เป็นฉากเกมส์ pacman หรือทำให้ หน้าต่างประตูของอาคาร เป็น กราฟฟิกอีควอไลเซอร์ ขนาดใหญ่ ผมว่ามันก้อเป็นงาน interactive ที่เจ๋งดีครับ ให้ประสบการณ์กับคนชมที่น่าจดจำครับ สำหรับ &#8220;Architectural projection mapping&#8221; ส่วนหนึ่งที่ผมว่าสำคัญ การนำหน้าต่าง ประตู เสา ขอบอาคาร ส่วนประกอบเด่นของอาคารมาเป็นส่วนหนึ่งของการแสดง  ซึ่งมันจะช่วยให้รู้สึก ย้ำว่าที่เราเห็นมันเป็นของจริง แต่ถ้าทำแบบฉายภาพลงอาคาร แต่การไม่ได้นำอาคารมาแสดงร่วม ผมว่ามันดูไม่ต่างจากหนังกลางแปลงเลยครับ เห็นแล้วก้อคงตื่นเต้น แต่มันไม่ถึงใจ ฮ่าๆ สำหรับในไทย ผมเพิ่งได้ชมจากเน็ทมา ที่เกิดเป็นกระแสใน twitter ของชาวไทย กับ WYNE in motion ที่เขาว่าเป็นครั้งแรกในไทยกับ &#8220;ตึกมีชีวิต&#8221;  ใครอยากชมก้อหาชมในเน็ทแล้วกันครับ หาไม่ยาก ผมว่ายังไม่ถึง ฮ่าๆ เอาล่ะครับมาชม &#8220;Architectural projection mapping&#8221; กันดีกว่า ในบทความนี้ เอางานอลังการณ์ ใหญ่มากๆ มาให้ชมกัน 5 งานครับ 1. Battle of Branchage [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">สำหรับงานกราฟิก เอามาให้ชมในครั้งนี้เรียกว่า &#8220;Architectural projection mapping&#8221; คือการสร้างสี สร้างเงาประกอบเรื่องราวให้กับตึก สิ่งก่อสร้างครับ วิธีการของเขาคือสร้างภาพวีดีโอกราฟฟิก แล้วนำไปฉาย projection ลงบนสิ่งก่อสร้าง ไม่ว่าจะเป็นปราสาท ตึกในเมือง แล้วให้อาคารเป็นส่วนหนึ่งของการแสดง  ไม่ว่าจะทำอาคาร ให้เป็นฉากเกมส์ pacman หรือทำให้ หน้าต่างประตูของอาคาร เป็น กราฟฟิกอีควอไลเซอร์ ขนาดใหญ่ ผมว่ามันก้อเป็นงาน interactive ที่เจ๋งดีครับ ให้ประสบการณ์กับคนชมที่น่าจดจำครับ</p>
<p style="text-align: justify;">สำหรับ &#8220;Architectural projection mapping&#8221; ส่วนหนึ่งที่ผมว่าสำคัญ การนำหน้าต่าง ประตู เสา ขอบอาคาร ส่วนประกอบเด่นของอาคารมาเป็นส่วนหนึ่งของการแสดง  ซึ่งมันจะช่วยให้รู้สึก ย้ำว่าที่เราเห็นมันเป็นของจริง แต่ถ้าทำแบบฉายภาพลงอาคาร แต่การไม่ได้นำอาคารมาแสดงร่วม ผมว่ามันดูไม่ต่างจากหนังกลางแปลงเลยครับ เห็นแล้วก้อคงตื่นเต้น แต่มันไม่ถึงใจ ฮ่าๆ</p>
<p style="text-align: justify;">สำหรับในไทย ผมเพิ่งได้ชมจากเน็ทมา ที่เกิดเป็นกระแสใน twitter ของชาวไทย กับ WYNE in motion ที่เขาว่าเป็นครั้งแรกในไทยกับ &#8220;ตึกมีชีวิต&#8221;  ใครอยากชมก้อหาชมในเน็ทแล้วกันครับ หาไม่ยาก ผมว่ายังไม่ถึง ฮ่าๆ</p>
<p style="text-align: justify;">เอาล่ะครับมาชม &#8220;Architectural projection mapping&#8221; กันดีกว่า ในบทความนี้ เอางานอลังการณ์ ใหญ่มากๆ มาให้ชมกัน 5 งานครับ</p>
<h3>1. Battle of Branchage</h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="601" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=7146136&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="601" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=7146136&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;"><strong>สถานที่จัดแสดง</strong> @ Branchage Film Festival 2009</p>
<p style="text-align: left;"><span id="more-2292"></span></p>
<h3>2. Kraft Work</h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="601" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12764173&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="601" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=12764173&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;"><strong>สถานที่จัดแสดง</strong> @ Autostadt, Wolfsburg 2010</p>
<p style="text-align: center;">ผมชอบโชว์นี้นะครับ เพราะว่ามันเอาภาพกราฟิก มาใช้ได้อย่างกลมกลืน กับอาคารดี แล้วภาพ effect ทำให้ดูมีความลึก มีมิติ ดีครับ</p>
<h3 style="text-align: left;">3.  Projections</h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube-nocookie.com/v/I8-kqovVjss?fs=1&amp;hl=en_US" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube-nocookie.com/v/I8-kqovVjss?fs=1&amp;hl=en_US" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;">สถานที่ไม่ทราบแน่ชัดครับ ในประเทศอังกฤษ</p>
<p style="text-align: left;">โชว์นี้จะแสดงให้เห็นความสร้างสรรค์ เอาช่องหน้าต่าง ประตู ดัดแปลงให้เป็นสิ่งก่อสร้างอื่นๆ เหมือนมัน transform จากปราสาทยุโรป ไปเป็นที่อื่นได้เลย เห็นมีปราสาทแบบญี่ปุ่นด้วย และยังแสดงให้เห็นไอเดียสร้างสรรค์ ที่เอาอาคารมาทำฉากเกมส์ ดูตื้นเต้นดีครับ</p>
<h3>4. AC/DC Vs Iron Man 2 &#8211;  Rochester Castle</h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="601" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11160666&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="601" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=11160666&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;">งานนี้อลังการณ์มาก ฉายลงบนประสาทเก่าแก่มาก เป็น มิวสิทวีดีโอ Iron man2 ของ AC/DC</p>
<h3 style="text-align: left;">5. Telenoika Audiovisual Mapping @ Ingravid Festival, 9/2009</h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="601" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=7001138&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="601" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=7001138&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;">
<p style="text-align: justify;">เอาล่ะครับ ถ้ายังไม่จุใจ ช่วงนี้จะมีอีกเยอะเลยที่ งาน world expo 2010 ครับ ของคนไทยก้อเจ๋งนะครับ เดี่ยวรอบหน้าจะหามาให้ชมครับ  เดี่ยวถ้ามีในไทย เดี่ยวทางเราจะรีบไปจัดหามาให้ชม อยากเห็นมากๆเลย ตึกในกรุงเทพ เปลี่ยนเป็นตู้เกมส์ยักษ์ บ้าง</p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 1449px; width: 1px; height: 1px; overflow: hidden;">
<h3>4. AC/DC Vs Iron Man 2 &#8211;  Rochester Castle</h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="601" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11160666&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="601" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=11160666&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p style="text-align: center;">งานนี้อลังการณ์มาก ฉายลงบนประสาทเก่าแก่มาก เป็น มิวสิทวีดีโอ Iron man2 ของ AC/DC</p>
<h3 style="text-align: left;">5. Telenoika Audiovisual Mapping @ Ingravid Festival, 9/2009</h3>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="601" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=7001138&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="601" height="338" src="http://vimeo.com/moogaloop.swf?clip_id=7001138&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
</div>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2010/09/architectural-projection-mapping-the-future-of-graphics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Blaze – ชมงานคอมพิวเตอร์กราฟฟิก ที่ใช้ในงานแสดงสด</title>
		<link>http://www.ayarafun.com/2010/08/blaze-computer-graphics-in-live-stage-show/</link>
		<comments>http://www.ayarafun.com/2010/08/blaze-computer-graphics-in-live-stage-show/#comments</comments>
		<pubDate>Sat, 21 Aug 2010 17:59:47 +0000</pubDate>
		<dc:creator>chang</dc:creator>
				<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Projection Mapping]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[projection mapping]]></category>
		<category><![CDATA[stage show]]></category>

		<guid isPermaLink="false">http://www.ayarafun.com/?p=2081</guid>
		<description><![CDATA[วันนี้ผมก้อพอมาชมงานที่เกี่ยวกับ Tech Art คือตอนนี้ยังนึกชื่อให้งานหมวดนี้ไม่ออกนะครับ มันยังใหม่มาก ที่รวมกับ งานทางด้าน digital graphics กับ การแสดงทางศิลป์มารวมกัน ที่เราเคยเห็นส่วนมาก มันก้ออยู่ในจอคอมพิวเตอร์ ซึ่งมันไม่สร้างความแปลกตาอะไรให้เรามากแล้ว แต่ตอนนี้ คิลปินต่างนำมันมาใช้กับสภาพแวดล้อมจริง ซึ่งงาน digital graphics มาช่วยสร้างเรื่องราวเสริมเข้าไปได้เป็นอย่างดีครับ ตอนนี้ ถ้าใครได้ไปดูหนังอย่าง Step UP 3D อาจจะเห็นบางฉากที่ นักเต้นก้อมี LED มาใช้ประกอบการเต้นบ้างแล้วใช่ไหมครับ อนาคตอันใกล้ ใครจะไปรู้อาจจะเห็น ใครก้อมาเล่น electronics เหมือนเป็นแฟชั่นก้อเป็นได้ เหมือนประมาณส่งลูก ส่งหลานไปเรียน electronics art ที่ลอนดอน อะไรประมาณนั้น (อยากให้เขาส่งมาเรียนที่ Bangkok มากกว่า เมืองนอกเราชื่อออกจะเท่) สำหรับโชว์นี้ชื่อว่า <a href="http://blazetheshow.com">Blaze </a>เป็นการโชว์ Street dance เป็นผลงานกำกับของ <a href="http://www.imdb.com/name/nm0887341/" target="_blank">Anthony Van Laast</a> เป็นละครเวทีที่แอบซ่อนเทคโนโลยีต่างๆไว้ ที่เราไม่สังเกต ก้อไม่รู้เลยว่า เขาเอามาใช้ประกอบงานกันแล้ว ไม่ว่าจะเป็น camera tracking (ที่เห็นในวีดีโอ กับ เงาคนแสดง กับเงาที่ฉาก แทบจะเหมือนกันเลย) , งานด้าน projection mapping ที่ฉายภาพลงบนฉาก ที่เป็นตู้วางทับๆกัน แต่เปลี่ยนสีตู้ได้ [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">วันนี้ผมก้อพอมาชมงานที่เกี่ยวกับ Tech Art คือตอนนี้ยังนึกชื่อให้งานหมวดนี้ไม่ออกนะครับ มันยังใหม่มาก ที่รวมกับ งานทางด้าน digital graphics กับ การแสดงทางศิลป์มารวมกัน ที่เราเคยเห็นส่วนมาก มันก้ออยู่ในจอคอมพิวเตอร์ ซึ่งมันไม่สร้างความแปลกตาอะไรให้เรามากแล้ว แต่ตอนนี้ คิลปินต่างนำมันมาใช้กับสภาพแวดล้อมจริง ซึ่งงาน digital graphics มาช่วยสร้างเรื่องราวเสริมเข้าไปได้เป็นอย่างดีครับ</p>
<p style="text-align: justify;">ตอนนี้ ถ้าใครได้ไปดูหนังอย่าง Step UP 3D อาจจะเห็นบางฉากที่ นักเต้นก้อมี LED มาใช้ประกอบการเต้นบ้างแล้วใช่ไหมครับ อนาคตอันใกล้ ใครจะไปรู้อาจจะเห็น ใครก้อมาเล่น electronics เหมือนเป็นแฟชั่นก้อเป็นได้ เหมือนประมาณส่งลูก ส่งหลานไปเรียน electronics art ที่ลอนดอน อะไรประมาณนั้น (อยากให้เขาส่งมาเรียนที่ Bangkok มากกว่า เมืองนอกเราชื่อออกจะเท่)</p>
<p style="text-align: justify;">สำหรับโชว์นี้ชื่อว่า <a href="http://blazetheshow.com">Blaze </a>เป็นการโชว์ Street dance เป็นผลงานกำกับของ <a href="http://www.imdb.com/name/nm0887341/" target="_blank">Anthony Van Laast</a> เป็นละครเวทีที่แอบซ่อนเทคโนโลยีต่างๆไว้ ที่เราไม่สังเกต ก้อไม่รู้เลยว่า เขาเอามาใช้ประกอบงานกันแล้ว ไม่ว่าจะเป็น camera tracking (ที่เห็นในวีดีโอ กับ เงาคนแสดง กับเงาที่ฉาก แทบจะเหมือนกันเลย) , งานด้าน projection mapping ที่ฉายภาพลงบนฉาก ที่เป็นตู้วางทับๆกัน แต่เปลี่ยนสีตู้ได้ ใส่ texture ได้ เป็นงานทางด้านแสงเงาที่ใหม่มาก คงไม่มี ที่เริ่มศึกษาด้านนี้ ซึ่งในตอนนี้ ก้อยังต้อง Custom โปรแกรมกันเองสำหรับจัดการ ซึ่งทีมสร้างจาก <a href="http://www.msavisuals.com/blaze">MSA </a>เขาใช้ <a href="http://www.openframeworks.cc/" target="_blank">openFrameworks</a> ที่ผมสงสัยนิ ก้อต้องติดตั้งล่ะครับ กรอบตู้มีตั้งหลายใบ project ได้ตรงทุกใบเลย เทพจริงๆ</p>
<p>ชมวีดีโอ ตัวอย่างกันเลย</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="281" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12789616&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="500" height="281" src="http://vimeo.com/moogaloop.swf?clip_id=12789616&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ayarafun.com/2010/08/blaze-computer-graphics-in-live-stage-show/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

