文章分類:HTML
打造一個線上board game平台 - Part 2
Post by adam at 2019-03-28
有了計畫要寫一個通用的遊戲大廳之後,就開始想像整個流程。一個玩家進到大廳,網站就需要他輸入使用者名稱。不管是在聊天室裡打屁,還是開遊戲對戰室,都會有這個需求。之後如果要新增一些功能,遲早要建立使用者管理系統。那就趁早在規畫時期把地基打穩吧!
用Google Cloud Datastore做為Winstons & Ohnoes的資料庫
Post by adam at 2019-03-14
完成大廳功能之後,就很高興的找了幾個同事朋友試玩。原本玩的好好的,卻會突然沒反應。晚上跟Alvin玩的時候,又遇到一樣的斷線問題,只好又花點時間看看是什麼問題。發現原來是Google Cloud Platform裡的Google App Engine會在流量高的時候,自動增加伺服器。白話文就是多搬一台電腦出來給你用,跑一樣的程式。這樣才不會大家都用同一台電腦一起玩,網路會塞車。
在Winstons & Ohnoes裡加入新的遊戲大廳
Post by adam at 2019-03-13
在完成網路對戰功能之,原本的介面不太方便讓玩家二加入遊戲。所以有了遊戲大廳的想法。玩家一開始可以先進大廳,看看現在有沒有人開著遊戲在等,或是直接新增一個遊戲。
打造一個線上board game平台 - Part 1
Post by adam at 2019-03-13
為了幫Winstons & Ohnoes打造一個遊戲大廳,又帶出我另一個想法(人生就是一直充滿變化),何不寫一個能夠讓我一直加入新遊戲的通用大廳?把Think in React看完之後,我認真的覺得要弄出一個大廳不會太困難。只要先規畫好前端要秀出來的元件,再一個一個完成,應該能在有生之年完成。要完成任何事的先決要件就是動起來,把一件大事切成很多件小事。一件一件完成,最後就會完成了。
Winstons & Ohnoesd大改版!
Post by adam at 2019-03-07
噹!噹!噹!最新一版的Winstons & Ohnoes出爐啦!
Winstons & Ohnoes現在支援網路對戰囉!
Post by adam at 2019-03-01
經過幾天的努力,現在Winstons & Ohnoes終於可以支援網路對戰啦!萬歲!
在Google App Engine中,Winstons & Ohnoes無法載入,原因出在PNG檔
Post by adam at 2019-02-25
原本正興高采烈的實作Winstons & Ohnoes的網路對戰功能,卻突然發現host在GAE的Winstons & Ohnoes根本沒辦法玩。比對了一下在github裡的程式碼跟在GAE裡的完全一樣,但在GAE裡的硬是load不出來。就只好開始debug了。
在jekyll blog中加入留言系統
Post by adam at 2019-02-25
寫了那麼多篇文章,當然是希望哪天有人看到。為了讓來看的人有機會留下足跡,或是對文章的內容提出疑問。所以有個留言板也是很正常的。
在Google Could Platform中,加入即時聊天室
Post by adam at 2019-02-21
上一篇是把 Winston & Ohnoes 架到能支援Node.js的環境。接下來就是要能在這個環境下,提供簡單的連線溝通功能啦!連線溝通的功能,要靠socket.io的幫忙。
把Winstons & Ohnoes掛到Google Cloud Platform
Post by adam at 2019-02-19
為了要Winstons & Ohnoes裡加入網路對戰功能,就不能只host在github.因為github只支援靜態網頁。網路對戰的話,兩個人必須要能跟彼此溝通。這時靜態網頁就不夠用了。剛好之前有摸過一點點Google Cloud Platform,就把Winstons & Ohnoes掛上去看看吧!
Winson & Ohnoes的改版事項
Post by adam at 2019-02-19
跟老婆、Alvin玩了很多次Winston & Ohnoes之後,發現先手優勢確實蠻大的,所以有了改動規則的念頭。另外,分享到ptt之後,也得到一些建議。列在下面當TODO List,以免忘記。
使用jekyll寫blog
Post by adam at 2019-02-17
隨著文章越來越多,決定把BLOG改版一下,主要想做的是
- 能好好將文章分類。
- 讓每次寫文章所需要的前置步驟越少越好。
- 未來能有更多的彈性增加各樣小功能。
- 容易使用。
趁新鮮記錄一下我的第二個作品 - Winson & Ohnoes
Post by adam at 2019-02-15
這個作品是改編自一個我覺得很有趣的桌遊,叫做奇雞連連。是我跟Alvin去年在桃園展演中心的桌遊展接觸到的遊戲。基本上像是進階版的 O X 遊戲。當時買了卡卡頌和速速城國,考慮到不想一口氣買太多,所以沒買奇雞連連。一直有點後悔沒買,學了ProcessJS之後,就想說拿他的規則來寫一個網頁小遊戲當練功吧!
Add a theme for a blog
Post by adam at 2019-02-13
I’m now mastered Intro to HTML/CSS: Making webpages in Khan Academy. So, next step is to add a theme to style this blog with CSS. In this page, it provided some tips and I will use it to have my blog looks more pretty.