文章分類: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.