<?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>マトリョーシカ | ウダ2Blog</title>
	<atom:link href="https://uda2.com/blog/tag/%e3%83%9e%e3%83%88%e3%83%aa%e3%83%a7%e3%83%bc%e3%82%b7%e3%82%ab/feed/" rel="self" type="application/rss+xml" />
	<link>https://uda2.com/blog</link>
	<description>大阪でフリーランスとしてWEB制作している管理人が気になった技術をメモったり、作ったツールの紹介などを綴っているブログです。</description>
	<lastBuildDate>Tue, 19 Jun 2018 06:06:02 +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>ワールドカップ記念10連マトリョーシカ</title>
		<link>https://uda2.com/blog/matryoshka/</link>
					<comments>https://uda2.com/blog/matryoshka/#respond</comments>
		
		<dc:creator><![CDATA[uda2]]></dc:creator>
		<pubDate>Tue, 19 Jun 2018 06:06:02 +0000</pubDate>
				<category><![CDATA[制作日記]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[マトリョーシカ]]></category>
		<guid isPermaLink="false">https://uda2.com/blog/?p=2236</guid>

					<description><![CDATA[<p>ワールドカップ2018はロシアです。なので10連マトリョーシカ作りました。 マトリョーシカ 元にした絵はFree マトリョーシカ人形 Stock Photo &#8211; FreeImages.comなんですがトレース</p>
The post <a href="https://uda2.com/blog/matryoshka/">ワールドカップ記念10連マトリョーシカ</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></description>
										<content:encoded><![CDATA[<p>ワールドカップ2018はロシアです。なので10連マトリョーシカ作りました。</p>
<p><a href="https://uda2.com/matryoshka/" target="_blank">マトリョーシカ</a><br />
<span id="more-2236"></span><br />
元にした絵は<a href="https://jp.freeimages.com/photo/matryoshka-doll-1416467" target="_blank">Free マトリョーシカ人形 Stock Photo &#8211; FreeImages.com</a>なんですがトレースまでしたのにいじりすぎて原型は無くなってます。<br />
おなかの所は元はエプロンに花柄なのですが、エプロンは微妙なので止めました。エプロンを止めるとシンプルな花柄ではもたなくなったのでユリアン（ウチのフレブル）を抱かしておきました。<br />
拡縮するので画像はSVGにしてます。</p>
<p>絵はともかくやりったかったのはマトリョーシカをスポポポーンと連続で開く動きを作りたかったので、カーソルの上下移動に合わせて次々に開閉し、カーソルの左右で回転するようにしました。<br />
一応スマホでもできるように傾きを検知させましたが、ブラウザが回転してしまうので微妙です。<br />
すぽんという効果音は<a href="https://dova-s.jp/se/play766.html" target="_blank">DOVA-SYNDROME</a>さんのものをトリミングして使っています。<br />
ただマトリョーシカの実物を見たことが無いので本当にこんな音がするかは不明です。</p>
<p>特に何かの役に立つわけではないけど気持ちいいです。</p>The post <a href="https://uda2.com/blog/matryoshka/">ワールドカップ記念10連マトリョーシカ</a> first appeared on <a href="https://uda2.com/blog">ウダ2Blog</a>.]]></content:encoded>
					
					<wfw:commentRss>https://uda2.com/blog/matryoshka/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
