成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

cocos creator 簡(jiǎn)單實(shí)戰(zhàn)

taowen / 2874人閱讀

摘要：錨點(diǎn)位置確定后，所有子節(jié)點(diǎn)就會(huì)以父節(jié)點(diǎn)錨點(diǎn)所在位置作為坐標(biāo)系原點(diǎn)。觀察實(shí)際效果以下為實(shí)際效果，左側(cè)打開(kāi)欄目為不同手機(jī)分辨率模式。巨坑因?yàn)榉直媛拾l(fā)生變化，導(dǎo)致節(jié)點(diǎn)大小位置都會(huì)發(fā)生變化。

項(xiàng)目地址：https://github.com/Iroha1024/...

一個(gè)小游戲的demo，以下簡(jiǎn)單地介紹了我關(guān)于cocos creator的一點(diǎn)理解和開(kāi)發(fā)流程

版本：cocos creator v2.0.9

編輯器：vscode

準(zhǔn)備篇

1、新建目錄
res存放資源，scenes存放場(chǎng)景，scripts存放腳本

2、新建scene

3、雙擊左鍵，打開(kāi)scene

改變了當(dāng)前場(chǎng)景內(nèi)容記住及時(shí)ctrl+s保存！

背景篇

1、在canvas節(jié)點(diǎn)下創(chuàng)建空節(jié)點(diǎn)background（作為所有背景的父節(jié)點(diǎn)），在父節(jié)點(diǎn)下創(chuàng)建渲染節(jié)點(diǎn)sprite。子節(jié)點(diǎn)會(huì)隨父節(jié)點(diǎn)移動(dòng)

2、點(diǎn)擊創(chuàng)建的bg1節(jié)點(diǎn)，右側(cè)"屬性檢查器"出現(xiàn)bg1相關(guān)信息。將準(zhǔn)備好的圖片資源拖至正確位置

3、確定background錨點(diǎn)（Anchor）

錨點(diǎn)（Anchor）是節(jié)點(diǎn)的另一個(gè)重要屬性，它決定了節(jié)點(diǎn)以自身約束框中的哪一個(gè)點(diǎn)作為整個(gè)節(jié)點(diǎn)的位置。

Anchor：https://docs.cocos.com/creato...

錨點(diǎn)位置確定后，所有子節(jié)點(diǎn)就會(huì)以 父節(jié)點(diǎn)錨點(diǎn)所在位置作為坐標(biāo)系原點(diǎn)。
因?yàn)楸居螒蛟O(shè)計(jì)為從上至下，所以background的錨點(diǎn)值設(shè)置為（0.5, 1）

4、設(shè)置background Y值為320（canvas Y值的一半），點(diǎn)擊bg1節(jié)點(diǎn)、拖動(dòng)藍(lán)色矩形或在屬性檢查器中改變position值致使背景與紫色矩形（camera節(jié)點(diǎn)）吻合（X值為0，即為居中）。游戲初始畫(huà)面為camera中內(nèi)容。

5、觀察實(shí)際效果

以下為實(shí)際效果，左側(cè)打開(kāi)欄目為不同手機(jī)分辨率模式。選擇后會(huì)發(fā)現(xiàn)畫(huà)面上方出現(xiàn)黑邊、同樣旋轉(zhuǎn)（rotate）也會(huì)有一樣狀況。
巨坑：因?yàn)榉直媛拾l(fā)生變化，導(dǎo)致canvas節(jié)點(diǎn)大小、位置都會(huì)發(fā)生變化。因此，一開(kāi)始所有的對(duì)齊都成無(wú)用功。

6、點(diǎn)擊background，在屬性檢查器中點(diǎn)擊“添加組件”，選擇UI的widget組件。點(diǎn)擊top（將background與父節(jié)點(diǎn)上邊界對(duì)齊）

widget組件：https://docs.cocos.com/creato...

改變canvas的屏幕適應(yīng)（以寬度為標(biāo)準(zhǔn)撐滿屏幕）。

現(xiàn)在所有分辨率下都不會(huì)出現(xiàn)問(wèn)題

腳本篇

1、創(chuàng)建小球節(jié)點(diǎn)（步驟同背景篇），更改player節(jié)點(diǎn)position坐標(biāo)、ball節(jié)點(diǎn)圖片

2、在scripts文件夾下新建javascript，ball.js

3、雙擊ball.js進(jìn)入編輯器，編輯小球?qū)傩?/p>

cc.Class聲明：https://docs.cocos.com/creato...

4、在ball節(jié)點(diǎn)，屬性檢查器中“添加組件”，選擇用戶腳本組件-->ball
將層級(jí)管理器中“Main Camera”和“background”節(jié)點(diǎn)分別拖至相應(yīng)位置，即可在ball.js腳本中訪問(wèn)相應(yīng)節(jié)點(diǎn)的實(shí)例化對(duì)象

5、編輯ball.js方法

生命周期回調(diào)：https://docs.cocos.com/creato...

6、使用js和官方提供的API編寫(xiě)自定義函數(shù)來(lái)實(shí)現(xiàn)你想實(shí)現(xiàn)的功能

Cocos Creator v2.0 用戶手冊(cè)：https://docs.cocos.com/creato...
API參考：https://docs.cocos.com/creato...

追加

以下為我未在上面講述，但是比較重要的內(nèi)容，官方教程這些地方很詳細(xì)

