ccb 0.0.1

data/lib/ccb/builder/templates/project/folder/src/mainMenu/layer/MMTouchLayer.js

@@ -0,0 +1,96 @@
+/**
+ * Created by lingjianfeng on 14-8-31.
+ */
+
+var MMTouchLayer = cc.Layer.extend({
+
+    ctor : function(){
+
+        this._super();
+
+        this.playMusic();
+
+        this.initMenu();
+
+    },
+    playMusic : function(){
+
+//        播放背景音乐，true代表循环无限次播放，false表示只播放一次。
+        if (GC.SOUND_ON){
+            if (cc.audioEngine.isMusicPlaying()){
+                return;
+            }
+            cc.audioEngine.playMusic(res.gp_bgMusic_mp3, true);
+        }
+    },
+    initMenu : function(){
+
+//        根据rect区域去创建一个精灵，作为下面menuItemSprite显示的图片。
+//        因为menuItem有Normal、Selected、Disabled三个状态，所以一个菜单项需要三张纹理图片
+        var newGameNormal = new cc.Sprite(res.mm_mune_png, cc.rect(0, 0, 126, 33));
+        var newGameSelected = new cc.Sprite(res.mm_mune_png, cc.rect(0, 33, 126, 33));
+        var newGameDisabled = new cc.Sprite(res.mm_mune_png, cc.rect(0, 33 * 2, 126, 33));
+
+        var gameSettingsNormal = new cc.Sprite(res.mm_mune_png, cc.rect(126, 0, 126, 33));
+        var gameSettingsSelected = new cc.Sprite(res.mm_mune_png, cc.rect(126, 33, 126, 33));
+        var gameSettingsDisabled = new cc.Sprite(res.mm_mune_png, cc.rect(126, 33 * 2, 126, 33));
+
+        var aboutNormal = new cc.Sprite(res.mm_mune_png, cc.rect(252, 0, 126, 33));
+        var aboutSelected = new cc.Sprite(res.mm_mune_png, cc.rect(252, 33, 126, 33));
+        var aboutDisabled = new cc.Sprite(res.mm_mune_png, cc.rect(252, 33 * 2, 126, 33));
+
+//        三个菜单项，并且指定菜单项点击所会执行的函数
+        var newGame = new cc.MenuItemSprite(
+            newGameNormal,
+            newGameSelected,
+            newGameDisabled,
+            function(){
+                this.onButtonEffect();
+                this.onNewGame();
+            }.bind(this)
+        );
+
+        var gameSettings = new cc.MenuItemSprite(
+            gameSettingsNormal,
+            gameSettingsSelected,
+            gameSettingsDisabled,
+            this.onSettings,
+            this
+        );
+
+        var about = new cc.MenuItemSprite(
+            aboutNormal,
+            aboutSelected,
+            aboutDisabled,
+            this.onAbout,
+            this
+        );
+
+//        菜单。 对应三者关系：菜单里面有菜单项，菜单项中绑定要执行的方法，并且需要图片去显示。图片就是精灵
+        var menu = new cc.Menu(newGame, gameSettings, about);
+        menu.alignItemsVerticallyWithPadding(10);
+        menu.x = GC.w_2;
+        menu.y = GC.h_2 - 80;
+        this.addChild(menu, 1, 2);
+
+    },
+    onNewGame : function(){
+        cc.audioEngine.stopMusic();
+
+//        场景切换，并且指定切换效果，更多效果，参考引擎包samples/js-tests下的Transitions Test
+        cc.director.runScene(new cc.TransitionFade(1.2, new GamePlayScene()));
+    },
+    onSettings : function(){
+        this.onButtonEffect();
+        cc.director.runScene(new cc.TransitionFade(1.2, new SettingScene()));
+    },
+    onAbout : function(){
+        this.onButtonEffect();
+        cc.director.runScene(new cc.TransitionFade(1.2, new AboutScene()));
+    },
+    onButtonEffect : function(){
+        if (GC.SOUND_ON) {
+//            cc.audioEngine.playEffect(res.mm_btnEffect);
+        }
+    }
+});

data/lib/ccb/builder/templates/project/folder/src/mainMenu/scene/MainMenu.js

