1. 程式人生 > >用Construct 2製作遊戲時的圖層和人物設定

用Construct 2製作遊戲時的圖層和人物設定

construct2能做什麼

construct2是一款跨平臺二維遊戲開發引擎,不需要編碼,通過定義各個部件和事件完成html5的遊戲開發。
該引擎可以將開發的封裝成多種形式,如phonegap、cocoonjs,再用相應工具生成ios和android的應用。

特點:
不需要程式設計,簡單直觀,入門容易。長處是開發射擊及動作類的平面遊戲。
有豐富的英文資料。

缺點:
工具自身無法直接打包應用,必須藉助第三方工具。
中文資料幾乎沒有。
(對我這種大一新生來說,看懂英文的路還很長啊。)

開始製作

1.明確佈局的規格

首先,我們需要創造一個比系統預設值更大的佈局(關卡)。在佈局中的空白位置左擊滑鼠,“屬性欄”將呈現出“佈局屬性”。將佈局的規格改為“4000 x 2048”。
這裡寫圖片描述

讓我們在佈局中平鋪背景影象。雙擊佈局中的一個空白位置,這時候將出現一個“插入物件”對話方塊,雙擊“背景圖層”物件以插入物件。
這裡寫圖片描述
這時候滑鼠將變成一個十字游標。不管你最初將滑鼠置於何處,這時候的你只要左擊佈局中的任何位置便可。隨後影象編輯器便會開啟,然後你便能夠選擇影象進行平鋪。讓我們從精靈包中輸入Background Image\Background.png檔案。點選“開啟”圖示而輸入影象。
這裡寫圖片描述

2.新增玩家人物

右擊動畫幀視窗並選擇“輸入精靈條”選項。選擇Player\Idle\Idle.png檔案。注意這是一個完整的精靈條,並不是任何一個動畫幀。你可以選擇“輸入幀”選擇並輸入檔案列。

因為精靈條並不是方形的,所以Construct 2需要明確幀的數量。最終它將能準確地定義幀數為11。然後我們只需要點選“OK”便能夠輸入幀。

需要注意的是我們在一開始也擁有一個預設的空白幀,現在我們可以右擊並刪除它了。所以最終你的玩家閒置動畫便擁有11個連續的動畫幀。
這裡寫圖片描述

有強迫症的小夥伴可能會注意到,玩家人物的周圍會有一些空白,怎麼樣去掉才能讓人物和背景更和諧呢?這個時候就要用到裁剪。那就是按住shift鍵並點選影象編輯工具欄上的“裁剪”按鈕。

接下來就是設定起點,所有遊戲的征程都要從起點開始嘛。在平臺遊戲中,我們最好把起點設定在玩家人物的腳上。為了明確起點,我們要點選影象編輯器中的“設定起點和影象點”選項。這時,玩家人物身上出現的小紅點就是起點,我們可以通過點選來改變它的位置。如果我們每一幀動畫都要設定起點就會很累啦,這時我們可以在彈出來的影象點視窗中右擊“origin”並點選”apply to whole animation”,就是應用到所有動畫中。

才剛剛開始接觸construct 2,也就先寫一點入門的啦。

相關推薦

Construct 2製作遊戲人物設定

construct2能做什麼 construct2是一款跨平臺二維遊戲開發引擎,不需要編碼,通過定義各個部件和事件完成html5的遊戲開發。 該引擎可以將開發的封裝成多種形式,如phonegap、cocoonjs,再用相應工具生成ios和android的應

construct 2製作遊戲如何改變人物預設的方向鍵

背景: 本人在製作雙人射擊遊戲時遇到需要使其中一個人物不用預設的↑←↓→鍵控制方向的問題,遂將其改為用WASD鍵控制方向。那麼,如何改變人物預設的方向鍵? 一、為人物新增8 Direction行為 只有添加了8 Direction行為,人物才會動起來。

CONSTRUCT 2製作遊戲心得。

今天我按照教程做了一個簡化版的小遊戲flappy bird 百度百科上的遊戲截圖是這樣的 想必大家都玩過這個遊戲。 製作遊戲的步驟大概分為如下幾個環節: 一、靜態圖 也就是說你這個遊戲的背景、組成元素是什麼。這就需要自己在製作遊戲之前先構思自己想要做一

Construct 2製作入門小遊戲~

