ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...

前回は、「HTML5＝Flashみたいなリッチなサイトを作ることができる」「HTML4ではユーザーのアテンションを引くような表現は難しかった」など、HTML5によるグラフィックス表現において"ありがちな誤解"について解説しました。 つまるところ、HTML4では実現でき ...

One of the exciting features of HTML5 is the promise of universally supported animation and graphics via the new canvas element/tag. In this post, I look at how easy it is to use this tag with a ...

では、順に修正を施していこう。 1. jquery.jsをロードする jQueryをデプロイし、grayscale_image_test.htmlに次の1文を追加する ...

HTML5の大きな魅力はリッチでインタラクティブな表現力です。CSS3， JavaScript， さらにはCanvasといった技術を組み合わせることで， 従来はFlashでしかできなかったような多彩な表現も可能になります。本書では， 段階をふみながら， より高度な表現方法まで ...

キム・ジョンミン氏がコードで作成した幾何学的なサンセリフ体のフォント「Leon Sans」は、HTML5のCanvas要素やWebGLを用いてカスタムアニメーションが楽しめるというものです。 Leon Sansはコードで作成されたフォントで、各文字の描画ポイントの座標値を持っ ...

前回つくったマウスポインタに合わせて弾けるスプライトアニメーションに、 さらにふたつ表現を加えたい。第1は、 アニメーションの残像に、 落ちる動きのぼかしを加える。いわゆる 「モーションブラー」 だ。第2に、 ステージの下端まで落ちた ...