「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。今回は、canvas要素とsvg要素について解説します。canvas要素とsvg要素を使えば、画像ファイルを用意することなく図形を表示できます。 従来、図形や ...

無事に動いているのですが、実際はよくわかっていません。 これで、アニメーションしています。 本当はClassの中をすべて変数にして、いろんな円を作りやすくするんでしょうね。次回は、この円が大量に動いているものをあげます。 参考にしたもの ...

画像ファイルからイメージカラーを抽出したいなと思い、 1. 画像処理可能な形式でファイルを読み込む 2. 使用している色を頻度順に並び替える の2つを実装しました。 画像の右に上位10位までの色コードと使用率を表示しています。 鴨川か九十九里浜の ...

ImageManipulation is a simple Javascript library (without dependencies) that can be used to manipulate images in certain ways by replacing them with canvas elements and manipulating their direct ...

次に、ボールを打ち返すバーがタッチ操作に従って動くようにします。画面内での指の動きは、touchMoveイベントで検知します。 画面の背景であるBgにtouchMoveイベントを登録するため、ja.imageUnitObj["Bg"].addEventListener("touchUp", this); の後に、以下を追加します。