ccb 0.0.1

data/lib/ccb/builder/templates/project/folder/frameworks/cocos2d-html5/cocos2d/progress-timer/CCActionProgressTimer.js

@@ -0,0 +1,227 @@
+/****************************************************************************
+ Copyright (c) 2008-2010 Ricardo Quesada
+ Copyright (c) 2011-2012 cocos2d-x.org
+ Copyright (c) 2013-2014 Chukong Technologies Inc.
+ Copyright (C) 2010      Lam Pham
+
+ http://www.cocos2d-x.org
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ THE SOFTWARE.
+ ****************************************************************************/
+
+/**
+ * Progress to percentage
+ * @class
+ * @extends cc.ActionInterval
+ * @param {Number} duration duration in seconds
+ * @param {Number} percent
+ * @example
+ * var to = new cc.ProgressTo(2, 100);
+ */
+cc.ProgressTo = cc.ActionInterval.extend(/** @lends cc.ProgressTo# */{
+    _to:0,
+    _from:0,
+
+	/**
+	 * Creates a ProgressTo action with a duration and a percent
+	 * Constructor of cc.ProgressTo
+     * @param {Number} duration duration in seconds
+     * @param {Number} percent
+	 */
+    ctor: function(duration, percent){
+        cc.ActionInterval.prototype.ctor.call(this);
+        this._to = 0;
+        this._from = 0;
+
+		percent !== undefined && this.initWithDuration(duration, percent);
+    },
+
+    /** Initializes with a duration and a percent
+     * @param {Number} duration duration in seconds
+     * @param {Number} percent
+     * @return {Boolean}
+     */
+    initWithDuration:function (duration, percent) {
+        if (cc.ActionInterval.prototype.initWithDuration.call(this, duration)) {
+            this._to = percent;
+            return true;
+        }
+        return false;
+    },
+    /**
+     * return a new cc.ProgressTo, all the configuration is the same as the original
+     * @returns {cc.ProgressTo}
+     */
+    clone:function(){
+        var action = new cc.ProgressTo();
+        action.initWithDuration(this._duration, this._to);
+        return action;
+    },
+    /**
+     * reverse hasn't been supported
+     * @returns {null}
+     */
+    reverse: function(){
+        cc.log("cc.ProgressTo.reverse(): reverse hasn't been supported.");
+        return null;
+    },
+
+    /**
+     * start with a target
+     * @param {cc.Node} target
+     */
+    startWithTarget:function (target) {
+        cc.ActionInterval.prototype.startWithTarget.call(this, target);
+        this._from = target.percentage;
+    },
+
+    /**
+     * custom update
+     * @param {Number} time time in seconds
+     */
+    update:function (time) {
+        if (this.target  instanceof cc.ProgressTimer)
+            this.target.percentage = this._from + (this._to - this._from) * time;
+    }
+});
+
+/**
+ * Creates and initializes with a duration and a percent
+ * @function
+ * @param {Number} duration duration in seconds
+ * @param {Number} percent
+ * @return {cc.ProgressTo}
+ * @example
+ * // example
+ * var to = cc.progressTo(2, 100);
+ */
+cc.progressTo = function (duration, percent) {
+    return new cc.ProgressTo(duration, percent);
+};
+/**
+ * Please use cc.progressTo instead
+ * Creates and initializes with a duration and a percent
+ * @static
+ * @deprecated since v3.0,please use cc.progressTo instead.
+ * @param {Number} duration duration in seconds
+ * @param {Number} percent
+ * @return {cc.ProgressTo}
+ */
+cc.ProgressTo.create = cc.progressTo;
+
+/**
+ * Progress from a percentage to another percentage
+ * @class
+ * @extends cc.ActionInterval
+ * @param {Number} duration duration in seconds
+ * @param {Number} fromPercentage
+ * @param {Number} toPercentage
+ * @example
+ *  var fromTo = new cc.ProgressFromTo(2, 100.0, 0.0);
+ */
+cc.ProgressFromTo = cc.ActionInterval.extend(/** @lends cc.ProgressFromTo# */{
+    _to:0,
+    _from:0,
+
+	/**
+	 * Creates and initializes the action with a duration, a "from" percentage and a "to" percentage
+	 * Constructor of cc.ProgressFromTo
+     * @param {Number} duration duration in seconds
+     * @param {Number} fromPercentage
+     * @param {Number} toPercentage
+	 */
+    ctor:function(duration, fromPercentage, toPercentage){
+        cc.ActionInterval.prototype.ctor.call(this);
+        this._to = 0;
+        this._from = 0;
+
+		toPercentage !== undefined && this.initWithDuration(duration, fromPercentage, toPercentage);
+    },
+
+    /** Initializes the action with a duration, a "from" percentage and a "to" percentage
+     * @param {Number} duration duration in seconds
+     * @param {Number} fromPercentage
+     * @param {Number} toPercentage
+     * @return {Boolean}
+     */
+    initWithDuration:function (duration, fromPercentage, toPercentage) {
+        if (cc.ActionInterval.prototype.initWithDuration.call(this, duration)) {
+            this._to = toPercentage;
+            this._from = fromPercentage;
+            return true;
+        }
+        return false;
+    },
+    /**
+     * return a new cc.ProgressTo, all the configuration is the same as the original
+     * @returns {cc.ProgressFromTo}
+     */
+    clone:function(){
+        var action = new cc.ProgressFromTo();
+        action.initWithDuration(this._duration, this._from, this._to);
+        return action;
+    },
+
+    /**
+     * @return {cc.ActionInterval}
+     */
+    reverse:function () {
+        return cc.progressFromTo(this._duration, this._to, this._from);
+    },
+
+    /**
+     * start with a target
+     * @param {cc.Node} target
+     */
+    startWithTarget:function (target) {
+        cc.ActionInterval.prototype.startWithTarget.call(this, target);
+    },
+
+    /**
+     * @param {Number} time time in seconds
+     */
+    update:function (time) {
+        if (this.target  instanceof cc.ProgressTimer)
+            this.target.percentage = this._from + (this._to - this._from) * time;
+    }
+});
+
+/** Creates and initializes the action with a duration, a "from" percentage and a "to" percentage
+ * @function
+ * @param {Number} duration duration in seconds
+ * @param {Number} fromPercentage
+ * @param {Number} toPercentage
+ * @return {cc.ProgressFromTo}
+ * @example
+ * // example
+ *  var fromTo = cc.progressFromTo(2, 100.0, 0.0);
+ */
+cc.progressFromTo = function (duration, fromPercentage, toPercentage) {
+    return new cc.ProgressFromTo(duration, fromPercentage, toPercentage);
+};
+/**
+ * Creates and initializes the action with a duration, a "from" percentage and a "to" percentage
+ * @static
+ * @deprecated since v3.0,please use cc.ProgressFromTo(duration, fromPercentage, toPercentage) instead.
+ * @param {Number} duration duration in seconds
+ * @param {Number} fromPercentage
+ * @param {Number} toPercentage
+ * @return {cc.ProgressFromTo}
+ */
+cc.ProgressFromTo.create = cc.progressFromTo;

