答題遊戲 最強王者 小遊戲開發解析

2021-09-22 14:06:17 字數 1786 閱讀 3613

答題遊戲**解析

1.遊戲整體設計

2.ui布局

(1)開機頁:上圖+藍色背景圖、中間按鈕文案展示區域、活動規則文案展示區域

(2)遊戲頁:藍色背景圖、上(左右)題目序號文案展示、10秒倒計時動態、題目以及答案選項展示區域

(3)結果頁:藍色背景圖、獲獎文案、獎品文案、金額數字、分享按鈕

遊戲頁(倒計時+題目更新+答案選項更新+答題完切換結果頁+初始化資料展示)倒計時:

cocos呼叫計時器推薦使用提供的api介面schedule(callback,x秒),停止計時器可用_this.unscheduleallcallbacks(_this);

題目更新:

題目主要是由後端返回的json.qanda,array物件來獲取每題的題目和選項文案,以及每題的正確答案,內容更新和序號一致,通過題目節點下的richtext文字節點更新文案

選項更新:

答案選項需遍歷取值,將按鈕下每個label節點更新文案:

選項按鈕觸發:

將每乙個按鈕節點儲存至乙個陣列,因後續按鈕節點觸發事件需要重新繫結和解綁,以上都是背景圖的設定以及對應節點物件獲取。

按鈕繫結事件:

將該js引用到按鈕節點下,初始化時呼叫該2個方法,即可進行事件繫結:

_this.node.on(cc.node.eventtype.touch_start,_this.touch_start,_this);

_this.node.on(cc.node.eventtype.touch_end, _this.touch_end,_this);

解綁為:

_this.node.off(cc.node.eventtype.touch_start,_this.touch_start,_this);

_this.node.off(cc.node.eventtype.touch_end,_this.touch_end,_this);

以上就是一位萌新0基礎使用cocos-creator開發的一款簡單答題遊戲

歡迎各路大神指點,也歡迎各路萌新一起**新技術。

C 開發小遊戲 掃雷

如下 to change this license header,choose license headers in project properties.to change this template file,choose tools templates and open the templat...

小遊戲雲開發入門

wx 當下雲開發比較火,不過本人並不是很感冒,因為他的好處顯而易見,但缺點也是致命的。好處就是1.不用自己買伺服器,網域名稱認證,不用擔心伺服器過期 省去了很多時間。2.初始容量免費,基本夠用。缺點就是不能跨平台。這個就很傷了,我們開發一款遊戲不可能只上乙個平台吧!雖然我們可以上所有擁有雲開發能力的...

createjs 小遊戲開發實戰

這裡來一篇小遊戲實戰篇。效果圖 錄屏的時候有點卡 demo位址 如果對你有用,請點 star 遊戲整體思路實現 1.實現乙個無縫連線的背景圖,模擬出汽車在加速的狀態 this.backdrop new createjs.bitmap bg this.backdrop.x 0 this.backdro...