未分類 マルチタッチのプロパティ
マルチタッチのプロパティtouchesスクリーンに触れている指の情報targetTouches同じノード内で開始された指の情報changedTouchesイベント発生元での指の種類
Snowpool
未分類 未分類 タッチ情報の種類
タッチ情報の種類identifierタッチポイントを識別するためのユニークな値targetタッチイベントが発生したノードscreenX/screenY画面の表示領域に対するX/Y座標clientX/clientYクライアント領域(viewp...
未分類 addEventListener()について
addEventListener()についてaddEventListener()を使うことで複数のイベントハンドラの設定が可能書式はobject.addEventListener(type, listener, useCapture)引数の...
未分類 タッチイベントの設定
タッチイベントの設定Javascriptイベントを設定する方法は2つ一番簡単なのがontouchstartなどonから始まるイベントに対して直接関数オブジェクトを代入する方法これは、タッチイベントにイベントハンドラを直接指定するソースにする...
未分類 8パズル作成
8パズル作成4x4=16の空白ブロックありにして15パズル作成これを3x3=9の8パズルへ改造定数にしてあるため、簡単に改造できる改造するのはvar BLOCK_W =106;var BLOCK_H = 106;これは、正方形にしたいから縦...
未分類 画面にタッチしたときの処理
画面にタッチしたときの処理//タッチしたときの処理fuction touchHandler(t){//タッチ座標取得var px=t.pageX, py=t.pageY;//何番目のピースを動かしたいか計算var px2=Math.floo...
未分類 CanvasAPIでパズル管理
パズルの管理もぐら叩きでは、複数ある各もぐら穴を配列変数で管理パズルでも、同様に各パズルのピース、つまり分割したブロックを配列変数で管理するこのため、パズルピースを0~15で管理図にすると01234567891112131415というかんじ...
未分類 Canvasゲームのためのヒント
Canvasゲームのためのヒントまず、画面サイズを固定することでゲームの座標計算が楽になるこれは、Viewportの設定をwidth=device-widthにして固定すればokさらに、ユーザーがブラウザーをズームしたりできないようにuse...
未分類 簡単なスマートフォンの検出
簡単なiOS/Androidの検出関数fuction isSmartphone(){var ua=navigator.userAgent;return(ua.macth(/iPhone|iPod|iPad|Android/)!=null);...
未分類 スマートフォンでのタッチイベント
スマートフォンでのタッチイベントPCのマウス操作も、画面タッチ対応になっているonmousedownマウスボタンを押したときのイベントこれは、画面タッチしたときのイベントになるonmouseupマウスボタンを離したときのイベントこれは、画面...