data/lib/ccb/builder/templates/project/folder/frameworks/cocos2d-html5/cocos2d/progress-timer/CCProgressTimer.js

@@ -0,0 +1,345 @@
+/****************************************************************************
+ Copyright (c) 2008-2010 Ricardo Quesada
+ Copyright (c) 2011-2012 cocos2d-x.org
+ Copyright (c) 2013-2014 Chukong Technologies Inc.
+ Copyright (c) 2010      Lam Pham
+
+ http://www.cocos2d-x.org
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ THE SOFTWARE.
+ ****************************************************************************/
+
+/**
+ * cc.Progresstimer is a subclass of cc.Node.   <br/>
+ * It renders the inner sprite according to the percentage.<br/>
+ * The progress can be Radial, Horizontal or vertical.
+ * @class
+ * @extends cc.Node
+ *
+ * @property {cc.Point}     midPoint        <p>- Midpoint is used to modify the progress start position.<br/>
+ *                                          If you're using radials type then the midpoint changes the center point<br/>
+ *                                          If you're using bar type the the midpoint changes the bar growth<br/>
+ *                                              it expands from the center but clamps to the sprites edge so:<br/>
+ *                                              you want a left to right then set the midpoint all the way to cc.p(0,y)<br/>
+ *                                              you want a right to left then set the midpoint all the way to cc.p(1,y)<br/>
+ *                                              you want a bottom to top then set the midpoint all the way to cc.p(x,0)<br/>
+ *                                              you want a top to bottom then set the midpoint all the way to cc.p(x,1)</p>
+ * @property {cc.Point}     barChangeRate   - This allows the bar type to move the component at a specific rate.
+ * @property {enum}         type            - Type of the progress timer: cc.ProgressTimer.TYPE_RADIAL|cc.ProgressTimer.TYPE_BAR.
+ * @property {Number}       percentage      - Percentage to change progress, from 0 to 100.
+ * @property {cc.Sprite}    sprite          - The sprite to show the progress percentage.
+ * @property {Boolean}      reverseDir      - Indicate whether the direction is reversed.
+ *
+ */
+cc.ProgressTimer = cc.Node.extend(/** @lends cc.ProgressTimer# */{
+    _type:null,
+    _percentage:0.0,
+    _sprite:null,
+
+    _midPoint:null,
+    _barChangeRate:null,
+    _reverseDirection:false,
+    _className:"ProgressTimer",
+
+    /**
+     * constructor of cc.cc.ProgressTimer
+     * @function
+     * @param {cc.Sprite} sprite
+     */
+    ctor: function(sprite){
+        cc.Node.prototype.ctor.call(this);
+
+        this._type = cc.ProgressTimer.TYPE_RADIAL;
+        this._percentage = 0.0;
+        this._midPoint = cc.p(0, 0);
+        this._barChangeRate = cc.p(0, 0);
+        this._reverseDirection = false;
+        this._sprite = null;
+
+        sprite && this.initWithSprite(sprite);
+    },
+
+    /**
+     *    Midpoint is used to modify the progress start position.
+     *    If you're using radials type then the midpoint changes the center point
+     *    If you're using bar type the the midpoint changes the bar growth
+     *        it expands from the center but clamps to the sprites edge so:
+     *        you want a left to right then set the midpoint all the way to cc.p(0,y)
+     *        you want a right to left then set the midpoint all the way to cc.p(1,y)
+     *        you want a bottom to top then set the midpoint all the way to cc.p(x,0)
+     *        you want a top to bottom then set the midpoint all the way to cc.p(x,1)
+     *  @return {cc.Point}
+     */
+    getMidpoint:function () {
+        return cc.p(this._midPoint.x, this._midPoint.y);
+    },
+
+    /**
+     * Midpoint setter
+     * @param {cc.Point} mpoint
+     */
+    setMidpoint:function (mpoint) {
+        this._midPoint = cc.pClamp(mpoint, cc.p(0, 0), cc.p(1, 1));
+    },
+
+    /**
+     *    This allows the bar type to move the component at a specific rate
+     *    Set the component to 0 to make sure it stays at 100%.
+     *    For example you want a left to right bar but not have the height stay 100%
+     *    Set the rate to be cc.p(0,1); and set the midpoint to = cc.p(0,.5f);
+     *  @return {cc.Point}
+     */
+    getBarChangeRate:function () {
+        return cc.p(this._barChangeRate.x, this._barChangeRate.y);
+    },
+
+    /**
+     * @param {cc.Point} barChangeRate
+     */
+    setBarChangeRate:function (barChangeRate) {
+        this._barChangeRate = cc.pClamp(barChangeRate, cc.p(0, 0), cc.p(1, 1));
+    },
+
+    /**
+     *  Change the percentage to change progress
+     * @return {cc.ProgressTimer.TYPE_RADIAL|cc.ProgressTimer.TYPE_BAR}
+     */
+    getType:function () {
+        return this._type;
+    },
+
+    /**
+     * Percentages are from 0 to 100
+     * @return {Number}
+     */
+    getPercentage:function () {
+        return this._percentage;
+    },
+
+    /**
+     * The image to show the progress percentage, retain
+     * @return {cc.Sprite}
+     */
+    getSprite:function () {
+        return this._sprite;
+    },
+
+    /**
+     * from 0-100
+     * @param {Number} percentage
+     */
+    setPercentage:function (percentage) {
+        if (this._percentage != percentage) {
+            this._percentage = cc.clampf(percentage, 0, 100);
+            this._renderCmd._updateProgress();
+        }
+    },
+    /**
+     * only use for jsbinding
+     * @param bValue
+     */
+    setOpacityModifyRGB:function (bValue) {
+    },
+    /**
+     * only use for jsbinding
+     * @returns {boolean}
+     */
+    isOpacityModifyRGB:function () {
+        return false;
+    },
+    /**
+     * return if reverse direction
+     * @returns {boolean}
+     */
+    isReverseDirection:function () {
+        return this._reverseDirection;
+    },
+
+    /**
+     * set color of sprite
+     * @param {cc.Color} color
+     */
+    setColor:function (color) {
+        this._sprite.color = color;
+        this._renderCmd.setDirtyFlag(cc.Node._dirtyFlags.colorDirty);
+    },
+
+    /**
+     *  set opacity of sprite
+     * @param {Number} opacity
+     */
+    setOpacity:function (opacity) {
+        this._sprite.opacity = opacity;
+        //this._renderCmd._updateColor();
+        this._renderCmd.setDirtyFlag(cc.Node._dirtyFlags.opacityDirty);
+    },
+
+    /**
+     * return color of sprite
+     * @return {cc.Color}
+     */
+    getColor:function () {
+        return this._sprite.color;
+    },
+
+    /**
+     * return Opacity of sprite
+     * @return {Number}
+     */
+    getOpacity:function () {
+        return this._sprite.opacity;
+    },
+
+    /**
+     * set reverse cc.ProgressTimer
+     * @function
+     * @param {Boolean} reverse
+     */
+    setReverseProgress: function(reverse){
+        if (this._reverseDirection !== reverse){
+            this._reverseDirection = reverse;
+            this._renderCmd.releaseData();
+        }
+    },
+
+    /**
+     * set sprite for cc.ProgressTimer
+     * @function
+     * @param {cc.Sprite} sprite
+     */
+    setSprite: function(sprite){
+        if (this._sprite != sprite) {
+            this._sprite = sprite;
+            if(sprite)
+                this.setContentSize(sprite.width,sprite.height);
+            else
+                this.setContentSize(0,0);
+            this._renderCmd.releaseData();
+        }
+    },
+
+    /**
+     * set Progress type of cc.ProgressTimer
+     * @function
+     * @param {cc.ProgressTimer.TYPE_RADIAL|cc.ProgressTimer.TYPE_BAR} type
+     */
+    setType: function(type){
+        if (type !== this._type){
+            this._type = type;
+            this._renderCmd.releaseData();
+        }
+    },
+
+    /**
+     * Reverse Progress setter
+     * @function
+     * @param {Boolean} reverse
+     */
+    setReverseDirection: function(reverse){
+        if (this._reverseDirection !== reverse){
+            this._reverseDirection = reverse;
+            this._renderCmd.releaseData();
+        }
+    },
+
+    /**
+     * Initializes a progress timer with the sprite as the shape the timer goes through
+     * @function
+     * @param {cc.Sprite} sprite
+     * @return {Boolean}
+     */
+    initWithSprite: function(sprite){
+        this.percentage = 0;
+        this.setAnchorPoint(0.5,0.5);
+
+        this._type = cc.ProgressTimer.TYPE_RADIAL;
+        this._reverseDirection = false;
+        this.midPoint = cc.p(0.5, 0.5);
+        this.barChangeRate = cc.p(1, 1);
+        this.setSprite(sprite);
+        this._renderCmd.initCmd();
+        return true;
+    },
+
+    _createRenderCmd: function(){
+        if(cc._renderType === cc._RENDER_TYPE_CANVAS)
+            return new cc.ProgressTimer.CanvasRenderCmd(this);
+        else
+            return new cc.ProgressTimer.WebGLRenderCmd(this);
+    }
+});
+
+// Extended properties
+var _p = cc.ProgressTimer.prototype;
+
+/** @expose */
+_p.midPoint;
+cc.defineGetterSetter(_p, "midPoint", _p.getMidpoint, _p.setMidpoint);
+/** @expose */
+_p.barChangeRate;
+cc.defineGetterSetter(_p, "barChangeRate", _p.getBarChangeRate, _p.setBarChangeRate);
+/** @expose */
+_p.type;
+cc.defineGetterSetter(_p, "type", _p.getType, _p.setType);
+/** @expose */
+_p.percentage;
+cc.defineGetterSetter(_p, "percentage", _p.getPercentage, _p.setPercentage);
+/** @expose */
+_p.sprite;
+cc.defineGetterSetter(_p, "sprite", _p.getSprite, _p.setSprite);
+/** @expose */
+_p.reverseDir;
+cc.defineGetterSetter(_p, "reverseDir", _p.isReverseDirection, _p.setReverseDirection);
+
+
+/**
+ * create a progress timer object with image file name that renders the inner sprite according to the percentage
+ * @deprecated since v3.0,please use new cc.ProgressTimer(sprite) instead.
+ * @param {cc.Sprite} sprite
+ * @return {cc.ProgressTimer}
+ */
+cc.ProgressTimer.create = function (sprite) {
+    return new cc.ProgressTimer(sprite);
+};
+
+/**
+ * @constant
+ * @type Number
+ */
+cc.ProgressTimer.TEXTURE_COORDS_COUNT = 4;
+
+/**
+ * @constant
+ * @type Number
+ */
+cc.ProgressTimer.TEXTURE_COORDS = 0x4b;
+
+/**
+ * Radial Counter-Clockwise
+ * @type Number
+ * @constant
+ */
+cc.ProgressTimer.TYPE_RADIAL = 0;
+
+/**
+ * Bar
+ * @type Number
+ * @constant
+ */
+cc.ProgressTimer.TYPE_BAR = 1;