iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

三十天路邊賭場上線了! 系列

這是許多男孩的記憶,開頭一定有這聳動的標題,似乎此類型線上娛樂也是許多工程師的頭路,因此就花三十天來試著打造一路邊賭場吧!

參賽天數 29 天 | 共 30 篇文章 | 70 人訂閱 訂閱系列文 RSS系列文
DAY 11

DAY11 遊戲畫面、籌碼選單

前言 今天是中秋節前夕,來輕鬆做個籌碼選單吧!大概說明一下可能會統一狀態,所以元件內部暫時不放置狀態,不然應該是會有選取籌碼的狀態。 籌碼組件 這個籌碼組件呢,...

DAY 12

DAY12 玩家餘額、數字動畫

前言 今天是中秋節,適合不需要動太多腦的數字動畫! 圖檔結構 這些是我們切的數字檔,有零到久然後億、萬、符號,就大概會跟我們新增時鐘差不多。 結構大概是以下,米...

DAY 13

DAY13 撲克牌、發牌動畫

前言 首先,我今天沒有使用常用的電腦,因為回老家的關係只能帶著筆電,當我到Github clone下來專案才發現,原來我都沒有push上去,可是印象中我都有推,...

DAY 14

DAY14 提示訊息、訊息動畫

前言 在剛進入遊戲時,會跳出一個訊息,提示玩家要等下一局才能投注,其實有一部分也是因為這款遊戲一開始就有這樣的設定,於是我們也加進來吧! 圖檔 一樣是切割完的圖...

DAY 15

DAY15 檯面數字、數字更新

前言 今天來把檯面的數字放上去吧!才知道現在檯面有多少錢! 切割數字 一樣得用PS切割數字之後放到texturepacker進行合併成Sprite圖檔。 架構...

DAY 16

DAY16 撲克牌開牌、顯示點數

前言 第十六天了,是該趕快完成介面的部分了,今天來製作開牌的動畫吧! 撲克牌開牌分析 首先依照百家樂的規則來看,其實會有2-3張牌,因此我們需要新增莊牌組、閒牌...

DAY 17

DAY17 導入狀態管理、造個Redux

前言 今天不刻介面,今天來導入我們的狀態管理,管理我們未來會遇到的奇形怪狀的狀態!我本來想說直接引入Redux,因為Redux並不是React專用,但後來發現我...

DAY 18

DAY18 狀態管理初始化、籌碼金額使用Redux

前言 昨天我們造了一個簡易版本Redux,當然有很多其他Redux方便的東西,但小弟水平有限、並沒有特別使用其他部分,畢竟學的穩才能走得久,沒有特別學一手工具,...

DAY 19

DAY 19 牌局結果、結果提示

前言 今天來做個牌局結果跟賭桌的提醒吧! 預覽 牌局結果 何謂牌局結果呢?其實就是平、對子、天王、平對,這種特殊牌型,一開始其實是因為沒辦法顯示平手,所以找到...

DAY 20

DAY20 賭場訊息遞送規劃

前言 這一篇單純是針對我們賭場傳送訊息大致的規劃。這個賭桌目前會使用socketio來推送訊息,因此我們需要一個方便明了的傳遞規則,讓我們在收發訊息知道這訊息的...