<?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>Mike R :: R ekim &#187; Mike</title>
	<atom:link href="http://www.rekim.com/author/mike/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.rekim.com</link>
	<description>Mike Robinson</description>
	<lastBuildDate>Sat, 27 Jan 2024 18:04:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Announcing Pool Panic!</title>
		<link>https://www.rekim.com/2018/03/20/announcing-pool-panic/</link>
		<comments>https://www.rekim.com/2018/03/20/announcing-pool-panic/#comments</comments>
		<pubDate>Tue, 20 Mar 2018 18:35:07 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Press Release]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=275</guid>
		<description><![CDATA[We are excited to announce Pool Panic! Coming Soon to Nintendo Switch and Steam from Adult Swim Games. Have you ever wanted to inhabit the brain of a clueless cueball as it traverses a strange world? Well now’s your chance &#8230; <a href="https://www.rekim.com/2018/03/20/announcing-pool-panic/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>We are excited to announce Pool Panic!<br />
Coming Soon to Nintendo Switch and Steam from Adult Swim Games.</p>
<p><img src="/images/rekimPoolPanicHeader640.jpg" width="640" alt="Pool Panic"/></p>
<p>Have you ever wanted to inhabit the brain of a clueless cueball as it traverses a strange world?<br />
Well now’s your chance in over 100 levels single player! Or you can challenge your friends to bizzare party play in 2 to 4 player local multiplayer.<br />
Get holding your breath because it’s coming! (Don’t actually hold your breath).</p>
<p>This video should fill you in.<br />
<iframe src="https://www.youtube.com/embed/NVSbGgKA20s?rel=0" frameborder="0" width="640" height="345"></iframe><br />
Keep your eyes on <a href="http://twitter.com/rekimgames">@rekimGames</a> and <a href="http://twitter.com/adultSwimGames">@adultSwimGames</a> for more info as it comes.<br />
<a href="http://www.poolpanic.com/">www.poolpanic.com</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2018/03/20/announcing-pool-panic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making a Sprite shader in Unity with colour applied as overlay</title>
		<link>https://www.rekim.com/2017/07/05/making-a-sprite-shader-in-unity-with-colour-applied-as-overlay/</link>
		<comments>https://www.rekim.com/2017/07/05/making-a-sprite-shader-in-unity-with-colour-applied-as-overlay/#comments</comments>
		<pubDate>Wed, 05 Jul 2017 21:04:43 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Unity]]></category>
		<category><![CDATA[Overlay]]></category>
		<category><![CDATA[Shaders]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=266</guid>
		<description><![CDATA[Hello, First post on here in years&#8230;.. I wanted to get the sprite colour in Unity to be applied using a Photoshop style overlay layer mode. I found this page here that lists the calculations for all the Photoshop blend &#8230; <a href="https://www.rekim.com/2017/07/05/making-a-sprite-shader-in-unity-with-colour-applied-as-overlay/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Hello,<br />
First post on here in years&#8230;..</p>
<p>I wanted to get the sprite colour in Unity to be applied using a Photoshop style overlay layer mode.</p>
<p>I found this page here that lists the calculations for all the Photoshop blend modes</p>
<p><a title="Photoshop blend mode calculations" href="http://www.deepskycolors.com/archive/2010/04/21/formulas-for-Photoshop-blending-modes.html">http://www.deepskycolors.com/archive/2010/04/21/formulas-for-Photoshop-blending-modes.html</a></p>
<p>It has a cool space background as well which is a bonus.</p>
<p>Anyway. With that I created a new shader using the default sprite shader and used the following in the fragment shader.</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">fixed4 c = SampleSpriteTexture (IN.texcoord);// * IN.color;<br />
c.r = (step(0.5f,c.r)*(1-(1-2*(c.r-0.5))*(1-IN.color.r))) + (step(c.r,0.5f)*(2*c.r)*IN.color.r);<br />
c.g = (step(0.5f,c.g)*(1-(1-2*(c.g-0.5))*(1-IN.color.g))) + (step(c.g,0.5f)*(2*c.g)*IN.color.g);<br />
c.b = (step(0.5f,c.b)*(1-(1-2*(c.b-0.5))*(1-IN.color.b))) + (step(c.b,0.5f)*(2*c.b)*IN.color.b);<br />
c.rgb *= c.a;<br />
return c;</div></div>
<p>With that you can create a grey scale image with highlights and shadows and tint it.</p>
<p><img src="https://image.ibb.co/e2Kaea/Screenshot_2017_07_05_21_55_24.png" alt="overlay coloured balls" /></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2017/07/05/making-a-sprite-shader-in-unity-with-colour-applied-as-overlay/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basic Physics for a new game</title>
		<link>https://www.rekim.com/2012/10/25/basic-physics-for-a-new-game/</link>
		<comments>https://www.rekim.com/2012/10/25/basic-physics-for-a-new-game/#comments</comments>
		<pubDate>Thu, 25 Oct 2012 14:01:41 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[canvas]]></category>
		<category><![CDATA[experiments]]></category>
		<category><![CDATA[haxe nme]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=236</guid>
		<description><![CDATA[I&#8217;m making a simple physics system for a game I&#8217;m working on. It only needs to handle basic sphere collisions so most options are a little heavy for what I need. I might blog a bit about the code later &#8230; <a href="https://www.rekim.com/2012/10/25/basic-physics-for-a-new-game/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m making a simple physics system for a game I&#8217;m working on. It only needs to handle basic sphere collisions so most options are a little heavy for what I need. I might blog a bit about the code later once it comes together a bit more, but for now here&#8217;s a little html5 demo of where it&#8217;s at ( all balls have the same mass ).</p>
<p>&nbsp;</p>
<p><iframe src="http://www.rekim.com/stuff/blog/physics/1/" width="100%" height="500"></iframe></p>
<p>This is <a href="http://www.haxenme.org">Haxe NME</a> so runs as html, flash, Android, iOS and more.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2012/10/25/basic-physics-for-a-new-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Press Release : Introducing Krizl</title>
		<link>https://www.rekim.com/2012/10/16/press-release-introducing-krizl-crosswords-with-a-twist-out-now-on-iphone-ipad-android-and-playbook/</link>
		<comments>https://www.rekim.com/2012/10/16/press-release-introducing-krizl-crosswords-with-a-twist-out-now-on-iphone-ipad-android-and-playbook/#comments</comments>
		<pubDate>Tue, 16 Oct 2012 16:49:23 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Press Release]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=223</guid>
		<description><![CDATA[Hello, This is a quick message to let you know about our latest game. Introducing the mobile puzzle game Krizl by Rekim Ltd. It&#8217;s out now on iPhone, iPad, Android and PlayBook. http://www.krizl.co.uk Krizl is a unique word puzzle where &#8230; <a href="https://www.rekim.com/2012/10/16/press-release-introducing-krizl-crosswords-with-a-twist-out-now-on-iphone-ipad-android-and-playbook/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div></div>
<div>
<p>Hello,<br />
This is a quick message to let you know about our latest game.</p>
<p>Introducing the mobile puzzle game Krizl by Rekim Ltd. It&#8217;s out now on iPhone, iPad, Android and PlayBook. <a href="http://www.krizl.co.uk">http://www.krizl.co.uk</a></p>
<p>Krizl is a unique word puzzle where the player has to spin grids of letters to reveal a finished crossword. I would love for you to give it a go!</p>
<blockquote><p><strong><em>&#8220;Make your way through over 50 cunningly difficult word puzzles in 3 different modes. Beat your friends to finding the solution with the fewest moves.</em></strong></p>
<p><strong><em>Krizl is a crossword revolution! It&#8217;s crosswords with a twist! </em></strong><br />
<strong><em>Spin the blocks to take a puzzle from complete gibberish to a fantastic finished crossword!</em></strong><br />
<strong><em>Drool over the glorious hand drawn theme icons and kalimba tones!</em></strong><br />
<strong><em>Marvel over how you pronounce its name! ( Kri &#8211; Zal )</em></strong></p>
<p><strong><em>Sorry, my eyes are tearing up with joy just think about all this!!&#8221;</em></strong></p></blockquote>
<p>Trailer : <a href="http://youtu.be/R3O898t-k4g">http://youtu.be/R3O898t-k4g</a><br />
Press Kit ( Screen shots, icons, feature images, description ) : <a href="http://www.krizl.co.uk/krizl-epk.zip">http://www.krizl.co.uk/krizl-epk.zip</a></p>
</div>
<div></div>
<div></div>
<div style="text-align: center;"></div>
<div style="text-align: center;"><img src="http://krizl.co.uk/i/Icon.png" alt="" />   <a title="Get Krizl from the Apple App Store" href="https://itunes.apple.com/us/app/krizl/id563667430" target="_blank"><img src="http://krizl.co.uk/i/Available_on_the_App_Store_Badge_US-UK_135x40_0801.svg" alt="" width="135" height="40" /></a> <a title="Get Krizl from the Android Play Store" href="https://play.google.com/store/apps/details?id=com.rekim.krizl" target="_blank"><img src="http://krizl.co.uk/i/en_app_rgb_wo_45.png" alt="" /></a> <a title="Get Krizl from the BlackBerry App World" href="https://appworld.blackberry.com/webstore/content/17842282/?lang=en" target="_blank"><img src="http://krizl.co.uk/i/blackberry.png" alt="" /></a></div>
<div style="text-align: center;"></div>
<div style="text-align: center;"><img src="http://krizl.co.uk/i/krizl-screenshot-1.jpg" alt="" /></div>
<div style="text-align: center;"></div>
<div>
<p>Rekim Ltd is a company started by Mike Robinson, known previously for his games and other work while Head of Technical for Gorillaz.</p>
<p>Thanks for your time.</p>
<p>Kind Regards,<br />
Mike Robinson<br />
Rekim Ltd</p>
</div>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2012/10/16/press-release-introducing-krizl-crosswords-with-a-twist-out-now-on-iphone-ipad-android-and-playbook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>KRIZL Coming Mid October</title>
		<link>https://www.rekim.com/2012/10/02/krizl-coming-mid-october/</link>
		<comments>https://www.rekim.com/2012/10/02/krizl-coming-mid-october/#comments</comments>
		<pubDate>Tue, 02 Oct 2012 16:39:26 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=198</guid>
		<description><![CDATA[Krizl Crosswords with a twist is on its way through the App Store review process and should be available for iPhone, iPad &#38; Android by mid October! Keep posted by liking the FaceBook page , following @mike_robbo or keeping an eye on &#8230; <a href="https://www.rekim.com/2012/10/02/krizl-coming-mid-october/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.rekim.com/2012/10/02/krizl-coming-mid-october/itunesartwork/" rel="attachment wp-att-204"><br />
<img class="alignleft size-thumbnail wp-image-204" title="iTunesArtwork" src="http://www.rekim.com/wp-content/uploads/2012/10/iTunesArtwork-150x150.png" alt="" width="150" height="150" /></a>Krizl Crosswords with a twist is on its way through the App Store review process and should be available for iPhone, iPad &amp; Android by mid October!</p>
<p>Keep posted by liking the <a title="KRIZL Crosswords Facebook" href="http://www.facebook.com/Krizl.game">FaceBook page</a> , following <a href="http://twitter.com/mike_robbo">@mike_robbo</a> or keeping an eye on <a title="KRIZL Crosswords with a twist" href="http://www.krizl.co.uk">www.krizl.co.uk</a></p>
<p><strong>In the meantime here&#8217;s a trailer!</strong></p>
<p><iframe src="http://www.youtube.com/embed/R3O898t-k4g?rel=0" frameborder="0" width="640" height="360"></iframe></p>
<p><a title="KRIZL" href="http://www.krizl.co.uk">www.krizl.co.uk</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2012/10/02/krizl-coming-mid-october/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introducing KRIZL</title>
		<link>https://www.rekim.com/2012/01/31/introducing-krizl/</link>
		<comments>https://www.rekim.com/2012/01/31/introducing-krizl/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 19:41:05 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=176</guid>
		<description><![CDATA[&#160; &#8220;Crosswords with a twist&#8221; Well I&#8217;m almost done with KRIZL. A crossword game &#8220;With a twist&#8221; as I&#8217;ve decided to catchily slogan it. It&#8217;s a word game created in the amazing HAXE NME and will hopefully be rolling out &#8230; <a href="https://www.rekim.com/2012/01/31/introducing-krizl/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p><img class="alignnone  wp-image-194" title="krizl-logo" src="http://www.rekim.com/wp-content/uploads/2012/01/krizl-logo-635x216.gif" alt="" width="635" height="216" /></p>
<p style="text-align: center;"><strong><em>&#8220;Crosswords with a twist&#8221;</em></strong></p>
<p>Well I&#8217;m almost done with KRIZL. A crossword game &#8220;With a twist&#8221; as I&#8217;ve decided to catchily slogan it. It&#8217;s a word game created in the amazing HAXE NME and will hopefully be rolling out to IOS/Android and the web in the coming weeks.</p>
<p>It&#8217;s in beta testing now! If you&#8217;d like to try it for Android <strong><a title="KRIZL beta testing" href="http://www.rekim.com/krizl">head here</a></strong> and download</p>
<p>Twist and turn the crosswords to find the completed</p>
<p><a href="http://www.rekim.com/wp-content/uploads/2012/01/krizl-shots.jpg"><img class="alignnone size-full wp-image-178" title="krizl-shots" src="http://www.rekim.com/wp-content/uploads/2012/01/krizl-shots.jpg" alt="" width="575" height="645" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2012/01/31/introducing-krizl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Help me with my word puzzle game</title>
		<link>https://www.rekim.com/2011/11/15/help-me-with-my-word-puzzle-game/</link>
		<comments>https://www.rekim.com/2011/11/15/help-me-with-my-word-puzzle-game/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 00:13:40 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=162</guid>
		<description><![CDATA[Hello, if you&#8217;ve got a minute to spare and want some procrastination opportunities I&#8217;m looking for some help working through the levels of a new game. It&#8217;s a crossword game but there&#8217;s no need to work out questions, it&#8217;s all &#8230; <a href="https://www.rekim.com/2011/11/15/help-me-with-my-word-puzzle-game/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Hello, if you&#8217;ve got a minute to spare and want some procrastination opportunities I&#8217;m looking for some help working through the levels of a new game.</p>
<p>It&#8217;s a crossword game but there&#8217;s no need to work out questions, it&#8217;s all about picking a theme and filling in a crossword sheet with words relating to it. Themes can be as loose or tight as you like and feel free to make them humorous.</p>
<p>Fill in the crossword below and submit it to me, if you want to save your work for later or share it simply copy the share link. You can change the size on the right hand menu below.</p>
<p>This is a reverse dictionary page <a href="http://www.onelook.com/reverse-dictionary.shtml">http://www.onelook.com/reverse-dictionary.shtml</a> Type your category in for some suggestions.</p>

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="swfobj_0" width="625" height="450">
      <param name="movie" value="http://www.rekim.com/stuff/LevelMaker.swf" />
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="http://www.rekim.com/stuff/LevelMaker.swf" width="625" height="450">
      <!--<![endif]-->
        
      <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>

<p>(You can now use arrow keys to move around the grid and pressing shift toggles between horizontal and vertical )</p>
<p>Everyone who submits a puzzle that makes it into the game will get a credit. The game is going to be on iPad/iPhone/Android Tablets/Android 2.2 Phones.</p>
<p>If you think anyone would be interested please forward them on.</p>
<p>Thanks, Mike</p>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2011/11/15/help-me-with-my-word-puzzle-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>After the break wordpress text</title>
		<link>https://www.rekim.com/2011/11/04/after-the-break-wordpress-text/</link>
		<comments>https://www.rekim.com/2011/11/04/after-the-break-wordpress-text/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 12:36:31 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[read more]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=156</guid>
		<description><![CDATA[I like to add a little description of what&#8217;s to come when clicking read more on a wordpress article and sometimes add preview images and thumbs. Here&#8217;s a simple little way of adding an after_break tag for posts that is &#8230; <a href="https://www.rekim.com/2011/11/04/after-the-break-wordpress-text/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I like to add a little description of what&#8217;s to come when clicking read more on a wordpress article and sometimes add preview images and thumbs. Here&#8217;s a simple little way of adding an after_break tag for posts that is ignored when on the full page.</p>
<p>Add the following to your template function.</p>
<div class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">function</span> after_the_break_shortcode<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$atts</span><span style="color: #339933;">,</span> <span style="color: #000088;">$content</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">null</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp;<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span>is_single<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">return</span> <span style="color: #000088;">$content</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp;<span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">return</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp;<span style="color: #009900;">&#125;</span><br />
<span style="color: #009900;">&#125;</span><br />
add_shortcode<span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'after_break'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'after_the_break_shortcode'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>you can now enter</p>
<div class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&#91;</span>after_break<span style="color: #009900;">&#93;</span><br />
Click read more to check out some great photos from x<br />
<span style="color: #009900;">&#91;</span><span style="color: #339933;">/</span>after_break<span style="color: #009900;">&#93;</span></div></div>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2011/11/04/after-the-break-wordpress-text/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>html5 YouTube embeds for WordPress oembed</title>
		<link>https://www.rekim.com/2011/07/25/html5-youtube-embeds-for-wordpress-oembed/</link>
		<comments>https://www.rekim.com/2011/07/25/html5-youtube-embeds-for-wordpress-oembed/#comments</comments>
		<pubDate>Mon, 25 Jul 2011 18:42:24 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=135</guid>
		<description><![CDATA[Oembed is brilliant! If you&#8217;ve got an URL, a simple call to a page and you can get back a lovely bit of JSON telling you how to embed the content. If you haven&#8217;t read up on it here is &#8230; <a href="https://www.rekim.com/2011/07/25/html5-youtube-embeds-for-wordpress-oembed/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Oembed is brilliant! If you&#8217;ve got an URL, a simple call to a page and you can get back a lovely bit of JSON telling you how to embed the content. If you haven&#8217;t read up on it here is the standards page  <a href="http://oembed.com/">http://oembed.com/</a></p>
<p>WordPress by default requests the standard swf embed from youtube. If you want to update your template to use the iFrame html5 player, YouTube have an iframe=1 parameter you can add when sending the oembed request. You can override the existing oembed provider inside your wordpress template using the following.</p>
<div class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">wp_oembed_add_provider<span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'#http://(www\.)?youtube.com/watch.*#i'</span><span style="color: #339933;">,</span><br />
<br />
<span style="color: #0000ff;">'http://www.youtube.com/oembed?iframe=1'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">true</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>I&#8217;ve added it to my functions.php in my template, you could edit the class-oembed.php file directly if you wanted but any future updates will overwrite it.</p>
<p>Now all your clips will come through in html5 for all to see!</p>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2011/07/25/html5-youtube-embeds-for-wordpress-oembed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>html5 canvas globalCompositeOperation browser handling</title>
		<link>https://www.rekim.com/2011/02/11/html5-canvas-globalcompositeoperation-browser-handling/</link>
		<comments>https://www.rekim.com/2011/02/11/html5-canvas-globalcompositeoperation-browser-handling/#comments</comments>
		<pubDate>Fri, 11 Feb 2011 21:16:14 +0000</pubDate>
		<dc:creator>Mike</dc:creator>
				<category><![CDATA[canvas]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[globalCompositeOperation]]></category>

		<guid isPermaLink="false">http://www.rekim.com/?p=75</guid>
		<description><![CDATA[IE9 came out of beta yesterday and so I checked it out to see if the release candidate had sorted out globalCompositeOperation which could only handle source-over in beta. The good news is that it can! So we can start &#8230; <a href="https://www.rekim.com/2011/02/11/html5-canvas-globalcompositeoperation-browser-handling/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>IE9 came out of beta yesterday and so I checked it out to see if the release candidate had sorted out globalCompositeOperation which could only handle source-over in beta.</p>
<p><strong>The good news is that it can!</strong> So we can start using it more without work arounds!</p>
<p>But do all the browsers behave the same? Obviously not. I remember Microsoft saying they had left it off the beta because they didn&#8217;t think the standards were nailed down enough. I ran the <a href="https://developer.mozilla.org/samples/canvas-tutorial/6_1_canvas_composite.html">mozilla canvas composite check</a> on different browsers to see how they all handle it. Here are the results.</p>
<div id="attachment_76" class="wp-caption alignleft" style="width: 279px"><a href="http://www.rekim.com/wp-content/uploads/2011/02/Ie9rc.gif"><img class="size-full wp-image-76 " title="IE9 Release Candidate 1" src="http://www.rekim.com/wp-content/uploads/2011/02/Ie9rc.gif" alt="IE9 Release Candidate 1" width="269" height="248" /></a><p class="wp-caption-text">IE9 Release Candidate 1</p></div>
<div id="attachment_77" class="wp-caption alignleft" style="width: 279px"><a href="http://www.rekim.com/wp-content/uploads/2011/02/Opera10.62.gif"><img class="size-full wp-image-77 " title="Opera 10.62" src="http://www.rekim.com/wp-content/uploads/2011/02/Opera10.62.gif" alt="Opera 10.62" width="269" height="248" /></a><p class="wp-caption-text">Opera 10.62</p></div>
<div id="attachment_78" class="wp-caption alignleft" style="width: 279px"><a href="http://www.rekim.com/wp-content/uploads/2011/02/Firefox3.613.gif"><img class="size-full wp-image-78 " title="Firefox 3.613" src="http://www.rekim.com/wp-content/uploads/2011/02/Firefox3.613.gif" alt="Firefox 3.613" width="269" height="248" /></a><p class="wp-caption-text">Firefox 3.613</p></div>
<div id="attachment_79" class="wp-caption alignleft" style="width: 279px"><a href="http://www.rekim.com/wp-content/uploads/2011/02/Chrome9.0.597.94.gif"><img class="size-full wp-image-79" title="Chrome 9.0.597.94" src="http://www.rekim.com/wp-content/uploads/2011/02/Chrome9.0.597.94.gif" alt="Chrome 9.0.597.94" width="269" height="248" /></a><p class="wp-caption-text">Chrome 9.0.597.94</p></div>
<div id="attachment_80" class="wp-caption alignleft" style="width: 279px"><a href="http://www.rekim.com/wp-content/uploads/2011/02/Safari5.03.gif"><img class="size-full wp-image-80" title="Safari 5.03" src="http://www.rekim.com/wp-content/uploads/2011/02/Safari5.03.gif" alt="Safari 5.03" width="269" height="248" /></a><p class="wp-caption-text">Safari 5.03</p></div>
<p style="clear: both; margin-top: 20px;">You can see that IE9, Opera and firefox(ignoring the copy) behave the same and the 2 webkit browsers Chrome and Safari behave the same.</p>
<p>Chrome and Safari seem to be the only ones to handle the &#8220;darker&#8221; mode and they handle &#8220;source-in&#8221;, &#8220;source-out&#8221;, &#8220;destination-in&#8221;, &#8221;destination-atop&#8221; differently. The webkit browsers seem to handle the &#8220;Display transparency elsewhere&#8221; rule differently by leaving the destination visible in the transparent areas of the source.</p>
<p>Judging by the rules found on <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#compositing">whatwg.org</a> I have gone through and created a tick list of what is behaving correctly according to them.</p>
<p>The only ones we can trust to be the same across the main 5 are&#8230;. &#8220;source-over&#8221;,&#8221;source-atop&#8221;,&#8221;destination-over&#8221;,&#8221;destination-out&#8221;,&#8221;lighter&#8221; and &#8220;xor&#8221;</p>
<table style="font-weight: bold; width: 600px;">
<tbody>
<tr>
<td>Composition</td>
<td>IE9</td>
<td>Opera</td>
<td>Firefox</td>
<td>Chrome</td>
<td>Safari</td>
</tr>
<tr>
<td>&#8220;source-over&#8221;</td>
<td><img class="alignleft size-full wp-image-83" title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
</tr>
<tr>
<td>&#8220;source-in&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
</tr>
<tr>
<td>&#8220;source-out&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
</tr>
<tr>
<td>&#8220;source-atop&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
</tr>
<tr>
<td>&#8220;destination-over&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
</tr>
<tr>
<td>&#8220;destination-in&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
</tr>
<tr>
<td>&#8220;destination-out&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
</tr>
<tr>
<td>&#8220;destination-atop&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
</tr>
<tr>
<td>&#8220;lighter&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
</tr>
<tr>
<td>&#8220;darker&#8221;</td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
</tr>
<tr>
<td>&#8220;copy&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><a href="http://www.rekim.com/wp-content/uploads/2011/02/cross.png"><img class="alignleft size-full wp-image-84" title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></a></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
<td><img title="cross" src="http://www.rekim.com/wp-content/uploads/2011/02/cross-e1297450819738.png" alt="" width="18" height="18" /></td>
</tr>
<tr>
<td>&#8220;xor&#8221;</td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
<td><img title="tick" src="http://www.rekim.com/wp-content/uploads/2011/02/tick2.png" alt="" width="15" height="13" /></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>https://www.rekim.com/2011/02/11/html5-canvas-globalcompositeoperation-browser-handling/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
