(轉)CocosCreator零基礎制作游戲《極限跳躍》二、制作游戲開始場景

CocosCreator零基礎制作游戲《極限跳躍》二、制作游戲開始場景

?

我們剛剛分析了《極限跳躍》這款游戲,下面我們開始制作第一個游戲場景,也就是游戲的開始場景。

首先,打開CocosCreator,新建HelloWorld項目。選擇項目路徑,輸入項目名稱“jxty”,點擊新建項目。?

QQ20160529-1@2x.png?

新建好項目,項目會自動打開。這里大家可以看下官方的文檔,了解 下編輯器的功能和用法。

QQ20160529-3@2x.png

資源管理器里顯示了項目資源文件夾(assets)中的所有資源。這里會以樹狀結構顯示文件夾并自動同步在操作系統中對項目資源文件夾內容的修改。您可以將文件從項目外面直接拖拽進來,或使用菜單導入資源。

?

場景編輯器是用來展示和編輯場景中可視內容的工作區域。所見即所得的場景搭建工作都依靠場景編輯器中的顯示來完成。

?

層級管理器用樹狀列表的形式展示場景中的所有節點和他們的層級關系,所有在場景編輯器中看到的內容都可以在層級管理器中找到對應的節點條目,在編輯場景時這兩個面板的內容會同步顯示,一般我們也會同時使用這兩個面板來搭建場景。

?

屬性檢查器是我們查看并編輯當前選中節點和組件屬性的工作區域,這個面板會以最適合的形式展示和編輯來自腳本定義的屬性數據

?

工具欄上包括了場景編輯工具和預覽游戲時的操作按鈕,最右邊顯示了遠程測試和調試時使用訪問地址,以及連接中的設備數。

?

?

首先我們點擊工具欄上的預覽按鈕來查看當前場景的顯示。?

QQ20160529-4@2x.png

QQ20160529-5@2x.png

簡單的熟悉下編輯器怎么用的,下面開始我們的主題。。

?

一、創建場景?

?

在資源管理器中,我們選中Scene文件夾,點擊鼠標右鍵,選擇[新建]=》[Scene],就會創建一個新的場景,New Scene。我們右鍵對它重命名為WelcomeScene。如圖。

QQ20160529-6@2x.png

?

?

下面我們把游戲用到的資源全部放倒資源管理器中的Texture文件夾中。雙擊 WelcomeScene打開場景界面。新建的場景默認都是空的,這里我們調整場景大小為480x800像素大小的豎屏游戲。

QQ20160529-7@2x.png

?

二、把背景素材拖進層級管理器,注意節點的層級關系,然后調節屬性即可。

QQ20160529-8@2x.png

?

使用相同的方法,把我們主場景的logo,還有底部的邊欄也放進場景。

開始按鈕我們使用UI節點來創建,右鍵點擊Canvas,創建節點=》創建UI節點=》Button(按鈕)。

創建好后,修改節點名稱為kaishiyouxi,并刪除子節點label。然后把對應狀態資源拖進對應的狀態即可。如圖所示。

QQ20160529-23@2x.png

效果是不是還可以啊。是不是大家感覺很簡單啊。。接著繼續學習下一個場景。

?

原文地址:https://www.byjth.com/jixiantiaoyue/67.html

轉載于:https://www.cnblogs.com/wodehao0808/p/9122799.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/397837.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/397837.shtml
英文地址,請注明出處:http://en.pswp.cn/news/397837.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

連接池超時配置_HttpClient連接池的一些思考

前言使用apache的httpclient進行http的交互處理已經很長時間了,而httpclient實例則使用了http連接池,想必大家也沒有關心過連接池的管理。事實上,通過分析httpclient源碼,發現它很優雅地隱藏了所有的連接池管理細節,開…

android界面布局錯位,IOS 瀏覽器頁面布局錯位(如:點不到)的分析與解決

IOS 瀏覽器頁面布局錯位(如:點不到)的分析與解決IOS 瀏覽器軟鍵盤的拉起與收縮、微信 IOS 瀏覽器底部導航條的顯示與隱藏,很容易導致頁面布局錯位(相對窗體的絕對定位元素):明明按鈕在這里,卻要在上面一點兒點擊屏幕才能點到它明明…

做進度條 根據自己的數據顯示進度

