More Related Content
Similar to Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」 (20)
More from Tomoaki Shimizu (6)
Cocos2d-x(JS) ハンズオン #01 「はじめてのCocos2d-x (JS)」
- 6. Cocos2d-x
最新版: Cocos2d-x v3.8.1
開発版: Cocos2d-x v3.9 β0
オープンソース
クロスプラットフォーム開発
モバイル
iOS, Android
デスクトップ
Windows, Mac OS X, Linux
クロスブラウザ開発
ブラウザ
Chrome, Safari, IE, Firefox
- 10. パフォーマンスもOK!
ネイティブアプリ
裏ではCocos2d-xが動いている
JavaScriptエンジンSpiderMonkeyにより、JavaScriptとC++
の変換が行われているため、高い処理能力を保っている
シューティングゲームの弾幕のような高負荷な処理でな
い限り、問題になることはない
ブラウザアプリ
WebGLを利用しているので高パフォーマンス
WebGLが利用できないブラウザでは、
従来のCanvasが利用される
パフォーマンス注意
特別なプラグイン不要
- 11. セキュリティはどうなの?!
ネイティブアプリ
jscファイルにコンパイル
ビルド時に「-compile-script」オプションを
つけることでjscファイルにコンパイルされる
ため、生のソースコードが晒されることはない
ブラウザアプリ
Cocos2d-x(JS)に限った話ではなく、ブラウザアプリ全体
に言えることだが、jsファイルが見えるため難読化して
いてもチートは容易
クライアントはビューワのみとし、重要な処理はサーバで行
うなど、設計を塾考する必要がある
ググると先人の知恵を多く見ることができます
- 19. インストール (2)
setup.py
Cocos2d-xを利用するプロジェクトの作成に、
cocosコマンドを利用する
このcocosコマンドを利用できるようにするには、
setup.pyを用いセットアップを行うとよい
setup.pyは、Pythonで記述されているため、Pythonがイ
ンストールされていなければいけない
Macは、標準でインストールされている
Windowsは、別途インストールが必要
環境変数の設定を忘れずに
- 20. インストール (3)
setup.pyの実行
Macはターミナルより、Windowsはコマンドプロンプト
より実行します
setup.py実行中、Android開発環境に関する質問がありま
す。Androidの開発環境が不要な場合は、無視しても問題
ありません
- 27. プロジェクト作成 (1)
cocos newコマンドの実行
Macはターミナルより、Windowsはコマンドプロンプト
より実行します
コマンド実行に必要なパラメータ
プロジェクト名
-l … 開発言語
C++ … cpp
Lua … lua
JavaScript … js
サンプル
cocos new NewProject -l js
- 32. プロジェクト実行 (1)
cocos newコマンドの実行
Macはターミナルより、Windowsはコマンドプロンプトよ
り実行します
実行するプロジェクトのルートディレクトリへ移動します
コマンド実行に必要なパラメータ
-p … 実行するプラットフォーム
iOS … ios
Android … android
ブラウザ … web
サンプル
cocos run -p ios
cocos run -p android
cocos run -p web
- 38. Cocos2d-x (JS) ハンズオン
Cocos2d-x (JS)を学ぶチャンス!
PCを持参し実際に手を動かし、Cocos2d-x (JS)が
難しくないということが実感できます!
12/2(水) Cocos2d-x (JS) ハンズオン #2
日時: 11/5(木) 19:00〜21:00
場所: イベント&コミュニティスペース dots.
内容: Cocos2d-x (JS)の基本操作
画像の表示・アニメーション
(iOS, Android, ブラウザ)