「HTML5で冷気を表現したサイトがすごいな | IDEA*IDEA」で紹介されていた「メンソール系 氷冷エナジードリンク RAIZIN COOL」のリアルな冷気の表現がHTML5/Canvasで作成されているということで、どんな風に出来ているか気になったので分解してみました。 Canvasに透過pngを描画してループさせる (1)(2)(3)と、それぞれに<canvas>を配置します。そこに透過pngで作成されたリアルな冷気画像を、少しずつ動かして描画します。(1)は右から左へ、(2)は時計まわり、(3)は上から下へ。 スムーズなループアニメーション (1)の右から左へのアニメーションの場合、同じ位置に同じサイズで<canvas>を2つ配置して、それぞれに同じ透過pngを描画します。片方は透過pngの幅サイズ分、右にオフセットして画像の右端と左端が継ぎ目なく繋がるようになっています。 マ

OUYAが米国時間7月18日に明らかにしたところによると、同社は「Free the Games Fund」という企画を新たに立ち上げ、Kickstarter経由でリリースされるOUYA向けのゲームが調達した資金額と同額の資金を、総額100万ドルまで提供するという。登録者数が2万を超えているOUYA向けゲームの制作者や、その他の開発者たちは、8月以降にKickstarterでリリースするゲームに対して調達額と同額の資金（5万ドルから25万ドルまで）を得ることができる。 この企画に参加し、調達額と同額の資金を獲得したい開発者は、以下の条件に同意する必要がある。 ゲームプロジェクトは2013年8月9日以降にKickstarter上でリリースし、2014年8月10日までに完了しなければならない。 ゲームはKickstarterにおける資金調達で目標額を達成するとともに、最低でも5万ドルを調達しては

「Firefoxが思い通りに動いてくれない」という場合、ハードウェアアクセラレーション機能が問題を起こしている場合があります。ブログ「Tweaking with Vishal」によるとこのハードウェアアクセラレーション機能をオフすることで、起動時の問題やフォントのにじみなどの問題を回避できるそうです。Firefoxのハードウェアアクセラレーション機能は、デフォルトで有効に設定されています。ですが、この機能自体がまだ未熟なせいで、ビデオカードやドライバが対応できていない場合があります。この機能をオフにすることで、起動するまでに10秒近い時間がかかるなどの問題が解決する場合があります。また、一部のマシンで起こるフォントのにじみなどの問題も、同様に解決することがあるそうです。 インストールしたアドオンなどが原因となっている場合もあるので、全ての問題がこれで解決するわけでは決してないですが、これで