@@ -0,0 +1,45 @@
+/**
+ * Created by lingjianfeng on 14-8-31.
+ */
+
+
+// 定义一个层，继承自cc.Layer
+var MainMenuLayer = cc.Layer.extend({
+
+//    属性声明
+    _backgroundLayer : null,
+    _touchLayer      : null,
+    ctor : function(){
+
+//        调用父类ctor方法。结合下面MainMenuScene中的onEnter 可以得出：this._super() 调用父类当前方法。
+        this._super();
+
+        this.addBackgroundLayer();
+
+        this.addTouchLayer();
+
+    },
+
+//    定义方法
+    addBackgroundLayer : function(){
+
+//        创建一个背景层，并且添加到当前层中
+        this._backgroundLayer = new MMBackgroundLayer();
+        this.addChild(this._backgroundLayer);
+    },
+    addTouchLayer : function(){
+        this._touchLayer = new MMTouchLayer();
+        this.addChild(this._touchLayer);
+    }
+});
+
+// 定义一个场景，继承自cc.Scene
+var MainMenuScene  = cc.Scene.extend({
+    onEnter:function () {
+
+//        调用父类的onEnter()方法。
+        this._super();
+        var layer = new MainMenuLayer();
+        this.addChild(layer);
+    }
+});

data/lib/ccb/builder/templates/project/folder/src/resource.js

@@ -0,0 +1,29 @@
+var res = {
+    HelloWorld_png : "res/HelloWorld.png",
+    CloseNormal_png : "res/CloseNormal.png",
+    CloseSelected_png : "res/CloseSelected.png",
+
+//    shared
+    sh_arial_14_fnt : 'res/shared/arial-14.fnt',
+    sh_arial_14_png : 'res/shared/arial-14.png',
+
+//    mainMenu
+    mm_bg_png   : "res/mainMenu/bg.png",
+    mm_mune_png : "res/mainMenu/menu.png",
+
+//    gamePlay
+    gp_bgMusic_mp3 : "res/sound/music/bgMusic.mp3",
+
+//    setting
+    st_menuTitle_png : "res/setting/menuTitle.png",
+
+//    gameOver
+    go_gameOver_png : "res/gameOver/gameOver.png",
+    go_cocos2d_html5_png : "res/gameOver/cocos2d-html5.png"
+
+};
+
+var g_resources = [];
+for (var i in res) {
+    g_resources.push(res[i]);
+}

data/lib/ccb/builder/templates/project/folder/src/setting/layer/STBackgroundLayer.js

@@ -0,0 +1,25 @@
+/**
+ * Created by lingjianfeng on 14-8-31.
+ */
+
+
+var STBackgroundLayer = cc.Layer.extend({
+
+    ctor : function(){
+
+        this._super()
+
+        this.initBackground();
+    },
+
+    initBackground : function(){
+
+        this._sptBg = cc.Sprite.create(res.mm_bg_png);
+        this._sptBg.attr({
+            x: GC.w_2,
+            y: GC.h_2
+        });
+        this.addChild(this._sptBg);
+    }
+});
+

data/lib/ccb/builder/templates/project/folder/src/setting/layer/STTouchLayer.js

@@ -0,0 +1,89 @@
+/**
+ * Created by lingjianfeng on 14-8-31.
+ */
+
+
+var STTouchLayer = cc.Layer.extend({
+
+    ctor : function(){
+
+        this._super();
+
+        this.initTouchAbout();
+
+    },
+    initTouchAbout : function(){
+
+        var title = new cc.Sprite(res.st_menuTitle_png, cc.rect(0, 0, 134, 34));
+        title.x = GC.w_2;
+        title.y = GC.h - 120;
+        this.addChild(title);
+
+//        设置MenuItemFont字体以及大小
+        cc.MenuItemFont.setFontName("Arial");
+        cc.MenuItemFont.setFontSize(18);
+        var title1 = new cc.MenuItemFont("Sound");
+        title1.setEnabled(false);
+
+        cc.MenuItemFont.setFontName("Arial");
+        cc.MenuItemFont.setFontSize(26);
+        var item1 = new cc.MenuItemToggle(
+            new cc.MenuItemFont("On"),
+            new cc.MenuItemFont("Off")
+        );
+
+//        设置函数回调
+        item1.setCallback(this.onSoundControl );
+        item1.setSelectedIndex(GC.SOUND_ON ? 0 : 1);
+
+        cc.MenuItemFont.setFontName("Arial");
+        cc.MenuItemFont.setFontSize(18);
+        var title2 = new cc.MenuItemFont("Mode");
+        title2.setEnabled(false);
+
+        cc.MenuItemFont.setFontName("Arial");
+        cc.MenuItemFont.setFontSize(26);
+        var item2 = new cc.MenuItemToggle(
+            new cc.MenuItemFont("Easy"),
+            new cc.MenuItemFont("Normal"),
+            new cc.MenuItemFont("Hard")
+        );
+        item2.setCallback( this.onModeControl );
+
+        cc.MenuItemFont.setFontName("Arial");
+        cc.MenuItemFont.setFontSize(26);
+        var label = new cc.LabelTTF("Go back", "Arial", 20);
+        var back = new cc.MenuItemLabel(label, this.onBackCallback);
+        back.scale = 0.8;
+
+        var menu = new cc.Menu(title1, title2, item1, item2, back);
+
+//        类似网格布局，三行，第一行为2列，第二行为2列，第三行为1列
+        menu.alignItemsInColumns(2, 2, 1);
+        this.addChild(menu);
+        back.y -= 50;
+
+    },
+    onSoundControl : function(){
+        GC.SOUND_ON = !GC.SOUND_ON;
+        var audioEngine = cc.audioEngine;
+        if(GC.SOUND_ON){
+            if (cc.audioEngine.isMusicPlaying()){
+                return;
+            }
+//            cc.audioEngine.playMusic(res.mm_bgMusic_mp3, true);
+        }
+        else{
+            audioEngine.stopMusic();
+            audioEngine.stopAllEffects();
+        }
+    },
+    onModeControl : function(){
+        cc.log("[STTouchLayer] : changeModeChange");
+    },
+    onBackCallback : function(){
+        cc.log("[STTouchLayer] : onBack");
+        cc.director.runScene(new cc.TransitionFade(1.2, new MainMenuScene()));
+    }
+
+});

