2023年3月の世界のWebブラウザのシェアは、statcounterによれば、Google Chromeが65％、Apple Safariが20%、Microsoft Edgeが5%、Mozilla Firefoxが3%となっています。これら主要なWebブラウザには約10年以上前から「Canvas API」と呼ばれる高度な描画機能が利用できます。 このCanvas ...

手軽に花火を描画するプログラムを作ろうと思ったら、JavaScriptを使ってブラウザ上に描画するのがオススメです。前回紹介したように、Canvas APIを使うと、ブラウザ上に絵や図形を描画できます。しかも、スマートフォンのブラウザを含め、大半のブラウザ ...

【JavaScript】Canvasへの画像描画とサイズ調整を行うdrawImageメソッドの活用 - 森の株【JavaScript】Canvasへの画像描画とサイズ調整を行うdrawImageメソッドの活用 | 森の株 概要 HTML5 Canvasの強力な機能の一つに、外部画像ファイル（JPEG, PNG, SVG等）の描画が概要 HTM ...

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

Bitmaps, gifs, jpegs and so on are common in almost all web pages. With Canvas you now work with bitmaps at the pixel level. It's not difficult, but you need to organize things to make it really easy ...

以前、JavaScript（Canvas）で横スクロールアクションゲームを制作していました。 プレイヤーの挙動については、前回の記事で詳しく書いています。 コヨーテタイムやジャンプ入力バッファなどを実装し、 「触っていて気持ちいい操作感」を目指して調整して ...