<?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>blog.alumican.net &#187; FlashPlayer10</title>
	<atom:link href="http://blog.alumican.net/tag/flashplayer10/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.alumican.net</link>
	<description>日々の記憶と記録とActionScript とその周辺</description>
	<lastBuildDate>Tue, 20 Jul 2010 16:21:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>drawTrianglesで球面マッピング</title>
		<link>http://blog.alumican.net/2009/12/20_014813</link>
		<comments>http://blog.alumican.net/2009/12/20_014813#comments</comments>
		<pubDate>Sat, 19 Dec 2009 16:48:13 +0000</pubDate>
		<dc:creator>alumican</dc:creator>
				<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[ActionScript3.0]]></category>
		<category><![CDATA[FlashPlayer10]]></category>
		<category><![CDATA[wonderfl]]></category>

		<guid isPermaLink="false">http://blog.alumican.net/?p=1607</guid>
		<description><![CDATA[既視感ありまくりのエントリで恐縮なのですが、今までGraphics.drawTrianglesを使ったことなかったのと、仕事で必要になったので勉強しました。

外部から読み込んだ画像をテクスチャとして球面上にマッピングし [...]]]></description>
			<content:encoded><![CDATA[<p>既視感ありまくりのエントリで恐縮なのですが、今まで<a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/flash/display/Graphics.html#drawTriangles()">Graphics.drawTriangles</a>を使ったことなかったのと、仕事で必要になったので勉強しました。</p>
<div style="text-align:center;width:100%;margin-bottom:15px;"><iframe title="[Study] Sphere using Graphics.drawTriangles - wonderfl build flash online" scrolling="no" src="http://wonderfl.net/blogparts/4Hj9" width="465" height="490" style="border:0px black solid;"></iframe></div>
<p>外部から読み込んだ画像をテクスチャとして球面上にマッピングしています。<br />
パースはつけていません。<br />
<span id="more-1607"></span><br />
一応最適化ということで、頂点をなるべく重複点させないようにしています。ただし画像の端に対応する頂点が反対側の端と（極に関しては隣とも）うまくマージできずにほったらかしなので、頑張ればもうちょっと減らせると思います。</p>
<p>迷ったのが、多数の3次元座標を Matrix3D を使って一括投影するのに、<br />
<a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/flash/geom/Utils3D.html#projectVectors()">Utils3D.projectVectors</a>と<a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/flash/geom/Matrix3D.html#transformVectors()">Matrix3D.transformVectors</a>があるということ。<br />
前者は2次元座標に、後者は3次元座標に投影してくれる。投影後にzバッファしようと思ったら、projectVectorsは第3引数で渡したuvtのうちtに奥行きが入っているのでそれでソートしてやる。transformVectorsなら3次元座標のzを使えばよろし。</p>
<p>今回は球体ということで、z バッファは必要なかったので（視点と逆向きの法線ベクトルを持つポリゴンのみを描画すればよい）、drawTrianglesの第4引数であるcullingの値を適切に設定することでこっち側向いてるポリゴンだけ描画しました。</p>
<p>具体的にはポリゴンを形成する頂点を時計回りで指定して、球体の内側から外側に向かって面の法線ベクトルを伸ばしてます。このときcullingにTriangleCulling.NEGATIVEを設定すれば、あっち側（視点ベクトルと同じ方向）を向いてるポリゴンは描画されないのでいい感じ。球体を内側から見る場合にはTriangleCulling.POSITIVEにする。</p>
<p>話を戻すと、projectVectorsでもtransformVectorsでもどっちでも良かったので、両方やって速い方を使うことにしたのですけど、両者ほとんど差がない。一瞬transformVectorsのが速い気がしたんだけど多分気のせい。</p>
<p>やってる途中でハマったのが、projectVectorsで投影後のuvt値のうち、t値がどうしても全部1になってしまう問題。これは<a href="http://twitter.com/psyark">psyarkさん</a>に教えてもらって理解。多謝。</p>
<blockquote><p>
@alumican_net 全部1になるのは、第一引数のMatrix3DがProjection行ってないからではないかなー [<a href="http://twitter.com/psyark/status/6766133396">link</a>]</p>
<p>PerspectiveProjection#toMatrix3D使うと計算楽だよ [<a href="http://twitter.com/psyark/status/6766164546">link</a>]</p>
<p>Projection行ってるかどうかは、Vector3Dを変換してwが大きくなるかで分かります。もしくはMatrix3Dの4列目に0以外があるかどうか（これはあまり自信なし） [<a href="http://twitter.com/psyark/status/6766235920">link</a>]</p>
<p>普通はrawData[11]が1とかになる。z→wにするために。 [<a href="http://twitter.com/psyark/status/6766261388">link</a>]
</p></blockquote>
<p>Matrix3Dに<a href="http://help.adobe.com/ja_JP/AS3LCR/Flash_10.0/flash/geom/PerspectiveProjection.html">PerspectiveProjection</a>を設定しないとダメらしい。並行投影なのでその辺を端折ったのがいけなかったのか。</p>
<p>最後に、drawTrianglesは意外と重い、期待値が高かっただけに拍子抜け。<br />
限定的な使い方に絞って最適化頑張って、やっとPapervision3Dに勝てるくらい。</p>
<p>描画する頂点を全部まとめて毎フレーム1回のdrawTrianglesに押さえてはいますが、それでも結構くる。しかも残念なことに描画頂点数というよりは、むしろ描画領域が速度に大きく影響している。見えてないポリゴンをdrawTrianglesに渡さないとか色々試してみたけど結果はほとんど変わらず（むしろVectorを作り直すのに時間が余計かかったくらい）。結局画質を落とすのが一番パフォーマンスを上げるという結果になって萎え～。</p>
<p>とはいえdrawTrianglesを使えば簡単にかなりトリッキーなことができるので、使いどころを考えればおもしろい表現ができるはず。まだ完全には理解してないので、もっといい最適化手法がありそう。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alumican.net/2009/12/20_014813/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
