研究日誌 - 1380461699 - したらば掲示板

研究日誌

257：名無しさん：2014/07/01(火) 07:47:54: 【共通】クリッカブルに苦戦2

苦戦した上にやっと動いたクリッカブルマップのようなＢＡＳＩＣ！の
ＨＴＭＬモードのテストプログラムの詳細です。

【最初に表示される写真の画面】
https://www.dropbox.com/s/bixkb6h1ggfvjne/Screenshot_2014-05-29-08-55-49.png

写真は、上部見切れており、スクロール済みの状態です。
この画面で写真上でタップします。
タップした位置は富士山の頂上付近でした。

【タップした画像上の位置のx,y座標表示】
https://www.dropbox.com/s/uozeasjfal7hgp0/Screenshot_2014-05-29-08-56-12.png

現段階では基本的にできることはこれだけです。ただし
スクロールしてもただしく座標が表示できています。

【タップした位置の画面上の位置のx,y座標表示】
https://www.dropbox.com/s/j78qziz9q5n32yn/Screenshot_2014-05-29-08-56-25.png
【画像のウィンドウ内の開始位置のx,y座標表示】
https://www.dropbox.com/s/cy10uo8czez136y/Screenshot_2014-05-29-08-56-35.png
【ウィンドウ内のスクロール量のx,yピクセル数表示】
https://www.dropbox.com/s/kane67ojhujepyv/Screenshot_2014-05-29-08-57-39.png

画面上のタップ位置の座標は（５１２，１１２）でウィンドウ内の画像
開始位置は、（１９０，１３３）でスクロール量は（０，１７８）なので
画像上のタップ位置は、（５１２－１９０＋０、１１２－１３３＋１７８）で
（３２２、１５７）になるというややこしい計算になっています。

【プログラム終了時のコンソール画面】
https://www.dropbox.com/s/lwr4ovisojyum9w/Screenshot_2014-05-29-08-58-07.png

画像上のタップ位置のx,y座標と画像の幅、高さをjavascriptで取得
してBASIC!のプログラムに連携できました。

【ソースプログラムと外部関数】
https://www.dropbox.com/s/ot4abso3e611qow/a-htmlpnl1.bas.txt
https://www.dropbox.com/s/lsdeztxostjuwdj/t-clmask1bk1.bas.txt
https://www.dropbox.com/s/456tjhvoivhxxll/t-htmlpnlg1.bas.txt

◆◆◆最後に◆◆◆
書いてしまうと簡単な話ですが、ここまでたどり着くには相当
かかっています。

グラフィックモードでも同じような事ができるのですが、できるだけ
グラフィックモードにしないという自分の方針に従って作ってみました。

BASIC!のＨＴＭＬモードをより活用するにはhtml,css,javascriptを
もっと勉強しないとだめかもしれません。

2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

※書き込む際の注意事項はこちら

※画像アップローダーはこちら

（画像を表示できるのは「画像リンクのサムネイル表示」がオンの掲示板に限ります）