1. 程式人生 > >【Cocos Creator 基礎教程(其他)】—— 利用 Github Pages 釋出遊戲

【Cocos Creator 基礎教程(其他)】—— 利用 Github Pages 釋出遊戲

首先你要有一個做好的遊戲

點選選單欄下的 專案-》構建釋出

釋出平臺選擇Web Desktop(適合電腦端訪問)

這裡寫圖片描述

點選構建後再點選執行,根據執行效果 調整解析度,儘量讓整個遊戲可以完整的顯示在一頁。

像這樣

這裡寫圖片描述

釋出平臺再改成 Web Mobile(適合手機端訪問)

這裡寫圖片描述

要注意的是裝置方向和初始場景

點選構建後再點執行,Chrome瀏覽器 Windows 按F12,Mac 按command+option+i,或右上角-》更多工具-》開發者工具,開啟開發者工具,點選手機圖表預覽手機效果

這裡寫圖片描述

點選開啟按鈕,進入釋出的路徑,發現有兩個構建好的包,接下來我們把這倆個包分別釋出到電腦端和手機端。

這裡寫圖片描述

這裡假設你沒用過 github

下載,安裝git

註冊github

如果搞不定這三步,就放棄這行吧

記住賬號密碼

開啟git自帶的git bash或者系統自帶的terminal

輸入

git version

顯示版本號代表安裝git成功

git config --global user.name "你的名字啊" //設定使用者名稱 
git config --global user.email "你的郵箱啊@123.com" //設定郵箱

進入github網站,右上角加號新建一個倉庫,倉庫名字保證是這個格式 “你的賬戶名.github.io”,只有這個倉庫才可以使用github pages 功能。

這裡寫圖片描述

進入 使用者名稱.github.io這個倉庫的設定介面,拉到下面,隨便選一個主題。

這裡寫圖片描述

這裡寫圖片描述

複製倉庫連結(如果你是新建的倉庫就應該什麼都沒有)
這裡寫圖片描述

terminal裡

git clone 倉庫連結

將最開始構建的 web-desktop 和 web-mobile 包拷貝到倉庫目錄

並將其改名為 star-catcher 和 star-catcher-m

這裡寫圖片描述

terminal 輸入

git add .
git commit -m "新增摘星星遊戲"
git push -u origin master

需要輸入密碼就輸

這裡寫圖片描述

最後就可以通過倉庫名加遊戲路徑訪問遊戲了

這是我的

Github Pages 還有很多功能,自行參悟。

相關推薦

Cocos Creator 基礎教程(其他)—— 利用 Github Pages 釋出遊戲

首先你要有一個做好的遊戲 點選選單欄下的 專案-》構建釋出 釋出平臺選擇Web Desktop(適合電腦端訪問) 點選構建後再點選執行,根據執行效果 調整解析度,儘量讓整個遊戲可以完整的顯示在一頁。 像這樣 釋出平臺再改成 Web Mobile

Cocos Creator 實戰教程(2)——天天酷跑(動畫、動作相關)

轉載請保留原文連結,個人公眾號:xinshouit(新手程式設計師),歡迎關注 準備工作 把背景圖拉長,很長很長的那種。。。。一會我們要讓它滑動起來 背景動畫 為背景節點

Cocos Creator實戰教程(8)——打磚塊(物理引擎)

轉自:http://blog.csdn.net/potato47/article/details/73197021失蹤人口迴歸 本篇教程要基於Cocos Creator1.5的物理引擎,編寫一個簡單的打磚塊遊戲,儘可能多講一點,但現在已經快11點了,我12點要睡覺啊,好像又講

Cocos Creator實戰教程(6)——get47(數字消除)

先來看一下游戲效果 遊戲玩法: 遊戲操作仿的是天天愛消除,點選一個方塊向相鄰的方塊滑動就會交換兩個方塊 當沒有可移動的方塊時,可以點選下面的update按鈕 橫向相連的方塊數字之和會增加分數,縱向相連的方塊數字之和會減少分數 最終目的就是get47

