国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

使用Three.js如何實(shí)現(xiàn)微信跳一跳游戲

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 19:37:21
文檔

使用Three.js如何實(shí)現(xiàn)微信跳一跳游戲

使用Three.js如何實(shí)現(xiàn)微信跳一跳游戲:最近項(xiàng)目結(jié)束,很空閑,于是就試著仿照微信跳一跳寫了一個(gè)極簡(jiǎn)版的游戲,到底簡(jiǎn)單到什么程度呢大家可以參考下本文那么這個(gè)游戲到底是簡(jiǎn)單到什么程度,差不多就是到下面這個(gè)程度吧源碼地址: github.com/luosijie/th…由于是第一次嘗試寫游戲, 也不知道套路
推薦度:
導(dǎo)讀使用Three.js如何實(shí)現(xiàn)微信跳一跳游戲:最近項(xiàng)目結(jié)束,很空閑,于是就試著仿照微信跳一跳寫了一個(gè)極簡(jiǎn)版的游戲,到底簡(jiǎn)單到什么程度呢大家可以參考下本文那么這個(gè)游戲到底是簡(jiǎn)單到什么程度,差不多就是到下面這個(gè)程度吧源碼地址: github.com/luosijie/th…由于是第一次嘗試寫游戲, 也不知道套路
最近項(xiàng)目結(jié)束,很空閑,于是就試著仿照微信跳一跳寫了一個(gè)極簡(jiǎn)版的游戲,到底簡(jiǎn)單到什么程度呢?大家可以參考下本文

那么這個(gè)游戲到底是簡(jiǎn)單到什么程度,差不多就是到下面這個(gè)程度吧

源碼地址: github.com/luosijie/th…

由于是第一次嘗試寫游戲, 也不知道套路對(duì)不對(duì), 大家看著玩就好, 不要太認(rèn)真, 不推薦在手機(jī)上預(yù)覽, 坑還沒有填好

下面是實(shí)現(xiàn)過程

游戲分析

