COCOS-JS開發1:環境搭建
cocos2d-js
cocos2d-js宣稱是跨全平臺的遊戲引擎,這一點應該是最最吸引人的地方。而且伴隨著微信小遊戲的火爆,cocos2d-js對其支援到位,也註定在未來有更廣闊的空間。
Cocos2d-js是cocos2d-x的JS版本,前身是cocos2d-HTML5。在後來被整合在了一起,與cpp和lua並存。在V3.16中可以看見它們矯健的身影。
Ubuntu下環境搭建
本人本著玩玩的態度來搭建個開發環境,從一些資料上看,目前官方推薦在win和mac下做開發,我等linux下的童鞋有些悲劇了。
但是調查一番後,發現cocos2d-x引擎部分是支援上述三個平臺的,但是cocos creator只支援兩個平臺。
而一些開發者是使用cocos console + JS IDE來做開發的,那麼IDE比如Web Storm是支援Linux的。看來把玩一番應該是可以的。
1、下載引擎V3.16
解壓後在根目錄下執行安裝指令碼(Ubuntu下python應該是安裝好的)
[email protected]:~/devTools/cocos2d/cocos2d-x-3.16$ python setup.py
Setting up cocos2d-x...
->Check environment variable COCOS_CONSOLE_ROOT
->Search for environment variable COCOS_CONSOLE_ROOT ...
->COCOS_CONSOLE_ROOT not found
-> Add COCOS_CONSOLE_ROOT environment variable...
->Added COCOS_CONSOLE_ROOT=/home/linc/devTools/cocos2d/cocos2d-x-3.16/tools/cocos2d-console/bin
->Check environment variable COCOS_X_ROOT
->Search for environment variable COCOS_X_ROOT...
->COCOS_X_ROOT not found
-> Add COCOS_X_ROOT environment variable...
->Added COCOS_X_ROOT=/home/linc/devTools/cocos2d
->Check environment variable COCOS_TEMPLATES_ROOT
->Search for environment variable COCOS_TEMPLATES_ROOT...
->COCOS_TEMPLATES_ROOT not found
-> Add COCOS_TEMPLATES_ROOT environment variable...
->Added COCOS_TEMPLATES_ROOT=/home/linc/devTools/cocos2d/cocos2d-x-3.16/templates
->Configuration for Android platform only, you can also skip and manually edit "/home/linc/.bashrc"
->Check environment variable NDK_ROOT
->Search for environment variable NDK_ROOT...
->NDK_ROOT not found
->Search for command ndk-build in system...
->Path /opt/ndk/android-ndk-r10b was found
-> Add NDK_ROOT environment variable...
->Added NDK_ROOT=/opt/ndk/android-ndk-r10b
->Check environment variable ANDROID_SDK_ROOT
->Search for environment variable ANDROID_SDK_ROOT...
->ANDROID_SDK_ROOT not found
->Search for command android in system...
->Path /opt/sdk was found
-> Add ANDROID_SDK_ROOT environment variable...
->Added ANDROID_SDK_ROOT=/opt/sdk
->Check environment variable ANT_ROOT
->Search for environment variable ANT_ROOT...
->ANT_ROOT not found
->Search for command ant in system...
->Path /opt/apache-ant-1.9.4/bin was found
-> Add ANT_ROOT environment variable...
->Added ANT_ROOT=/opt/apache-ant-1.9.4/bin
A backup file "/home/linc/.bashrc.backup" is created for "/home/linc/.bashrc".
Please execute command: "source /home/linc/.bashrc" to make added system variables take effect
[email protected]:~/devTools/cocos2d/cocos2d-x-3.16$ source ~/.bashrc
上述列印的資訊可以看出,安裝的過程其實就是將cocos的路徑配置到環境變數中。
而我本人就是安卓開發,所以又將安卓的路徑和ANT的路徑找到並配置到環境變數中。
最後又讓其立即生效。
cocos命令
[email protected]5448:~/devTools/cocos2d/cocos2d-x-3.16$ cocos --help
/home/linc/devTools/cocos2d/cocos2d-x-3.16/tools/cocos2d-console/bin/cocos.py 2.3 - cocos console: A command line tool for Cocos2d-x.
Available commands:
run Compiles, deploy and run project on the target.
gen-libs Generate prebuilt libs of engine. The libs will be placed in 'prebuilt' folder of the engine root path.
luacompile Encrypt and/or compile lua files.
deploy Compile and deploy a project to a device/simulator.
package Manage package for cocos.
compile Compile projects to binary.
gen-simulator Generate Cocos Simulator.
new Creates a new project.
jscompile Compile and/or compress js files.
Available arguments:
-h, --help Show this help information.
-v, --version Show the version of this command tool.
--ol ['en', 'zh', 'zh_tr'] Specify the language of output messages.
--agreement ['y', 'n'] Skip the agreement with specified value.
Example:
cocos new --help
cocos run --help
建立一個新專案
linc@linc-Inspiron-5448:~/js-workspace$ cocos new helloworld -l js
> Copy template into /home/linc/js-workspace/helloworld
> Copying directory from cocos root directory...
> Copying files from template directory...
> Copying Cocos2d-x files...
> Rename project name from 'HelloJavascript' to 'helloworld'
> Replace the project name from 'HelloJavascript' to 'helloworld'
> Replace the project package name from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.helloworld'
> Replace the Mac bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.helloworld'
> Replace the iOS bundle id from 'org.cocos2dx.hellojavascript' to 'org.cocos2dx.helloworld'
linc@linc-Inspiron-5448:~/js-workspace$ ls
helloworld
linc@linc-Inspiron-5448:~/js-workspace$ cd helloworld/
linc@linc-Inspiron-5448:~/js-workspace/helloworld$ ls
CMakeLists.txt frameworks index.html main.js manifest.webapp project.json res src
目錄結構
CMakeLists.txt cocos console編譯時所依賴的檔案
frameworks 包含web引擎和native引擎
–cocos2d-html5 html5引擎
–cocos2d-x cocos2d-x遊戲引擎
–runtime-src 各平臺的專案工程檔案,如ios、android studio、windows等
index.html web工程的主頁面來的,很重要:包含canvas元素、CCBoot.js引擎指令碼、main.js入口指令碼
執行一下
[email protected]5448:~/js-workspace/helloworld$ cocos run -p web
Building mode: debug
Deploying mode: debug
Starting application.
Try start server on 127.0.0.1:8000
Serving HTTP on 127.0.0.1, port 8000 ...
執行tests專案也是一樣的,如下圖。
其他
用命令列來建立專案、編譯執行專案,這樣是可行的。那麼用IDE來編寫程式碼也是需要的,可以試用一下web storm這款收費的js開發神器。
另外,在部署專案時,也可以用xampp來做。
好了,工具都ready了,可以盡情玩樂了!
相關推薦
COCOS-JS開發1:環境搭建
cocos2d-js cocos2d-js宣稱是跨全平臺的遊戲引擎,這一點應該是最最吸引人的地方。而且伴隨著微信小遊戲的火爆,cocos2d-js對其支援到位,也註定在未來有更廣闊的空間。 Cocos2d-js是cocos2d-x的JS版本,前身是cocos
Android開發之旅1:環境搭建及HelloWorld
lan 及其 其它 ply 新項目 bsp 驗證 for 對話框 ——工欲善其事必先利其器 引言 本系列適合0基礎的人員,因為我就是從0開始的,此系列記錄我步入Android開發的一些經驗分享,望與君共勉!作為Android隊伍中的一個新人的
python學習1:環境搭建(python3.X)
num pytho 計算機 nbsp 變量名 搭建 idt http mic 1.安裝包下載 python官網:https://www.python.org/downloads/ 2.安裝(windows) win7和win10都可以安裝。安裝包下載後
MyBatis-Plus學習筆記(1):環境搭建以及基本的CRUD操作
MyBatis-Plus是一個 MyBatis的增強工具,在 MyBatis 的基礎上只做增強不做改變,使用MyBatis-Plus時,不會影響原來Mybatis方式的使用。 SpringBoot+MyBatis-Plus環境搭建 SQL指令碼: CREATE TABLE `tb_user` ( `id`
「MoreThanJava」Day 1:環境搭建和程式基本結構元素
![](https://static01.imgkr.com/temp/f12d252974d748ac884fcb0849d31997.png) - **「MoreThanJava」** 宣揚的是 **「學習,不止 CODE」**,本系列 Java 基礎教程是自己在結合各方面的知識之後,對 Java 基礎
易學筆記-第0章:環境搭建/0.1 在eclipse中加入web開發外掛並設定自動提示
在eclipse中加入web開發外掛 web開發外掛包括:HTML、CSS、JavaScript等,這些外掛可以幫助快速編寫程式碼,最明顯的幫助就是自動提示 預覽eclipse未安裝web外掛之前的配置項: 路徑:Window-->preferenc
Electron開發桌面應用(1):環境準備、入門Demo搭建
介紹 Electron 是使用 JavaScript, HTML 和 CSS 構建跨平臺的桌面應用。 具體介紹參考官方網站: https://electronjs.org/ 環境準備
Liferay 6.1開發學習(一):環境搭建
一、資源準備 liferay-plugins-sdk-6.1.1(Plugins SDK)liferay-portal-6.1.1-ce-ga2(Bundled with Tomcat)liferay-portal-src-6.1.1-ce-ga2(Portal Sour
區塊鏈Hyperledger Fabric 1.2環境搭建:1. 開發環境的比較
Hyperledger Fabric三種開發環境的介紹 1. Hyperledger Fabric本地開發環境 缺點: MacOS, Windows,Ubuntu安裝方法不同, 需要手動安裝, 版本容易衝突,安裝時間較長,對初級程式設計師來說存在一定
[Python接口自動化]從零開始學習python自動化(1):環境搭建
help ins cnblogs 文件中 ssi 空格 plugins 變量 mod 第一步:安裝python編譯環境 安裝python編譯環境之前,必須保證已安裝jdk哈,如果為安裝,請參考https://jingyan.baidu.com/article/6dad507
Stuts2學習筆記(1):環境搭建及Demo
原始碼: github: https://github.com/liaotuo/Struts2-Demo/tree/master/struts2-demo 環境搭建 下載struts2 官網下載:http://mirror.bit.edu.cn/apache/struts
android開發學習(1)---環境搭建
一、簡介 最近想學習android開發,發現自己真是太菜了,搭建個環境都折騰了好幾天。現在把搭建環境過程大致描述一下,遇到的一些問題記下來,做個筆記。如果文章有什麼不正確或者不妥當的地方,還請各位指出,共同進步,多謝啦。 首先推薦下官網Android Develo
SSM到Spring Boot從零開發校園商鋪平臺---1、環境搭建及測試
根據慕課網專案深入學習SSM和SpringBoot,練手中,將學習筆記做記錄,後期會繼續更新。 慕課網地址:SSM到Spring Boot-從零開發校園商鋪平臺-慕課網實戰,文末會附上免費視訊地址! 先上效果圖(此文講述中最後要完成的結果):
超級記賬本學習筆記:Hyperledger Fabric 1.0環境搭建,及執行e2e的問題
Cannot run peer because cannot init crypto, missing /opt/gopath/src/github.com/hyperledger/fabric/peer/crypto/peerOrganizations/org1.example.com/users/[ema
基於GBT28181:SIP協議元件開發-----------第一篇環境搭建
SIP協議在安防視訊系統的國標中,有重要應用。從本文開始,講解並開發一套SIP協議元件。現在一般在開發這類系統時,採用的exosip2和osip2庫,這是個開源的SIP協議棧庫。實際遵從國標開發時並不能滿足實際的需要。所以本文依照GBT28181開發的一套SIP元件。該元件支援代理伺服器UAS和代理客戶
Ext4.2.1學習歷程之一:環境搭建及Hello ExtJS4.2
原文出處 http://blog.itpub.net/28562677/viewspace-1066765/ 1、從官網下載ExtJS4.2資源包,解壓開有原始碼、API文件、演示程式; 2、官網地址:http://www.sencha.com/products/e
Weex開發體驗之一:環境搭建及調測
搭建開發環境 參考文件 本機開發環境 windows7 64bit 搭建步驟 下載node node包括javascript的執行環境和npm; 下載地址:https://nodejs.org/zh-cn/download/ 安裝好後,檢測
從零開始學習iOS開發1:認識xcode
連接 啟動圖標 主動 認識 tor 音樂 滴滴打車 啟動 and 在開始之前還是不得不提一下iPhone應用開發的工具,我當然之前是沒接觸過iPhone開發,也沒使用過apple的不論什麽一種設備。所以我的概念中僅僅知道xcode是最專業的iOS開發工具。如今它是免費
Vue.js 開發實踐:實現精巧的無限加載與分頁功能
cti head 設定 命令 webpack transform style time default https://segmentfault.com/a/1190000005351971#articleHeader9 本篇文章是一篇Vue.js的教程,目標在於用一
Android Design Support Library介紹之:環境搭建
扁平化 end javascrip 搭建 版本號 mod 開心 log ng- 在2015年的GoogleIO大會上。具體的Material Design設計規範出爐了。全新的Android Design Support Library 格。更讓人