data/lib/ccb/builder/templates/project/folder/src/setting/scene/Setting.js

@@ -0,0 +1,40 @@
+/**
+ * Created by lingjianfeng on 14-8-31.
+ */
+
+var SettingLayer = cc.Layer.extend({
+
+    _backgroundLayer : null,
+    _touchLayer : null,
+    ctor : function(){
+
+        this._super()
+
+        this.addBackgroundLayer();
+
+        this.addTouchLayer();
+
+    },
+
+    addBackgroundLayer : function(){
+        this._backgroundLayer = new STBackgroundLayer();
+        this.addChild(this._backgroundLayer);
+    },
+    addTouchLayer : function(){
+        this._touchLayer = new STTouchLayer();
+        this.addChild(this._touchLayer);
+    }
+});
+
+
+var SettingScene  = cc.Scene.extend({
+    onEnter:function () {
+        this._super();
+
+        var layer = new SettingLayer();
+        this.addChild(layer);
+
+        var menu = new MMMainMenuLayer();
+        this.addChild(menu, 1);
+    }
+});

data/lib/ccb/builder/templates/project/index.html.tt

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title><%= @name %></title>
+    <link rel="icon" type="image/GIF" href="res/favicon.ico"/>
+    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta name="full-screen" content="yes"/>
+    <meta name="screen-orientation" content="portrait"/>
+    <meta name="x5-fullscreen" content="true"/>
+    <meta name="360-fullscreen" content="true"/>
+    <style>
+        body, canvas, div {
+            -moz-user-select: none;
+            -webkit-user-select: none;
+            -ms-user-select: none;
+            -khtml-user-select: none;
+            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+        }
+    </style>
+</head>
+<body style="padding:0; margin: 0; background: #000;">
+<canvas id="gameCanvas" width="<%= @width %>" height="<%= @height %>"></canvas>
+<script src="frameworks/cocos2d-html5/CCBoot.js"></script>
+<script src="main.js"></script>
+</body>
+</html>

data/lib/ccb/builder/templates/project/main.js.tt

@@ -0,0 +1,62 @@
+/**
+ * A brief explanation for "project.json":
+ * Here is the content of project.json file, this is the global configuration for your game, you can modify it to customize some behavior.
+ * The detail of each field is under it.
+ {
+    "project_type": "javascript",
+    // "project_type" indicate the program language of your project, you can ignore this field
+
+    "debugMode"     : 1,
+    // "debugMode" possible values :
+    //      0 - No message will be printed.
+    //      1 - cc.error, cc.assert, cc.warn, cc.log will print in console.
+    //      2 - cc.error, cc.assert, cc.warn will print in console.
+    //      3 - cc.error, cc.assert will print in console.
+    //      4 - cc.error, cc.assert, cc.warn, cc.log will print on canvas, available only on web.
+    //      5 - cc.error, cc.assert, cc.warn will print on canvas, available only on web.
+    //      6 - cc.error, cc.assert will print on canvas, available only on web.
+
+    "showFPS"       : true,
+    // Left bottom corner fps information will show when "showFPS" equals true, otherwise it will be hide.
+
+    "frameRate"     : 60,
+    // "frameRate" set the wanted frame rate for your game, but the real fps depends on your game implementation and the running environment.
+
+    "id"            : "gameCanvas",
+    // "gameCanvas" sets the id of your canvas element on the web page, it's useful only on web.
+
+    "renderMode"    : 0,
+    // "renderMode" sets the renderer type, only useful on web :
+    //      0 - Automatically chosen by engine
+    //      1 - Forced to use canvas renderer
+    //      2 - Forced to use WebGL renderer, but this will be ignored on mobile browsers
+
+    "engineDir"     : "frameworks/cocos2d-html5/",
+    // In debug mode, if you use the whole engine to develop your game, you should specify its relative path with "engineDir",
+    // but if you are using a single engine file, you can ignore it.
+
+    "modules"       : ["cocos2d"],
+    // "modules" defines which modules you will need in your game, it's useful only on web,
+    // using this can greatly reduce your game's resource size, and the cocos console tool can package your game with only the modules you set.
+    // For details about modules definitions, you can refer to "../../frameworks/cocos2d-html5/modulesConfig.json".
+
+    "jsList"        : [
+    ]
+    // "jsList" sets the list of js files in your game.
+ }
+ *
+ */
+
+cc.game.onStart = function(){
+    cc.view.adjustViewPort(true);
+
+    cc.view.setDesignResolutionSize(<%= @width %>, <%= @height %>, cc.ResolutionPolicy.SHOW_ALL);
+    cc.view.resizeWithBrowserSize(true);
+
+    cc.LoaderScene.preload(g_resources, function () {
+
+        cc.director.runScene(new MainMenuScene());
+    }, this);
+
+};
+cc.game.run();

