Google Maps 大富翁 這是一個使用 Google Maps JavaScript API 製作的大富翁遊戲!基本上是利用 Google Maps Markers 以及 Polyline 所建置出路線、節點、角色、計分、蓋房... 等設計! 這是一個使用前端 JavaScript、Google Maps 所設計的大富翁遊戲,主要也使用了 jQuery 以及 SCSS 等工具實作,利用 Google Maps Marker…

Google Maps 大富翁

這是一個使用 Google Maps JavaScript API 製作的大富翁遊戲!基本上是利用 Google Maps Markers 以及 Polyline 所建置出路線、節點、角色、計分、蓋房... 等設計!

這是一個使用前端 JavaScriptGoogle Maps 所設計的大富翁遊戲,主要也使用了 jQuery 以及 SCSS 等工具實作,利用 Google Maps MarkerPolyline 去做設計,繪製出路線、人物。

此版本加入與電腦對戰的設計,遇到的困難是當兩個角色(Marker)落於同一個點時,必須要做位置的調整,房屋座落點的位置計算兩線的外角,之後可能進階改版成線上多人對戰,並且可以使用道具遊戲..等功能。

前端版型,主要是用 Compass 撰寫 SCSS 以協助 CSS 的切版,JavaScript 的部分則是使用 jQuery 加強跨瀏覽器的語法之援度問題。

相關參考

實作 Instagram Maps 相片地圖 - OA Wu's Blog
實作 Instagram Maps 相片地圖
實作 Instagram Maps 相片地圖實作 Instagram Maps 相片地圖 Instagram App 當中有一項很特別的功能是我很喜愛的,就是地圖模式的瀏覽照片,而且 Instagram 將這項功能優化得不錯,使得當地圖縮小時,密集的 Marker 會合成一個 Marker,而這樣的地圖功能在 Google Maps JavaScript API 上可以實作得到! 簡單說,這個專案的目的是利用 Google Mpas 來模…
CatMap - OA Wu's Blog
CatMap
CatMapCatMap 此作是我第一個比較完整的 iOS 的 App,主要利用基本的 iOS 元件製作照相上傳、分享、地圖功能,以下是我一些學習的筆記與心得! App 沒什麼主要方向,這就只是個到處模仿的小作品,一開始利用了 TableView,再經由客製化的 TableViewCell 去做出類似 Instagram、Facebook 的動態訊息頁,然後再利用 ImagePickerCon…
天氣地圖 Weather Maps - OA Wu's Blog
天氣地圖 Weather Maps
天氣地圖 Weather Maps天氣地圖 Weather Maps 這項做主要是藉由中央氣象局的網站資料建置出來的,其中主要功能是可以藉由 Google Maps 查詢各地方的天氣預報概況,並且可以查看各個地區的每小時溫度變化,以及搭配使用 localStorage 來實作前端關注的功能。此作品主要利用 PHP 取得資料,並且編譯成 HTML 檔案上傳 Amazon S3,此架構不僅可以減…
實作 Google Maps 右鍵選單 - OA Wu's Blog
實作 Google Maps 右鍵選單
實作 Google Maps 右鍵選單實作 Google Maps 右鍵選單 此作品主要在於開發出可以在 Google Maps 上面編輯基本路徑的功能,利用 Google Maps JavaScript API 設計出規劃路線的工具,並且可以匯出路間經緯度 Excel。 在 Google Maps 上顯示選單,主要是使用 Google Maps JavaScript Events 來實作,並且搭配 Marker、Polyline 來繪製出路線圖,並且針…
吳政賢 個人簡歷 OA Wu LiveCoding.tw