首先分析一下一個(gè)這樣的游戲需要什么元素

  • Three.js必備元素: 場(chǎng)景,燈光,攝像機(jī)

  • 一塊又一塊的方塊

  • 會(huì)跳的那個(gè) ,或者叫游戲者

  • 以上

  • 游戲過程

  • 初始一個(gè)場(chǎng)景, 場(chǎng)景中有一個(gè) 會(huì)跳的那個(gè) 和 2個(gè)方塊

  • 鼠標(biāo)按下儲(chǔ)存 能量值

  • 鼠標(biāo)放開, 會(huì)跳的那個(gè) 根據(jù) 能量值 和 第2個(gè)方塊的方向 跳出去

  • 會(huì)跳的那個(gè) 落到方塊的上平面時(shí), 根據(jù) 位置 判斷這一跳是成功還是失敗

  • 成功后進(jìn)入下一步,失敗就根據(jù) 位置 執(zhí)行不同的摔倒方式

  • 關(guān)于游戲的碰撞, 我們要考慮這幾種情況

    1.掉落在兩個(gè)方塊中央

    2. 掉落在起跳方塊左邊上沿

    3. 掉落在左邊下一個(gè)方塊下沿

    4. 掉落在左邊下一個(gè)方塊上沿

    5. 掉落在起跳方塊右邊上沿

    6. 掉落在右邊下一個(gè)方塊下沿

    7. 掉落在右邊下一個(gè)方塊上沿

    代碼

    感興趣的麻煩移步github

    主體結(jié)構(gòu)

    var Game = function () {
     ...
    }
    Game.prototype = {
     init: // 初始化
     restart: // 重新開始
     addSuccessFn: // 成功進(jìn)入下一步,執(zhí)行外部函數(shù), 用于更新分?jǐn)?shù)
     addFailedFn: // 游戲失敗, 執(zhí)行外部函數(shù), 用于顯示失敗彈窗
     _createJumper: // 創(chuàng)建 會(huì)跳的那個(gè)
     _createCube: // 創(chuàng)建方塊
     _setLight: // Three.js設(shè)置光照
     _setCamera: // Three.js設(shè)置相機(jī)
     _setRenderer: // Three.js設(shè)置渲染器
     _render: // Three.js 執(zhí)行渲染
     _createHelpers: // Three.js場(chǎng)景輔助工具
     _checkUserAgent: // 檢測(cè)是否是移動(dòng)端
     _handleWindowResize: // 窗口縮放綁定函數(shù)
     _handleMousedown: // 鼠標(biāo)按下綁定函數(shù)
     _handleMouseup: // 鼠標(biāo)松開綁定函數(shù)
     _fallingRotate: // 會(huì)跳的那個(gè) 摔落動(dòng)畫
     _falling: // 會(huì)跳的那個(gè) 摔落
     _checkInCube: // 判斷落點(diǎn)位置
     _updateCameraPos: // 更新相機(jī)坐標(biāo)參數(shù)
     _updateCamera: // 更新相機(jī)
     _setSize: // 設(shè)置畫布尺寸
    }

    調(diào)用

    var game = new Game(success,failed)
    game.init()
    game.addSuccessFn(success)
    game.addFailedFn(failed)
    ...
    // 游戲重新開始,執(zhí)行函數(shù)
    function restart () {
     ...
    }
    // 游戲失敗執(zhí)行函數(shù)
    function failed(){
     ...
    }
    // 游戲成功,更新分?jǐn)?shù)
    function success (score) {
     ...
    }

    上面是我整理給大家的,希望今后會(huì)對(duì)大家有幫助。

    相關(guān)文章:

    在vue中如何引用阿里字體圖標(biāo)的方法

    通過Node.js使用MySQL連接池

    在vue.js中如何使用ajax渲染頁(yè)面

    ajax請(qǐng)求+vue.js渲染+頁(yè)面加載

    聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    使用Three.js如何實(shí)現(xiàn)微信跳一跳游戲

    使用Three.js如何實(shí)現(xiàn)微信跳一跳游戲:最近項(xiàng)目結(jié)束,很空閑,于是就試著仿照微信跳一跳寫了一個(gè)極簡(jiǎn)版的游戲,到底簡(jiǎn)單到什么程度呢大家可以參考下本文那么這個(gè)游戲到底是簡(jiǎn)單到什么程度,差不多就是到下面這個(gè)程度吧源碼地址: github.com/luosijie/th…由于是第一次嘗試寫游戲, 也不知道套路
    推薦度:
    標(biāo)簽: 微信 跳一跳 游戲
    • 熱門焦點(diǎn)

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 日韩欧美一区二区三区四区 | 精品欧美一区二区三区免费观看 | 日韩欧美色视频 | 男女全黄一级带免费 | 日韩欧美亚州 | 在线视频 日韩 | 国产男同 | 九一毛片 | 欧美日韩三区 | 91av久久| 欧美国产日韩另类 | 国产精品亚洲一区二区三区在线播放 | 亚洲一区二区视频在线观看 | 亚洲欧美日韩中文v在线 | 夜夜操夜夜 | 国产九九在线 | 国内精品久久久久久久97牛牛 | 国产精品亚洲欧美一级久久精品 | 香蕉在线观看 | 国产在线精品观看 | 亚洲国产日韩在线一区 | 日本国产一区二区三区 | 久久精品最新免费国产成人 | 人人爽天天碰天天躁夜夜躁 | 一区二区三区视频在线播放 | 国产精品久久久久久久免费 | 国产欧美在线播放 | 亚欧洲精品在线视频免费观看 | 亚洲欧美在线视频 | 免费看黄视频网站 | 国产一区二区三区精品视频 | 国产精品亚洲国产三区 | 亚洲第一免费视频 | 久久国产一级毛片一区二区 | 久久91精品国产99久久yfo | 美女洗澡一级毛片 | 久久福利资源网站免费看 | 久久久久国产精品 | 国产亚洲精品成人婷婷久久小说 | 一级毛片视频播放 | 午夜视频在线观看国产 |