Cocos Creator教程——蝸牛過橋(

初學Cocos Creator,做了個小遊戲與大家分享線上體驗:(IE10可行,360瀏覽器可能會有問題,其它瀏覽器自測)1.     建立以下資料夾,新建一個場景game_scene,並將圖片、字型資源匯入。2.     設定Canvas大小為720x1280,新建單色節點

solr基礎教程之一Solr相關知識點串講

Solr是Apache Lucene的一個子專案。Lucene為全文搜尋功能提供了完備的API,但它只作為一個API庫存在,而不能直接用於搜尋。因此,Solr基於Lucene構建了一個完整的搜尋引擎,它可以為搜尋引擎新增文件,對文件內容進行分析,併為使用者提供搜尋功能,在此基礎上提供了一個擴充套件功能,如

Cocos creator檔案資料讀寫,使用者資料儲存

【首先吐槽一下:對於Cocos creator,一方面自己對相關知識不太熟悉,但是另一方面cocos creator 的api文件也太不完善了,想實現對Json檔案進行資料讀寫的功能花了我一天時間。還

Cocos creator繪圖系統:Graphics元件之動態改變生成影象的透明度

在Cocos creator 中,要想在使用Graphics元件繪製圖像的過程中改變影象的透明度有兩種方法: 1.在編輯器中Graphics元件的fillColor屬性中設定; 2.通過程式碼動態設定。 drawLine:function(){ var

爬蟲資料分析精華筆記利用Python進行資料分析從零基礎到完整實現的筆記整理

一共 15 篇隨筆,主要是為了記錄資料分析過程中的一些小 demo,分享給其他需要的網友,更為了方便以後自己檢視,15 篇隨筆,每篇內容基本都是以一句說明加一段程式碼的方式, 保持簡單小巧,看起來也清晰 ,一共可以劃分為三個大部分: 第一部分簡單介紹資料分析,以一個小例子簡

Tika基礎教程之一Tika基礎教程

一、快速入門 1、Tika是一個用於文字解釋的框架,其本身並不提供任何的庫用於解釋文字,而是呼叫各種各樣的庫,如POI,PDFBox等。 使用Tika,可以提取檔案中的作者、標題、建立時間、正文等內容,相比於java.io自帶的一些功能(如FileInputStream

cocos creatorcocos creator的官網demo小遊戲--小星星

       在官網的教程基礎之上,修改了官網遺漏下的bug。雖然可以下載cocos.com官網的原始碼,直接使用,更改BUG,但對於自己一個剛接觸cocos開發新手,通過自己的努力,去發現官網的

微信公眾平臺開發利用百度接口,制作一鍵導航功能

顯示 12px font -c cati blog ltr vertica 拾取 微信開發中,非常多商家用戶都要求點詳細地址。能在百度或者soso地圖上面顯示自己的地址。 而這種功能。利用百度api接口地圖標點功能就能夠非常easy實現。 1.功能說明例如以下:

v2.x OGE教程 12 關卡編輯器幫助文檔

spa 集成 delet exc 取消 map attribute exceptio nal 【v2.x OGE教程 12】 關卡編輯器幫助文檔 一、簡單介紹 關卡編輯器用於遊戲關卡界面元素的可視化編輯,包含元素的位置、尺寸以及其他自己定義屬性。通過解析生成的

分布式協調zookeeper利用ansible部署篇

zookeeper一、環境準備操作系統:centOS-6.8 2.6.32-642.el6.x86_64【虛擬機環境】 節點主機:10.0.55.3、10.0.55.5、10.0.55.6 目錄結構: /opt/ 軟件版本: jdk-7u67-linux-x64.rpm zooke

Zigbee技術入門教程-01Zigbee無線組網技術入門的學習路線

自組織 問題 作者 項目 建築 企業 color 基本概念 基礎 【Zigbee技術入門教程-01】Zigbee無線組網技術入門的學習路線 廣東職業技術學院 歐浩源 一、引言 在物聯網技術應用的知識體系中,Zigbee無線組網技術是非常重要的一環,也是大家感覺比較難

JAVA零基礎入門系列Day1 開發環境搭建

oracle 零基礎 ati 成功 官方 運行 根目錄 文件目錄 sys 一、安裝JDK java的sdk簡稱JDK ,去其官方網站下載最近的JDK即可。 http://www.oracle.com/technetwork/java/javase/downloads/jdk

JAVA零基礎入門系列Day2 Java集成開發環境IDEA

log rgs string 文件夾 ges jetbrains 技術 http clip 開發環境搭建好之後,還需要一個集成開發環境也就是IDE來進行編程。這裏推薦的IDE是IDEA,那個老掉牙的Eclipse還是先放一邊吧,(手動滑稽)。 IDEA的下載地址:http:

JAVA零基礎入門系列Day3 Java基本數據類型

大小 服務器開發 技術 容易 需求 .html 內存空間 安全性能 com   前兩篇已經將開發環境搭建完成,如果你已經按之前的教程按部就班的完成了部署,那麽世界上最優秀的編程語言之一和世界上最優秀的IDE之一已經出現在你的電腦上(此處應有掌聲),如果你還沒入門,或者正在臺

JAVA零基礎入門系列Day4 變量與常量

聲明變量 初學 不同 常量 此外 程序員 限制 如果 可維護   這一篇主要講解Java中的變量,什麽是變量,變量的作用以及如何聲明,使用變量。   那麽什麽是變量?對於初學者而言,可以將變量理解為盒子,這些盒子可以用來存放數據,不同類型的數據需要放在對應類型的盒子裏。那麽

JAVA零基礎入門系列Day12 Java類的簡單應用

object dsa tle 多行註釋 兩個 內容 ice public 所有   俗話說的好,實踐出真知,所以除了理論知識掌握紮實以外,更重要的是要多加操練,這樣才能掌握核心科技。   今天我們就用剛學會的類來實踐一下,目標便是完成上一篇中的剁手任務。   我們的商品類已