つまらないですか、「飛行機大戦」と書いて遊びましょう.
5006 ワード
今日杭州はまた大雨で、ぬれねずみになって、すべて私の家のオオカミの犬が電気自動車に乗らなければならないことを責めて、私は昨日買うかっこいいレインコートがまだ買っていないとツッコミを入れて、しかし大雨と飛行機の大戦の小さいゲームは更に似合います.
この文章は我が社の王老吉さんから来て、みんなが公众号に関心を持つことを歓迎して、公众号の楽屋で“私は体験します”を返事して群に入って、自分で大神(かっこよくて独身)がJavaScriptで书いた小さいプログラムのゲームを体験することができます~~(金を掘るおじいさん达が比较的に多いようで、これはあまりよくありません~、急いで彼に见合いの帖を书きます)
一、はじめに
微信小游びは微信クライアントに基づくゲームで、それはすぐに游び、ダウンロードしてインストールする必要がなく、体験が軽くて、微信内の友达と一绪に游ぶことができて、例えばPK、囲観など、小游びの楽しみを楽しむことができます.では、どのようにして自分のゲームを開発しますか?ソースアドレス:github.com/A 123 asdo 11/…(新版cccは正常に使用できず、修復が必要で、文章の作者は大量の時間と精力を費やし、ccc 2.0以上のバージョンで修復を行い、微信小ゲームで正常に動作している)
二、微信小ゲーム機大戦の概要
1、大事記
クラシック航空機大戦はテンセント交流ソフト微信5.0バージョンが2013年8月に発売したソフトウェア内蔵クラシックゲームである.微信はすでに正式に微信内蔵機大戦ゲームを発表しており、現在、このゲームはすでにラインオフしている. 2、遊び方紹介
プレイヤーはゲームの開始をクリックして自分の大きな飛行機を移動し、向こうから来た他の飛行機を避けたとき、大きな飛行機は砲弾を発射して他の小さな飛行機を撃ち落とすことで点数を取った.他の飛行機にぶつかると、ゲームは終わります.このとき、画面には今回のプレイヤーの飛行機大戦の点数が表示されます.履歴をクリックすると「履歴ランキング」が表示されます.再挑戦をクリックして再プレイを続行します.ゲームを終了したら、ゲーム開始待ちページに戻ります.
3、ゲーム紹介
1)、まず飛行機の点数をはっきりさせ、小飛行機は1000点です.中飛行機4000分です.大きな飛行機は16000分です.できるだけ中大飛行機を怒らせないでください.爆発に間に合わずに降りたり、後ろに中大飛行機がついたりします.2)、携帯電話の画面は感度が高く、大画面のpadや長めの携帯電話で遊ぶのが有利です.(前の障害物が見えるから)3)、できるだけ長く生きて、安全第一.安全な時、開始が遅い時、もっと小さな飛行機を打って、点数を蓄積することができます.宇宙船に出会って、前に出撃することができて、しばらく撃って破壊する必要があります.4)、青い二色砲弾を食べたら迷わず、できるだけ多くの、大きな場所を探して打ってください.身の回りに爆弾を残したほうがいいです.肝心な時に急いでください.後ろのスピードが速くて、飛行機が密集しています.5)、手を洗い、手やスクリーンに汗をかいてはいけません.水浸し、油漬けなどの影響が発揮されます.指、スクリーンの滑らかさを維持します.6)、伝统的な飞行机射撃ゲームと同じように、このゲーム机もぶつかると死ぬのではなく、飞行机には一つの点があります.おそらく最も中心的なもので、敌机にぶつからない限り、両翼にぶつかると爆発しませんが、この方法は把握できません.活用する方法は、スクリーンの一番左か一番右に隠れて、中心部を隠す.7)、もし飞行机がなくなったら、友达に頼むことができて、もし友达が一定の时间にあなたにあげていないならば、あるいは友达があなたに飞行机をあげていないならば、実は焦って一定の时间に着いて、飞行机はブラシをかけることができて、またブラシをかけることができます.8)、ゲーム画面のプレビュー
ゲームを体験したいユーザーは、私の公式アカウントに注目し、メッセージに返信してください.「体験したい」と、ラッキープレイヤーをランダムに抽出します.定員は限られていますよ!!!天選の人こそ遊べるよ
三、ゲームシーンのデザイン
1)、スタートシーン
A、メイン画面(公共背景図、動画小飛行機)B、ゲーム開始ボタン
2)、ゲームシーン
A、英雄機①、弾丸(無限、赤)、スーパー弾丸(有限、青)、弾丸衝突敵機
②、英雄機移動、弾丸追従移動
③、主役が敵機にぶつかる
B、敵機①、小、中、大敵機ランダム生成
②、敵機生命値、得点C、BUFF
(爆弾)、(スーパー弾丸、青い弾丸クリップ)D、一時停止、点数、爆弾クリップ
3)、GameOverシーン
A、主人公が敵機に衝突した後にゲームが終わって、現在獲得した点数Bを展示して、メインインタフェースの上で歴史の最高点数Cを展示して、プレーヤーはボタンを選ぶことができて、再び挑戦して、歴史の得点、ゲームを退出します
Cocos creatorツールはディレクトリ構造をプレビューします:
階層マネージャCanvas:キャンバス、開発者はキャンバスの中で精霊、ノードなどの内容を作成するために使用しますMainCamera:カメラ、プレイヤーがゲームの世界を観察するウィンドウ、1つのシーンに少なくとも1つのカメラがあり、シーンをレンダリングするために使用されます.また、空のノード、UIノード、レンダリングノードを追加することができます.
四、方案実現
cocos creatorを使用して、start(開始ページ)、main(ゲームホームページ)、historyScore(履歴スコアページ)、end(ゲーム終了ページ)のシーンsceneを作成します.
1、公共部分
すべてのシーンの適応幅と高さを設計し、sizeはw:640、h:136で、レベルのcanvas要素canvasレベルでspriteを作成し、リソースマネージャTextureでbackgroundをspriteFrameにドラッグします.
2、開始ページ
タイトル、spriteの追加、「shoot_copyright」をドラッグ「小飛行機アニメーション、animationノードを追加し、リソース管理下のanimationフォルダの下のgame_loadingをdefault Clipにドラッグします.clipsはスクリプトでアクセスできるアニメーションclipリストです.playOnLoadはゲーム実行後に自動的にアニメーション開始ボタンを再生します.buttonノードを追加します.labelテキストノードを持っています.ボタンの背景図を設定してから、labelを変更します.「ゲーム開始」をクリックしてゲームを開始するとシーン切替がトリガーされ、リソース管理Scriptフォルダの下にstartが追加されます.jsは、主にアニメーションノードオブジェクトを明らかにし、propertiesはスクリプトオブジェクトのカスタム属性であり、ノードをドラッグしたり、編集したりする操作に使用でき、start.jsはレベルcanvasの下にドラッグ&ドロップし、game_loadingアニメーションノードをGameLoadingにドラッグします.buttonボタンはClick Eventsを1に設定し、レベルのstartノードを追加し、関数コードの説明を設定する必要があります.
this.game_loading.getComponent(cc.Animation);//はい、現在のプロパティgame_を取得します.loadingアニメーションノードgameloading&&gameloading.play();//このノードオブジェクトが存在する場合、アニメーション再生イベントplay()ccが実行される.director.preloadScene('main');//ccを使用する.director監督対象者はpreloadSceneプリロードmainシーン3、ゲームホームページ(イベント分割)一時停止ボタン、点数、爆弾クリップ、button、label、sprite(サブノードlabel)を追加する.一時停止ボタンの通常状態を設定し、下などの背景図(押下状態変化に達する)を押してクリックイベントpauseClickをバインドする
主人公が衝突するとonCollisionEnterイベントが実行されます.衝突したノードがBUFFか敵機かを判断する.敵機はランダムに上部から下へ生成され、計3種類の敵機があり、小、中、大である.
オブジェクトプールがある場合、ランダムに敵機を生成し、各敵機に回収メカニズムをバインドします.
英雄機と敵機の衝突
緑の接続線はマルチエッジ衝突であり、衝突コンポーネントを生成する必要があります.弾丸の生成と衝突
4、Game Overページ
現在のスコアをccに基づいてレンダリングする.sys.localStorageが保存するローカルデータlabelのstringプロパティを取得して設定
各ボタンbuttonに対応するイベントをバインドする
5、歴史成績ページ
Spriteは背景フレームのリストとして、scrollviewはスクロール容器のコンポーネントとして、maskマスク層のコンポーネントと、scrollbarの実装内容を加えて可視領域に展示する、シーンロード時には、点数オブジェクトを遍歴し、ccによる.instantiateはprefabノードをクローンし、scrollContentノードのコンテンツにサブノードを追加し、サブノードの表示コンテンツscoreとtimeを初期化する.
(end)以上がすべてのシーンsceneに対応する機能です.
文章の内容が長いため、金持ちのおばあさんはすでに一部の内容を分割して、次の編(どのように図集を作って、ani、prefab、音楽clip資源、ゲームの配置、ゲームのオンライン)を期待してください.
文の中でもし间违いがあるならば、各位の斧正を歓迎します~~公众号【Webの先端Talk】公众号の楽屋で“私は体験します”を返事することを歓迎して、かっこいい独身のプログラム猿のお兄さんにあなたを群に引き入れてゲームを体験させます~~
この文章は我が社の王老吉さんから来て、みんなが公众号に関心を持つことを歓迎して、公众号の楽屋で“私は体験します”を返事して群に入って、自分で大神(かっこよくて独身)がJavaScriptで书いた小さいプログラムのゲームを体験することができます~~(金を掘るおじいさん达が比较的に多いようで、これはあまりよくありません~、急いで彼に见合いの帖を书きます)
一、はじめに
微信小游びは微信クライアントに基づくゲームで、それはすぐに游び、ダウンロードしてインストールする必要がなく、体験が軽くて、微信内の友达と一绪に游ぶことができて、例えばPK、囲観など、小游びの楽しみを楽しむことができます.では、どのようにして自分のゲームを開発しますか?ソースアドレス:github.com/A 123 asdo 11/…(新版cccは正常に使用できず、修復が必要で、文章の作者は大量の時間と精力を費やし、ccc 2.0以上のバージョンで修復を行い、微信小ゲームで正常に動作している)
二、微信小ゲーム機大戦の概要
1、大事記
クラシック航空機大戦はテンセント交流ソフト微信5.0バージョンが2013年8月に発売したソフトウェア内蔵クラシックゲームである.微信はすでに正式に微信内蔵機大戦ゲームを発表しており、現在、このゲームはすでにラインオフしている. 2、遊び方紹介
プレイヤーはゲームの開始をクリックして自分の大きな飛行機を移動し、向こうから来た他の飛行機を避けたとき、大きな飛行機は砲弾を発射して他の小さな飛行機を撃ち落とすことで点数を取った.他の飛行機にぶつかると、ゲームは終わります.このとき、画面には今回のプレイヤーの飛行機大戦の点数が表示されます.履歴をクリックすると「履歴ランキング」が表示されます.再挑戦をクリックして再プレイを続行します.ゲームを終了したら、ゲーム開始待ちページに戻ります.
3、ゲーム紹介
1)、まず飛行機の点数をはっきりさせ、小飛行機は1000点です.中飛行機4000分です.大きな飛行機は16000分です.できるだけ中大飛行機を怒らせないでください.爆発に間に合わずに降りたり、後ろに中大飛行機がついたりします.2)、携帯電話の画面は感度が高く、大画面のpadや長めの携帯電話で遊ぶのが有利です.(前の障害物が見えるから)3)、できるだけ長く生きて、安全第一.安全な時、開始が遅い時、もっと小さな飛行機を打って、点数を蓄積することができます.宇宙船に出会って、前に出撃することができて、しばらく撃って破壊する必要があります.4)、青い二色砲弾を食べたら迷わず、できるだけ多くの、大きな場所を探して打ってください.身の回りに爆弾を残したほうがいいです.肝心な時に急いでください.後ろのスピードが速くて、飛行機が密集しています.5)、手を洗い、手やスクリーンに汗をかいてはいけません.水浸し、油漬けなどの影響が発揮されます.指、スクリーンの滑らかさを維持します.6)、伝统的な飞行机射撃ゲームと同じように、このゲーム机もぶつかると死ぬのではなく、飞行机には一つの点があります.おそらく最も中心的なもので、敌机にぶつからない限り、両翼にぶつかると爆発しませんが、この方法は把握できません.活用する方法は、スクリーンの一番左か一番右に隠れて、中心部を隠す.7)、もし飞行机がなくなったら、友达に頼むことができて、もし友达が一定の时间にあなたにあげていないならば、あるいは友达があなたに飞行机をあげていないならば、実は焦って一定の时间に着いて、飞行机はブラシをかけることができて、またブラシをかけることができます.8)、ゲーム画面のプレビュー
ゲームを体験したいユーザーは、私の公式アカウントに注目し、メッセージに返信してください.「体験したい」と、ラッキープレイヤーをランダムに抽出します.定員は限られていますよ!!!天選の人こそ遊べるよ
三、ゲームシーンのデザイン
1)、スタートシーン
A、メイン画面(公共背景図、動画小飛行機)B、ゲーム開始ボタン
2)、ゲームシーン
A、英雄機①、弾丸(無限、赤)、スーパー弾丸(有限、青)、弾丸衝突敵機
②、英雄機移動、弾丸追従移動
③、主役が敵機にぶつかる
B、敵機①、小、中、大敵機ランダム生成
②、敵機生命値、得点C、BUFF
(爆弾)、(スーパー弾丸、青い弾丸クリップ)D、一時停止、点数、爆弾クリップ
3)、GameOverシーン
A、主人公が敵機に衝突した後にゲームが終わって、現在獲得した点数Bを展示して、メインインタフェースの上で歴史の最高点数Cを展示して、プレーヤーはボタンを選ぶことができて、再び挑戦して、歴史の得点、ゲームを退出します
Cocos creatorツールはディレクトリ構造をプレビューします:
Scene: ,
Script: , ,
Texture: ,
Animation: ,
Prefab: ,
Sound:
階層マネージャCanvas:キャンバス、開発者はキャンバスの中で精霊、ノードなどの内容を作成するために使用しますMainCamera:カメラ、プレイヤーがゲームの世界を観察するウィンドウ、1つのシーンに少なくとも1つのカメラがあり、シーンをレンダリングするために使用されます.また、空のノード、UIノード、レンダリングノードを追加することができます.
四、方案実現
cocos creatorを使用して、start(開始ページ)、main(ゲームホームページ)、historyScore(履歴スコアページ)、end(ゲーム終了ページ)のシーンsceneを作成します.
1、公共部分
すべてのシーンの適応幅と高さを設計し、sizeはw:640、h:136で、レベルのcanvas要素canvasレベルでspriteを作成し、リソースマネージャTextureでbackgroundをspriteFrameにドラッグします.
2、開始ページ
タイトル、spriteの追加、「shoot_copyright」をドラッグ「小飛行機アニメーション、animationノードを追加し、リソース管理下のanimationフォルダの下のgame_loadingをdefault Clipにドラッグします.clipsはスクリプトでアクセスできるアニメーションclipリストです.playOnLoadはゲーム実行後に自動的にアニメーション開始ボタンを再生します.buttonノードを追加します.labelテキストノードを持っています.ボタンの背景図を設定してから、labelを変更します.「ゲーム開始」をクリックしてゲームを開始するとシーン切替がトリガーされ、リソース管理Scriptフォルダの下にstartが追加されます.jsは、主にアニメーションノードオブジェクトを明らかにし、propertiesはスクリプトオブジェクトのカスタム属性であり、ノードをドラッグしたり、編集したりする操作に使用でき、start.jsはレベルcanvasの下にドラッグ&ドロップし、game_loadingアニメーションノードをGameLoadingにドラッグします.buttonボタンはClick Eventsを1に設定し、レベルのstartノードを追加し、関数コードの説明を設定する必要があります.
this.game_loading.getComponent(cc.Animation);//はい、現在のプロパティgame_を取得します.loadingアニメーションノードgameloading&&gameloading.play();//このノードオブジェクトが存在する場合、アニメーション再生イベントplay()ccが実行される.director.preloadScene('main');//ccを使用する.director監督対象者はpreloadSceneプリロードmainシーン3、ゲームホームページ(イベント分割)一時停止ボタン、点数、爆弾クリップ、button、label、sprite(サブノードlabel)を追加する.一時停止ボタンの通常状態を設定し、下などの背景図(押下状態変化に達する)を押してクリックイベントpauseClickをバインドする
:
eState , 1 , , 、 、 、 ;
2 , , 、 、 、 ;
, 、 BUFF
, , sprite , hero.js, polygonCollider , animation 。
hero.js 4 , 、 、main 、
主人公が衝突するとonCollisionEnterイベントが実行されます.衝突したノードがBUFFか敵機かを判断する.敵機はランダムに上部から下へ生成され、計3種類の敵機があり、小、中、大である.
name: ,
freqTime: (s),
initPollCount: ,
prefab:
オブジェクトプールがある場合、ランダムに敵機を生成し、各敵機に回収メカニズムをバインドします.
英雄機と敵機の衝突
緑の接続線はマルチエッジ衝突であり、衝突コンポーネントを生成する必要があります.弾丸の生成と衝突
4、Game Overページ
現在のスコアをccに基づいてレンダリングする.sys.localStorageが保存するローカルデータlabelのstringプロパティを取得して設定
各ボタンbuttonに対応するイベントをバインドする
5、歴史成績ページ
Spriteは背景フレームのリストとして、scrollviewはスクロール容器のコンポーネントとして、maskマスク層のコンポーネントと、scrollbarの実装内容を加えて可視領域に展示する、シーンロード時には、点数オブジェクトを遍歴し、ccによる.instantiateはprefabノードをクローンし、scrollContentノードのコンテンツにサブノードを追加し、サブノードの表示コンテンツscoreとtimeを初期化する.
(end)以上がすべてのシーンsceneに対応する機能です.
文章の内容が長いため、金持ちのおばあさんはすでに一部の内容を分割して、次の編(どのように図集を作って、ani、prefab、音楽clip資源、ゲームの配置、ゲームのオンライン)を期待してください.
文の中でもし间违いがあるならば、各位の斧正を歓迎します~~公众号【Webの先端Talk】公众号の楽屋で“私は体験します”を返事することを歓迎して、かっこいい独身のプログラム猿のお兄さんにあなたを群に引き入れてゲームを体験させます~~