今天在軟導課上了解到了Construct 2這個神器,本零基礎菜鳥決定嘗試做一個簡單的小遊戲(實際上是入門的教程啊= = 首先呢,肯定是到官網下載軟體啊,點選我下載~ 等安裝完畢後我便按照新手教程開始搗鼓了 ①先下載素材(準備個雙鴨山校徽做彩蛋,嘿嘿) ②安裝教程進行佈局

Construct 2製作一款簡單的html遊戲

很多人都喜歡玩遊戲,可是說到製作遊戲,絕大多數人就開始撓頭了,今天博主就向大家展示如何製作一款簡單的html遊戲。 一、下載並安裝Construct 2 點選這裡以下載最新版本的Construct 2 進入網頁後點擊Download即可下載 二、新建一個專

再次使用construct 2製作遊戲

引入  製作遊戲,豈非一朝一夕的事,如今吾之程式碼能力較第一次做所謂遊戲時已有一定的提高,但想要單純依靠程式碼便製作出可觀的能玩的遊戲是何等的不現實啊,因此第二次,我還是依靠construct 2這款非常優秀的軟體,在第一次的遊戲的基礎上加大了遊戲的可玩性。

creator2.0.2 native遊戲微信分享

cocos creator 2.0.2後 遊戲內截圖,native微信SDK分享程式碼: public static wxShareScreenShot(sType: number) {   let node = new cc.Node();   node.parent = cc.

怎麼在手機中對CAD圖紙進行佈局管理?

怎麼在手機中對CAD圖紙進行圖層和佈局管理?現在隨著科技的發展,對我們的生活和工作都有了很大的變化,現在手機不僅僅只是一個通話工具了,現在它有了更大的作用,就是在手機中也能輕輕鬆鬆的完成工作,那就是可以在手機中對CAD圖紙進行管理,以前只能在電腦中完成,現在移動端也可以實現。但是怎麼在手機中對CAD圖紙進行圖

[ObjectARX]示範建立新iterator的使用

在該應用程式中, 示範建立一個新的圖層,怎樣設定層的顏色和線型; 示範怎樣使用瀏覽器(iterator). 一、命令函式aaaMyGroupMyCommand的實現: static void aaaMyGroupMyCommand () { acutPr

QGis 屬形設定

QGis 載入的圖層包括向量圖層和柵格圖層,向量圖層中通常有點、線、面三種常用的圖層。載入後的圖層顯示的風格各異,但是我們可以對他們的不同的風格進行設定使其看起來很好看。 看一下設定的效果: 點圖層 線圖層 面圖層 1.點圖層設定關鍵程式碼

PADS Layout設計PCB顏色的設定

在使用PADS Layout進行PCB設計時,為了便於檢視,都會給每個層設定不同的顏色。在PADS中頂層(top)預設為藍色,底層(bottom)預設為紅色,這個和Altium Designer中的預設顏色是相反的。每層都包含許多器件、走線、銅箔等等,也可以分別為這些元素設定

【worldwind學習】worldwindjava新增google中國衛星切片糾偏

1.worldwindjava新增谷歌衛星圖層 /* * Copyright (C) 2017 United States Government as represented by the Administrator of the * National Aeronau

根據名獲取序號

很普遍的一個函式,留作備用,以後懶得寫了 //根據圖層名獲取圖層 private ILayer PRV_GetLayersByName(string IN_Name)

手動動畫(9.2 時間)

void ner pda horizon aps splay container load set 手動動畫 timeOffset一個很有用的功能在於你可以它可以讓你手動控制動畫進程,通過設置speed為0,可以禁用動畫的自動播放,然後來使用timeOffset來來回顯

離屏渲染(性能 15.2)

end 指定 性能 希望 idl 一個 aps 性能問題 main 離屏渲染 當圖層屬性的混合體被指定為在未預合成之前不能直接在屏幕中繪制時,屏幕外渲染就被喚起了。屏幕外渲染並不意味著軟件繪制,但是它意味著圖層必須在被顯示之前在一個屏幕外上下文中被渲染(不論CPU還是GPU

冗余實現元件中心點與註冊點的合一

巧用冗余圖層實現元件中心點與註冊點的合一在Flash中,創建的每個元件都有一個註冊點和一個中心點。這兩個點都可以用於定位和作用參照點使用,其中,中心點還是元件旋轉的參照點。在元件進行以自身中心點旋轉時,中心點的位置就決定了元件堂堂正正的旋轉,還是歪歪扭扭的旋轉。文字的描述不如直接使用實例來得詳細,下面就通過一

Cocos Code IDE 2.0 BATE 創建遊戲註意事項

nbsp 創建lua項目 分享 png 成功 com .cn cnblogs 路徑 1.創建Lua項目成功後並打開,然後手動生成模擬器 2. 配置項目模擬器路徑 Cocos Code IDE 2.0 BATE 創建遊戲時註意事項

3-2 官方文檔整理-視-WXSS

插入內容 樣式 splay 屏幕 wxs 整理 像素 pad resp 【參考內容】:可參考W3C School 中CSS部分:鏈接地址: http://www.w3school.com.cn/h.asp 【作用】   WXSS(WeiXin Style Sheets)是一

Echarts製作動態條形排行榜

最近在做各種排行榜的視訊,整體排行榜的頁面圖形效果都是用另外一個開原始碼實現的,主體是js+svg。 https://www.bilibili.com/video/av28871057/ echarts作為封裝很好的一套視覺化庫,不知道是否能做到相同的事情呢? 生產條形圖 最開始

ArcEngine10.2設計與開發課程學習(作業一)——地圖、載入及屬性訪問

先說一句,我是新手,剛註冊的CSDN,剛學的C#和engine,剛寫的文章。下面的程式碼質量肯定是經不住的,慢慢來,相信有很多和我一樣的未入門級的同胞,沒事的,都是這麼一竅不通過來的啦,我也是斷斷續續折騰了好幾天搞出來的。踩了賊多坑,也都是很**的坑,建議還是瞭解一下控制元件和類的功能實現原理等等,