做了很多種方法 1: 線程 thread的方法 2: backGroundWorker的方法 3: 自定義線程類 4: 做一個進度條的窗體 通過自定義設置做(最方便快捷) public partial class waitingProcessbar : Form{public waitin…

視圖和模型變換

視圖變換,是指變換照相機的位置,角度。 模型變換,是指變換被照物體的位置,角度。 這兩個變換,都會影響最終圖形中,物體的位置,角度。而這兩個變換,可以達到相同的效果。比如&#x…

phoenix的元數據一般存在哪里_Phoenix的一些問題

date: 2020-09-10 13:50:00updated: 2020-09-14 16:30:001. Phoenix索引全局索引:適合讀多寫少的場景。寫數據時因為索引表分布在不同數據節點,跨節點數據傳輸帶來巨大的性能消耗。全局索引必須是查詢語句中所有列都包含在全局索引中,它才會生…

鴻蒙os全面升級,華為突然宣布,鴻蒙OS正式版6月底全面升級,幸福來得太突然...

原標題:華為突然宣布,鴻蒙OS正式版6月底全面升級,幸福來得太突然摘要:早在今年2月華為Mate X2折疊屏新品發布會上,余承東曾表示,鴻蒙OS正式版將于今年4月份全面上線。或許是因為華為宣布賣車分散了很多的精…

5-python學習——條件語句

5-python學習——條件語句 5-python學習——條件語句 條件語句if else形式if else條件語句說明 測試一下編程語言一般都由這么幾個部分組成 變量條件分支語句循環語句函數這里要說的就是條件分支語句。 python的條件語句和shell腳本的非常像,也就是if else if else這…

eclipse啟動失敗:An internal error occurred during: reload maven project

2019獨角獸企業重金招聘Python工程師標準>>> 1.找到workspace文件夾下的/.metadata文件夾,將其刪除掉,然后在講項目重新導入進去eclipse中。但是這個有一點不好的地方,之前對eclipse所做的配置也會恢復為默認配置 2.在.metadata下…

Quartz2D知識點聚合案例

Quartz2D知識點聚合 基本 //畫圖片UIImage *image [UIImage imageNamed:"阿貍頭像"];[image drawInRect:rect];//字體NSString *title "標題";NSMutableDictionary *atr [NSMutableDictionary dictionary];atr[NSFontAttributeName] [UIFont systemFon…

skt7850鴻蒙策略,lol 英雄聯盟 SKT狀態回暖輕取外卡,SUP難擋Faker

MSI 第四日 SUP vs SKT雙方bpBAN LISTBAN:SUP:流浪 牛頭 豹女SKT:巴德 妖姬 魚人PICKSUP:大樹 男槍 冰女 盧錫安 錘石SKT:艾克 千玨 沙皇 EZ 布隆比賽開始,雙方正常對線開局。前期下路錘石多次勾中ez,男槍也來逼出EZ布…

spring集成struts2

Struts2前身是WebWork,核心并沒有改變,其實就是把WebWork改名為struts2,與Struts1一點關系沒有。 Struts2中通過ObjectFactory接口實現創建及獲取Action實例,類似于Spring的IoC容器,所以Action實例可以由ObjectFactory…

slqite3庫查詢數據處理方式_SQLite3命令操作大全

SQLite3命令操作大全SQLite庫包含一個名字叫做sqlite3的命令行,它可以讓用戶手工輸入并執行面向SQLite數據庫的SQL命令。本文檔提供一個樣使用sqlite3的簡要說明.一.qlite3一些常用Sql語句操作創建表: create table 表名(元素名 類型,…);刪除表: drop …

Android學習之查看網絡圖片

在這里小編學習了查看網絡圖片的小案例,: 初始界面: 點擊瀏覽后,效果如下: 需要注意的是 該案例需要獲取聯網權限,即: <uses-permission android:name"android.permission.INTERNET"/>具體步驟如下: 1.定義并初始化控件: private EditText etImageUrl;private …

AutoLayout 淺析動畫

1.AutoLayout相關的幾個易混淆的方法 setNeedsLayout layoutIfNeeded layoutSubViews setNeedsUpdateConstraints updateConstraitsIfNeed updateConstraints 子視圖在界面上的顯示大概經過了&#xff1a;更新約束-通過約束依賴關系得到具體的frame-展示到界面。上面幾個是和au…

vue 轉為靜態html,Vue CLI 3使用:HTML和靜態資源(五)

HTMLpublic/index.html 文件是一個會被 html-webpack-plugin 處理的模板。構建中&#xff0c;各種資源路徑會被注入解析。可以使用 lodash template 語法插入內容。用來做不轉義插值&#xff1b;用來做 HTML 轉義插值&#xff1b;用來描述 JavaScript 流程控制。除了被 html-we…

animate css3 應用的借鑒,一個同事寫的JS

$("#banner").height($(window).height()-125);$(window).resize(function(){ $("#banner").height($(window).height()-125);}); //首頁幻燈$(".indeximgs:first").show();var i0;$(".leftbut").click(function(){$(".indexim…

從html導出帶樣式的excel,Jquery導出帶樣式的Excel

工作中做導出的時候&#xff0c;需要導出自定義的表格或嫌棄導出的Excel格式太難看了。需要設置顏色、字號大小、加粗、合并單元格等等。特性&#xff1a;支持過濾 某個位置支持過濾 img 標簽支持過濾 a 標簽支持過濾 input 標簽支持包含 行內樣式。HTML頁面&#xff1a;HTML頁…

elementui from表單提交_elementui upload與form一起提交

學生基本信息管理操作中&#xff0c;有照片&#xff0c;可以上傳也可以不上傳&#xff0c;在表單界面可以修改照片&#xff0c;el-upload控件可以帶額外參數提交&#xff0c;jquery的post模擬不了成表單帶文件提交的方式&#xff0c;因此&#xff0c;判斷如果有上傳文件時&…

information_schema.character_sets 學習

information_schema.character_sets 表用于查看字符集的詳細信息 1、character_sets 常用列說明&#xff1a; 1、character_set_name&#xff1a;    字符集名 2、default_collate_name&#xff1a;    默認排序規則   3、description&#xff1a;         …

asp.net mvc 用Redis實現分布式集群共享Session。

1、這兩天研究Redis搞分布式session問題&#xff0c;網上找的資料都是用ServiceStack.Redis來實現的&#xff0c;但是在做性能測試的時候發現最新的v4版本有限制每小時候最多請求6000次&#xff0c;因為官網開始商業化要收費了&#xff0c;好坑爹的說&#xff0c;還好我前期弄了…