› 看板 ToS 關於我們 聯絡資訊
作者louisalflame (louisalflame)
看板ToS
標題[閒聊] 自製版 轉珠模擬器
時間Wed Sep 7 22:55:54 2016
大家安安，隔了許久我終於又有進度惹 轉珠模擬器的網址: http://louisalflame.github.io/TOSwebsite/canvas.html ......雖然這次的進度是負的(疑?) 好啦，其實這次的進度是~ 我終於成功把他改寫成能在手機上使用惹!! (至少可以在我的手機的safari上跑了~^^) 不過我幾乎是把code打掉重練 所以還沒寫到原本的進度QAQ 隊伍功能只剩下隊長隊友的隊長技，有關落珠消珠的部分 (不過原本的舊網頁我沒砍還留著就是了) 順便提一下 從頂端有連結可以到另一頁我做的卡片收集記錄表格喔 模擬器的使用方式，這次參照原版PAD定石網頁的流程 先按"版面"設定好屬珠顏色 再按"隊伍"可以設定特殊的隊長技 (目前先只放有影響的: 希臘、二消、巴比、古希) 按"移動"後，就可以開始模擬轉珠了 最後按"重播"可以檢查轉珠結果 和 分享連結 --------------------以下是CODING牢騷-------------------- 原本我的JS程式都是依靠jquery的library 之前的轉珠效果是用jquery-UI內建的drag-drop程式 將6*5 table內的屬珠img做出drag和效果 為了解決手機也可以模擬轉珠的效果 我一開始查jquery都查不到怎麼做手機支援的drag-drop 後來我只好去偷看一下原版PAD定石是怎麼做的wwwwww 發現他是把版面設為canvas，再畫出6*5個屬珠 好啦我就把我的table和img的架構砍掉 學他一樣用canvas自己慢慢畫6*5個屬珠image 一開始我還很天真的繼續用jquery內建的jcanvas 後來發現不管怎麼設定 jcanvas的圖層依然不能在手機上drag-drop ...\囧/ 完蛋啦，最後我只好心一橫... 再從頭開始，從最底層看PAD定石的網頁是怎麼寫的... 這才發現我之前都想錯啦啦啦QAQ 拖拉屬珠的效果根本就不是甚麼drag-drop 而是他每一幀frame都自己刻出來畫 不斷偵測mouse位置才去在canvas上畫相對應的屬珠 所以最後就是要自己從頭刻一個canvas animate啊啊啊 結果花了大半時間就是把之前寫好的程式 用更底層的方式去重寫一遍QAQ.... -------------------------------------------------------- 如果有用的話 希望可以盡量推文給我鼓勵喔 > w < / -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.39.171.14 ※ 文章網址: https://www.ptt.cc/bbs/ToS/M.1473260158.A.9E8.html
推 yemmin: 推爆的化 樓下開始 隨機15樓 稅後100P 09/07 22:57
→ yemmin: 幫忙推推喔 09/07 22:58
推 nl0052002: 給推！ 09/07 22:58
推 quick511413: 路過推一下 09/07 22:59
推 sinalpha: 推 09/07 22:59
推 sofar14: 推~ 09/07 22:59
推 d8731400: 推 09/07 23:01
推 a3225737: 09/07 23:01
推 tp6jo6jp6: 推 09/07 23:02
推 jason00608: PUSH 09/07 23:05
推 natakuex1: 有二消 古希 先推 09/07 23:06
推 shamus0309: 推 09/07 23:08
推 blackwai: 很棒 09/07 23:08
推 orangapple: 推 09/07 23:09
推 ey0601: 感激推 09/07 23:09
推 windswith68: 推，後面完全看不懂不過真得好厲害！ 09/07 23:10
推 iamfinin: 推~~ 09/07 23:11
推 jack168168tw: 推! 09/07 23:12
推 CyRyann: 推! 09/07 23:14
推 hibike: end推 09/07 23:15
推 cwilly876: 推 隊長選擇感覺可以用其他方式比較好 09/07 23:17
這是為了預備留位子給主動技等功能才這樣設計的 不過目前中間四個的確是沒有用到就是惹www
推 ddtcd: 推 09/07 23:18
推 Ssy990324: 推 09/07 23:18
推 gladiatusman: 推 09/07 23:18
推 blackwai: 測個二消 http://goo.gl/bSJfqq 09/07 23:20
推 znmkhxrw: 推推!! 09/07 23:21
推 cwubai: 感謝你的熱情~ 09/07 23:21
推 LumiaS: 不推不行 09/07 23:23
※ 編輯: louisalflame (114.39.171.14), 09/07/2016 23:28:32
推 xgreen1001: 純推有研究精神自製轉珠模擬 09/07 23:27
推 andy19960407: 推推 09/07 23:28
推 helixc: 推 09/07 23:32
推 kiwivino1023: 推 09/07 23:32
推 kevin8899009: 推 09/07 23:35
推 kj763: 好厲害 09/07 23:37
推 angus12345a: 推 09/07 23:38
推 pennyhardaw: 推 pad 網頁掛很久了 09/07 23:39
推 dannyace: 推個 09/07 23:40
推 hsujen: 推 09/07 23:40
推 Devin520: 快轉..游標有時會跟不上 09/07 23:43
推 tcuplayer: 推 09/07 23:43
推 patrick555: 推 09/07 23:44
推 cklpisbig: 推啊 09/07 23:44
推 cyanc: 推 09/07 23:46
推 omyg0d2007: 推!! 09/07 23:47
推 acc98173: 推 09/07 23:49
推 skydear: 推推 09/07 23:51
推 z0978978: 推推給鼓勵 09/07 23:54
推 mi324: 推 09/07 23:54
推 k07224115: 推 09/07 23:56
推 B1oody: 用心推 09/07 23:57
推 fedekovic: 推研發精神 09/07 23:58
推 skhten: 引誘我推 09/08 00:03
推 ulinta: 推推，感謝發明 09/08 00:04
推 gorgor: 推 09/08 00:04
推 MPtter: 推推 09/08 00:09
推 lkjhgfdsa681: 推一個 好厲害!!! 09/08 00:18
推 iewix: 推 09/08 00:19
推 alancheng: 推 09/08 00:24
推 ejijo761115: 推推 09/08 00:31
推 yoyojkjk1155: 推 09/08 00:31
推 silefacter: 推 09/08 00:35
推 LFKer: 我推 09/08 00:37
推 loverollo579: 推 09/08 00:39
推 joy0520: coding推一個 09/08 00:41
推 devilwinds: 推 09/08 00:43
→ kimiboy: 推推 09/08 00:50
推 tyz: 推推 09/08 00:51
推 jojonundu: 推推 09/08 00:51
推 qwe20: 推 09/08 00:55
推 oo2830oo: 推 09/08 01:00
推 nnn1106: 推 09/08 01:07
推 ads3279: 推 09/08 01:11
推 jim8596: 有龍刻功能嗎 09/08 01:16
推 xyzpdq951753: 推 09/08 01:28
推 Benedixin: 有下有推 (疑?) 09/08 01:32
推 alex70126: 推～～ 09/08 01:34
推 omoon1306: 推啦 09/08 01:34
推 yap5678: 推個 09/08 01:40
推 emperorworld: Push 09/08 01:40
推 steve302: 推 09/08 01:43
推 kerlakerla: 推 希臘的梅花座好有感啊 09/08 01:46
推 ringday: 推 09/08 01:49
推 jeffwu1016: 推 09/08 01:50
推 kimiboy: 補推 09/08 01:54
推 dk9555: 0.0 09/08 02:20
推 as987ssa1: 推 09/08 02:58
推 ak47ilike: 讚喔 09/08 03:21
推 clothk55943: 推！ 09/08 04:30
推 ohhhhhhhhhhh: 推 09/08 04:41
推 adayconmes: 推!! 09/08 05:01
推 ntnnthree: 推 09/08 05:51
推 kodansha: 推~ 09/08 06:36
→ syulide: 推ㄍ 09/08 06:38
推 three88720: 推 09/08 07:01
推 gawgaw: 推 09/08 07:07
推 gcobc39926: 推 09/08 07:11
推 iso022000: 推推 辛苦了 09/08 07:16
推 qwe96325: 雖然很久沒用模擬器轉了，但是推用心！ 09/08 07:39
推 ray30409: 推 09/08 07:49
推 alex21738: 推 強者！ 09/08 07:56
推 pdemonq: 感謝大大的無私奉獻 09/08 08:01
推 boriszz: 推 09/08 08:08
推 shawn7912: 推 09/08 08:22
推 kevin3689283: 推 09/08 08:29
推 rainer: 好猛好強!!! 09/08 08:42
推 ds777: 碼農辛苦了！ 09/08 08:47
推 perry8: 推 強者 09/08 09:13
推 on213308: 讚讚 辛苦了 09/08 09:31
推 yas4403: 推 09/08 09:33
推 DouglasTank: 推 09/08 09:42
推 NovaDust: 幹爆強 09/08 10:15
推 ken890126: 路過推 09/08 10:17
推 loveyilin: 推 09/08 10:48
推 SsinAndy: 用心的人值得讚許。推個。(P 幣給原PO) 09/08 10:51
推 chang0206: 厲害！完全看不懂在抱怨啥 XD 09/08 10:54
推 benbensoup: 推 09/08 11:03
推 oel0810: 推！ 09/08 11:55
推 howtotell: (・∀・) 09/08 12:08
推 sunnie: 推 看不懂在抱怨什麼+1 09/08 12:14
推 aa651082: 推 09/08 13:07
推 ChingLan: 推，但推幣一樣給原PO 09/08 13:11
推 hihijoker: 推~ 09/08 13:55
推 xcoldx: 這個有自動導引路徑功能嗎 09/08 14:05
推 qwe952203222: 推 09/08 14:11
推 Xanzero: 推一個 辛苦了~ 09/08 14:44
推 dajyunlin: 推 09/08 14:51
推 needfor123: 推 09/08 14:53
推 KunioFAN: 厲害!推~ 09/08 15:20
推 tuogow: 感謝，推一個~~~~~ 09/08 15:54
推 sheng0321: 推 09/08 16:38
推 CSY5566: GOOD 09/08 16:41
推 cloud886: 推!!! 09/08 16:43
推 kimakist: 大推 有考慮來個WebGL 3D版嗎XDD 09/08 17:14
推 chinglino3o: 推 感謝 09/08 17:51
推 chichi88987: 推 來用看看 09/08 18:31
推 yemmin: http://imgur.com/ecPigrc http://imgur.com/iiRvx2z 09/08 20:15
→ yemmin: 發了 09/08 20:15
推 sofar14: 收到了，謝謝 09/08 20:27
推 e761031: 推 09/08 20:58
推 michelleadio: 超棒的 不推不行 09/08 21:59
推 xyzpdq951753: 收到推 09/08 22:05
推 vector666: 推 09/09 01:42
推 namelylike: 有熱血有推，現在很難有熱血了… 09/09 10:59