TRPG討論區 > 工具區

在線地圖工具

(1/10) > >>

Sheepy:
http://www.goddessfantasy.net/~sheepy/arena/
或者 從座標+格子的地圖 開始

支援 Internet Explorer 9+,Firefox 3.6+,Safari 5+,Opera 10+,Chrome 6+


特點: 即開即用,有即時同步共享,有遮罩有圖層,預設常用文字和符號
源碼: GitHub


快速上手:

1. IE 及 Safari 用戶請先確認瀏覽器版本足夠新 (IE 9 / Safari 5)。
2. 開啓後如無意外會出現一塊白色地圖,上面是狀態列,左面是工具列。
3. 工具箱中間有一行是文字工具,色刷工具,和像皮擦工具。
4. 色刷工具是一支畫筆,可以給地圖填入底色,顏色在工具箱選擇。
5. 文字工具選取後可以按 Enter 輸入一個中文字或一兩個英文字,然後像畫筆一樣用。
6. 移動工具可以搬動同一片文字。
7. 畫錯了用復原或者像皮擦工具修正。
8. 上色和繪畫文字之前都可以先選擇圖層。例如分層畫背景,威能效果,角色,移動角色以及加入/清除效果時就不用重繪原本蓋住的地圖。
9. 繪圖完成後按上面中央的磁片可以進行帶色彩的 mIRC 輸出或其他格式的輸出。mIRC/BBCode/純文字等輸出需要拖拉選擇範圍,選擇好後雙按區域或者按 Enter 可以完成輸出。

提示: 如果繪畫沒有生效,請點選深灰色背景取消遮罩,並確認繪畫的地方沒有被其他圖層蓋住。

進階使用:

 * 遮罩: 遮罩可以限制繪畫的範圍。按著 Ctrl 可以選擇多片範圍,按著 Shift 可以減去範圍。
 * 在地圖上雙按會選取這片文字相同的區域。三選取全地圖的同文字區域。
 * 拖拉遮罩範圍可以移動區域,按 Ctrl 會變成複制區域。
 * 上下左右方向鍵可以移動選取區域。
 * 選取區域時按著 Ctrl+Shift 的話會變成 XOR 選取效果。
 * 操作時按 Esc 可以取消操作。按地圖外的灰色區域可以取消選取。
 * Ctrl+顏色會設定遮罩範圍的文字顏色,Shift+顏色設定遮罩範圍的背景色。
 * 雙按遮罩鍵會選取目前圖層的已繪範圍,或者把目前遮罩減半(網點效果)。後者可以輕易做出灰白相間的地圖或地型。

圖層:
 * 雙按圖層可以隱藏/顯示圖層。
 * 目前不能修改圖層名稱或地圖大小。輸出至 json (plain) 再手動修改是目前最簡單的方法。

同步:
 * 按顏色旁邊的雙箭頭會列出地圖,載入後會跟伺服器自動同步。
 * 地圖清單上方的共享鍵可以進入共享設定,地圖將出現在列表上。
 * 分享後,要同步地圖請按一下共享鍵。作出繪畫後共享鍵會帶紅框,提示需要更新。觀眾的地圖在幾秒後會刷新。

聪明伶俐琪露诺:
/me 看到了坑

Sheepy:
嗯. 那只是正常的戰場地形, 不是嗎? :em001


順便也提一下關於瀏覽器的發現:


所有瀏覽器的顯示模式都非常接近, 包括 IE 8, 對開發有非常大的幫助, 只有 Safari 和 Chrome 有一點小問題. 有趣的是它們一個是最漂的, 一個是最快的. 大家的速度都不錯, 比舊一代的瀏覽器 (IE 6/7, Fx 2, Op 7/8) 有非常明顯的改進. 世界在變.

IE 8 的 JavaScript 還是有比較多不標準的地方, 但都不難解決. 執行效能依然是最差的, 差距頗大, 但尚可. CSS 效果支援也是最少的, 幸沒有大影響, 最重要是很標準. 試過進入 IE 7 相容模式看, 死得非常慘烈.

Firefox 3 的表現中規中矩, 執行速度理想. 就經驗來看, 它不幸地也是最不穩定的, 既沒有獨立分頁程序, 長期穩定性也不比 Opera, 但誰能比上它的擴展? 3.1 的速度有大幅提升, 也許可以跟 Chrome 一較高下.

Opera 9 是眾多瀏覽器中給我最少麻煩的, 很驚訝, 因為它以前的編程支援很差. 到目前為止只遇上雙擊限制的問題. 執行速度比 Firefox 慢點, 但比 IE 快, 不錯. 另外, 是比較漂亮的瀏覽器, 例如工具列的文字有陰影.

Safari 4 一打開只能用 Wow 去形容. 上一版它給我很壞的第一印像, 但這新版很酷. 非常酷. 非常漂亮, 是五個當中的藝術品. 我強烈推薦喜歡漂亮東西和簡潔東西的人試用 Safari 4. 執行速度不錯,  跟 Firefox 差不多, 但載入速度很快.

Google Chrome 1 只試了一次, 當其他四個的顯示都沒問題的時候只有它有事, 功能也不能完全實現. 可是, 執行速度非常快. 非常. 它輕易穩拿最快瀏覽器的寶座. 如果 Safari 是威酷的開篷車, Chrome 是狂飆的法拉利.



基本上,  開發完全是在 Firefox 進行的. 但上列瀏覽器全部都有非常良好的除錯器, 全都包括 DOM explorer (檢視頁面結構和 CSS 特性), Script debugger (檢查問題發生事的狀況), JavaScript console (即時執行 JS 以進行除錯). Firebug 依然是最好的開發除錯器, 但其他瀏覽器的內建工具也足以輕鬆進行除錯, 比起以前瞎子摸象實在是另一個世界.

Sheepy:
加入了選取範圍的拖拉, 雙按選取同字區域, 背景改用全形空格. 雖然工作效率未逹到最好但已經可以不錯地使用. 找天要錄制一段示範片段... 快速上手見頂帖.

目前的限制主要是單繪圖工具及單層, 日後將會在不影響這簡便性的前提下進行擴充.

:
咩姐姐最贤惠!
/me 去试用羊姐推荐的威酷敞篷车

导览

[0] 帖子列表

[#] 下页

前往完整版本