<?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>pixi | ウダ2Blog</title>
	<atom:link href="https://uda2.com/blog/tag/pixi/feed/" rel="self" type="application/rss+xml" />
	<link>https://uda2.com/blog</link>
	<description>大阪でフリーランスとしてWEB制作している管理人が気になった技術をメモったり、作ったツールの紹介などを綴っているブログです。</description>
	<lastBuildDate>Sun, 23 Nov 2014 13:02:30 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
	<item>
		<title>Pixi.jsで千切りした画像を動かしてみる</title>
		<link>https://uda2.com/blog/pixi/</link>
					<comments>https://uda2.com/blog/pixi/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Sun, 23 Nov 2014 13:02:30 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[pixi]]></category>
		<guid isPermaLink="false">http://uda2.com/blog/?p=1526</guid>

					<description><![CDATA[<p>ブラウザでゲームとか作ったりアニメーションさせる時に便利なcanvas系のJavaScriptライブラリはいくつかあるが最速の描画JavaScriptライブラリは!? パフォーマンスの検証 &#8211; ICS LAB</p>
The post <a href="https://uda2.com/blog/pixi/">Pixi.jsで千切りした画像を動かしてみる</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p><img fetchpriority="high" decoding="async" src="http://uda2.com/blog/wp-content/uploads/Pixi.jpg" alt="Pixi.js" width="450" height="194" class="alignnone size-full wp-image-1527" srcset="https://uda2.com/blog/wp-content/uploads/Pixi.jpg 450w, https://uda2.com/blog/wp-content/uploads/Pixi-300x129.jpg 300w" sizes="(max-width: 450px) 100vw, 450px" /><br />
ブラウザでゲームとか作ったりアニメーションさせる時に便利なcanvas系のJavaScriptライブラリはいくつかあるが<a href="http://ics-web.jp/lab/archives/201" target="_blank">最速の描画JavaScriptライブラリは!? パフォーマンスの検証 &#8211; ICS LAB</a>によると<a href="http://www.pixijs.com/" target="_blank">Pixi.js</a>はWebGLを使ってFlashよりも速いらしい。</p>
<p>以前揺れるキリンで高さ1pxの要素（li）の背景にしてjQueryで動かしてみたがとても遅かった。<br />
そこで、このpixi.jsを使えば早くなるかもと考えやってみた。<br />
<a href="http://uda2.com/pixi/" target="_blank">kirin wave by Pixi.js</a></p>
<p>前回同様、高さ1pxにスライスするが今回は要素では無くスプライトに貼り付ける感じだ。<br />
作ったはいいが、WebGLを有効にするとFirefoxでは動かず（参考にした<a href="http://liginc.co.jp/web/js/other-js/114087" target="_blank">Pixi.jsを初めて触って簡単にアニメーションを作成してみた話（その3） | 株式会社LIG</a>も動いてない）<br />
Google Chromeは動くけどWebGLを有効・無効にかかわらず以前より重くなってしまった。</p>
<p>720個のスプライトを描画させるのは難しいのかもしれない。</p>The post <a href="https://uda2.com/blog/pixi/">Pixi.jsで千切りした画像を動かしてみる</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/pixi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
