- 締切済み
いくつかのimageのマルチドラッグの方法について
いつもお世話になっております。PCでも、スマホやタブレットでも使える教材を作ろうと、html5＋javascriptの勉強をしている毎日です。 実験的に、imageをマウスまたは指でドラッグするコンテンツを作りました。 以下のページの冒頭にあります。 http://www.ttn.ne.jp/~hidenaka/ コインのドラッグ(1枚)、コインのドラッグ(4枚) コインを１枚ずつドラッグさせることはできるのですが、スマホやタブレットでは、マルチタッチイベントを利用して、２本以上の指で、２枚以上のコインを、同時に、しかも別々に「マルチドラッグ」させるにはどのようにコードを書けばよいでしょうか。 方法があれば教えてください。 どうかよろしくお願いいたします。
- hiderin2jp
- お礼率85% (6/7)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- sanzero
- ベストアンサー率56% (58/102)
自前実装は大変と思います。 こういうライブラリを使ってはいかがでしょうか。 http://interactjs.io
関連するQ&A
- ドラッグできる画像
こんにちは。２回目の質問です。 またJavaScriptについての質問なんですが、 HTMLページに画像が複数あって、マウスで自由にドラッグして好きな場所に配置したいです。これはHPで解説してくれているページを見つけたんですが、ちょっと違います。 どこが違うかというと、画像の重なり具合が調節できないこと。参考までにつぎのHPをみてください。（注：ポップアップの広告が出ます） http://holden.hp.infoseek.co.jp/sample/c_img5.html ここのお地蔵さんは、招き猫の上に表示することはできません。ただしドラッグしている間は別ですが。 このお地蔵さんと招き猫のようにドラッグで移動できて、さらに画像の上下（前後）をマウスクリックで変えるようにするにはどうしたらいいでしょうか? また２つ以上の画像を配置したい場合はどうしたら良いですか? JavaScriptの記述は私が参考に出したHPのもの意外でもかまいません。できればJavaScriptの記述を書いてほしいです。 お願いします。
- 締切済み
- JavaScript
- Windows 8はどうして不評なのか？
Windows 8はどうして不評なのか？ ・スマホ風メニューはマウスに向かない ・デスクトップパソコンではシングルウィンドウがつらい ・新メニューは完全にタッチ向きだ ・ぜひタッチできるパソコンで使いたい http://trendy.nikkeibp.co.jp/article/column/20120907/1043062/?P=1 スマホ風メニューを使わない方法や、 マウスに向くようにカスタムできますか？ シングルウィンドウじゃなく、 ７同様マルチウィンドウにできますか？ 新メニューを完全にマウス向きにできますか？ タブレットならタッチできるパソコンは理解しますが、 デスクトップ、ノートでもタッチの有効性ありますか？
- 締切済み
- Windows 8
- リンク設定の方法
会社のWebサイトの管理を行っている者です。（独学なのでほぼ素人です） 現在、xhtmlのstrictでサイトを作っているので、リンク先を新しいウインドウで開く場合にonclick="window.open()"で新しいウインドウを開いています。 また、メニューもJavaScriptでドロップダウンメニューにしています。 しかし、タブレットやスマホではタッチイベントを使わなければならないようで、PCで見た場合とタブレットで見た場合の両方に対応させるにはどうしたらよいのでしょうか。 ネットで調べてみましたが、よくわかりません。 今後、リニューアルではｈｔｍｌ５を使うつもりですが、良い参考書があればご紹介下さい。 以上、２点についてアドバイスお願い致します。
- 締切済み
- HTML
- Windows10タブレットのポインタでなぞりたい
Windows10のタブレットを買ったのですが、これでFLASHゲームをやっています。 そのゲームの中でマウスポインタでなぞることで使える機能があるのですが、これをタブレットでやろうとすると、ドラッグした形になって画面が動いてしまいます。 タブレットは指を置いて動かすとドラッグしたことになってしまうのは知っていますが、これをマウスポインタが動くだけという形にはできないのでしょうか？ 一応、タブレットモードを解除して、デスクトップを表示している形にはしています。 別途、外付けのマウスでも買わないと無理？
- 締切済み
- Windows 10
- ウインドウを掴んだことの確認
ドラッグする際マウス等でタイトルバーで掴みますが、マウスボタンを押したときにWindowがフラッシュするとか枠が太くなるとか、Windowが選択されたことを確認できる方法（設定、ツール等）はありませんでしょうか？ 特にタブレットでタッチパネルで操作するとき、画面が小さいこともありドラッグしたいのにできないことがよくあり、イライラするのでなにか分かる方法がないかと思っています。
- ベストアンサー
- Windows 10
- Objective-cのタッチイベント操作について
タッチ出来る矢印画像（４種類）とBOOL型のtouchFlag（４種類）を用意します。 touchesBeganイベントで矢印画像をタッチすれば、touchFlagをYESに。 touchesEndedイベント時の座標が矢印の上ならtouchFlagをNOに。 現在この方法で矢印画像が押されている方向にプレイヤーが動くようにしています。 しかしこのままでは画像を押したままドラッグし、その画像以外の場所で指を離してもフラグが止まりません。 画像から外れたところで指を離しても、フラグをNOに出来れば良いのですが良い方法が思いつきません。 矢印はマルチタッチ操作可能にしているので、touchesEndedで全てのFlagをNOにすると２本指操作の後１本の指を離すと、タッチしたままの指の方向のフラグもNOになってしまいます。 touch.view.tagを使えば上手く行きそうなのですが、SpriteKitに上手く取り入れることができません。 長くなってしまいましたが、要点は "押した画像(座標)から離れてから指を離しても、初めに押した画像(座標)を判別" することが目的です。 何か便利な機能などありましたら、是非ご教示ください。どうかよろしくお願いします。
- ベストアンサー
- スマートフォンアプリ開発
- タッチパネルって使いやすいですか？
スマホでは当たり前のタッチパネルですが、 使い易さはどうですか？ パソコンでは、マウスなので誤操作は ほぼありませんがタッチパネルは、誤タッチが 非常に多くイライラします。 タブレットなら画面が大きいので タッチパネルでも誤操作は少ないと思いますが マウスには劣る気がします。 やはりキーボードとマウスが最強と感じてますが 皆さんはタッチパネルはどう思いますか？ 文字入力はキーボードやガラケーのボタン操作 の方が圧倒的に速いですよね？
- 締切済み
- アンケート
- WINDOWS10タブレットの外部ディスプレイ
WINDOWS10のタブレット端末で外部ディスプレイにて動画を再生したいです。 ディスプレイは、拡張モードで表示されています。 動画をダブルクリックしメディアプレーヤーで再生はされるのですが、タブレットの画面に表示されます。 端末にはマウスもキーボードもないし、外部ディスプレイもタッチパネルでは無いため、指でドラッグして外部ディスプレイへ移動することもできません。 ジェスチャーや設定で解決できないでしょうか。 バーチャルキーボードでWINDOWS+→しか思いつきません。
- ベストアンサー
- Windows 10
- タッチパネルディスプレイのカーソル
タッチパネルディスプレイを購入して、指で触れている位置をカーソルの位置として、Javaのマウスイベントで処理したいと思っているのですが、それは可能でしょうか？
- ベストアンサー
- Java
- MacBookSiroを使っています。
MacBookSiroを使っています。 マルチタッチはおろか３本指タッチもできません。 そこでMagicTrackPadを購入しようかと思っておりますが 私はiPhoneなどももっていませんし、店頭で少し試した限りでは あまり使い勝手がわかりませんでした。 使いたいアプリは photoshop,Lightroom,illustrator,firefoxなどですが、どれくらい 操作性がアップするんでしょうか？ これ使っちゃうとマウスなんていらない、使えない、っていう 意見がありますが、実際どんなもんでしょうか？
- ベストアンサー
- Mac
お礼
早速のご回答ありがとうございます。 ただ、そういったライブラリは、便利かもしれませんが、私は今まで使用したことがないので、今の段階では、ライブラリを使用しない方法で解決をしたいと思っております。どうかお力添えお願いいたします。