預(yù)制資源：https://docs.cocos.com/creato...

碰撞系統(tǒng)：https://docs.cocos.com/creato...

動(dòng)畫(huà)系統(tǒng)：https://docs.cocos.com/creato...

動(dòng)畫(huà)編輯完點(diǎn)擊在“場(chǎng)景編輯器”保存，不編輯點(diǎn)擊關(guān)閉。一個(gè)Animation組件掛載多個(gè)clip，編輯時(shí)在“動(dòng)畫(huà)編輯器”左下角切換

音樂(lè)和音效：https://docs.cocos.com/creato...

感謝閱讀至此

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106311.html

相關(guān)文章

  • 小游戲開(kāi)發(fā)上手體驗(yàn) - Cocos Creator

    摘要：但開(kāi)發(fā)的游戲是無(wú)法通過(guò)網(wǎng)頁(yè)發(fā)給別人在線玩的，更不能做成微信小游戲。它使用作為開(kāi)發(fā)語(yǔ)言，開(kāi)發(fā)出的游戲可以直接生成微信小游戲網(wǎng)頁(yè)安卓等平臺(tái)上的版本。 微信群里最大的騷擾源有兩種： 一是轉(zhuǎn)發(fā)#吱口令#~！@#￥%……&*，長(zhǎng)按復(fù)制此消息領(lǐng)紅包之類的 另一種就是各種小程序和小游戲的分享 前天有同學(xué)無(wú)意間把一個(gè)小游戲分享到了答疑群中，我看了一下，其實(shí)游戲的代碼邏輯并不復(fù)雜（簡(jiǎn)化版的跳一跳，套上個(gè)...

    zhiwei 評(píng)論0 收藏0

  • Cocos Creator—如何給資源打MD5版本號(hào)

    摘要：從年底開(kāi)發(fā)組就說(shuō)要支持，等了大半年，新的內(nèi)測(cè)版本終于增加了的功能，但效果也是差強(qiáng)人意。實(shí)際上我不會(huì)把這幾個(gè)和打版本號(hào)的。最后產(chǎn)出會(huì)把這幾個(gè)文件合并到中。 Cocos Creator 是Cocos最新一代的游戲開(kāi)發(fā)者工具，基于 Cocos2d-x，組件化，腳本化，數(shù)據(jù)驅(qū)動(dòng)，跨平臺(tái)發(fā)布。Cocos Creator的開(kāi)發(fā)思路已經(jīng)逐步跟Unity 3D靠攏，寫(xiě)起來(lái)也更方便快捷，開(kāi)發(fā)效率更高。 ...

    lk20150415 評(píng)論0 收藏0

  • cocos creator 事件

    摘要：事件在做一個(gè)消除類游戲時(shí)，需要對(duì)點(diǎn)擊的方塊做出響應(yīng)。普通節(jié)點(diǎn)注冊(cè)事件在中如果需要相應(yīng)事件，需要為該節(jié)點(diǎn)添加一個(gè)組件。，事件冒泡利用自定義事件的屬性，實(shí)現(xiàn)冒泡。 cocos creator 事件 在做一個(gè)消除類游戲時(shí)，需要對(duì)點(diǎn)擊的方塊做出響應(yīng)。代碼很簡(jiǎn)單，可背后的原理還多著呢。 1. 普通節(jié)點(diǎn)注冊(cè)click事件 在cc中如果需要相應(yīng)click事件，需要為該節(jié)點(diǎn)添加一個(gè)Button組件?；?..

    since1986 評(píng)論0 收藏0

  • Cocos Creator—最佳構(gòu)建部署實(shí)踐

    摘要：本篇我們會(huì)基于的官方示例做分析，我在原的基礎(chǔ)上增加了部署的腳本，部署到又拍云和騰訊云。文件資源增加版本號(hào)版本號(hào)的方案跟之前的文章基本一致，這個(gè)流程在版本應(yīng)該可以忽略了。 這篇文章主要是我們團(tuán)隊(duì)在使用Cocos Creator過(guò)程中的一些關(guān)于部署方面的實(shí)踐總結(jié)，標(biāo)題黨了一回，嚴(yán)格來(lái)說(shuō)，應(yīng)該是《快看漫畫(huà)游戲研發(fā)團(tuán)隊(duì)使用Cocos Creator構(gòu)建部署最佳實(shí)踐》，對(duì)于其他團(tuán)隊(duì)可能并不是。 ...

    caohaoyu 評(píng)論0 收藏0

  • cocos creator游戲開(kāi)發(fā)

    摘要：自從調(diào)整游戲難度后我的最高分重來(lái)就沒(méi)有超過(guò)生命最高分來(lái)點(diǎn)實(shí)際的做技術(shù)嘛，大多都是做點(diǎn)總結(jié)吧開(kāi)源地址在基本中定義的屬性，切記在編輯器中拖動(dòng)綁定多看官網(wǎng)，多開(kāi)實(shí)例代碼發(fā)布微信小游戲一定不要有英文，會(huì)導(dǎo)致審核不通過(guò) 1.初來(lái)乍到 打開(kāi) Cocos Creator 點(diǎn)擊新建空白項(xiàng)目，在默認(rèn)布局的左下區(qū)域，一個(gè)黃黃assets文件夾映入眼簾。作為前端的你對(duì)這個(gè)文件是不是再熟悉不過(guò)了。是的，和你想...

    SoapEye 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<