data/lib/ccb/cli.rb

@@ -0,0 +1,32 @@
+require 'thor'
+require_relative 'ext/string_extention'
+%w[project scene].each { |task| require_relative "builder/#{task}_builder" }
+
+class Ccb::CLI < Thor
+  include Thor::Actions
+  Ccb::Builder.constants.each { |b| include "Ccb::Builder::#{b}".to_class }
+
+  def initialize(*args); super; processing(*args) end
+
+  def self.source_root; File.dirname(__FILE__) end
+
+  class_option :width, :type => :numeric, :default => 320, :required => false, :aliases => "-w", :desc => "width"
+  class_option :height, :type => :numeric, :default => 480, :required => false, :aliases => "-h", :desc => "height"
+  class_option :layout, :type => :boolean, :default => true, :required => false, :aliases => "-l", :desc => "layout"
+
+  %w[project scene].each do |type|
+    class_eval %{
+      desc "#{type} [NAME]", "generate a Cocos2d-JS #{type}"
+      def #{type}(name=nil) end
+    }
+  end
+
+  private
+  def processing(*args)
+    method = args[2][:current_command][:name] # default project name is app type name
+    @name, @width, @height, @orient = args[0][0] || "#{method}", options[:width], options[:height],
+                                      options[:layout] ? # default portrait
+                                       %{ "portrait", "portraitUpsideDown" } : %{ "landscapeLeft", "landscapeRight" }
+    send "build_#{method}" if method != 'help' 
+  end
+end

data/lib/ccb/ext/method_hooker.rb

@@ -0,0 +1,68 @@
+module Ext
+  module MethodHooker
+    def self.included(base)
+      base.extend(ClassMethods)
+    end
+
+    def self.extended(base)
+      base.extend(ClassMethods)
+    end
+
+    module ClassMethods
+      def before_each_method type, &block
+        singleton = class << self; self; end
+        case type
+          when :instance
+            this = self
+            singleton.instance_eval do
+              define_method :method_added do |name|
+                last = instance_variable_get(:@__last_methods_added)
+                return if last and last.include?(name)
+                with = :"#{name}_with_before_each_method"
+                without = :"#{name}_without_before_each_method"
+                instance_variable_set(:@__last_methods_added, [name, with, without])
+                this.class_eval do
+                  define_method with do |*args, &blk|
+                    instance_exec(name, args, blk, &block)
+                    send without, *args, &blk
+                  end
+                  alias_method without, name
+                  alias_method name, with
+                end
+                instance_variable_set(:@__last_methods_added, nil)
+              end
+            end
+          when :class
+            this = self
+            singleton.instance_eval do
+              define_method :singleton_method_added do |name|
+                return if name == :singleton_method_added
+                last = instance_variable_get(:@__last_singleton_methods_added)
+                return if last and last.include?(name)
+                with = :"#{name}_with_before_each_method"
+                without = :"#{name}_without_before_each_method"
+                instance_variable_set(:@__last_singleton_methods_added, [name, with, without])
+                singleton.class_eval do
+                  define_method with do |*args, &blk|
+                    instance_exec(name, args, blk, &block)
+                    send without, *args, &blk
+                  end
+                  alias_method without, name
+                  alias_method name, with
+                end
+                instance_variable_set(:@__last_singleton_methods_added, nil)
+              end
+            end
+        end
+      end
+
+      def before_class_method &block
+        before_each_method :class, &block
+      end
+
+      def before_instance_method &block
+        before_each_method :instance, &block
+      end
+    end
+  end
+end

data/lib/ccb/ext/string_extention.rb

@@ -0,0 +1,7 @@
+class String
+  def to_class
+    self.split('::').inject(Object) do |mod, class_name|
+      mod.const_get(class_name)
+    end
+  end
+end

data/lib/ccb.rb

@@ -0,0 +1 @@
+require 'ccb/cli'