Test_Project_Cocos/cocos-enhance-kit
1
0
Fork 0
mirror of https://github.com/smallmain/cocos-enhance-kit.git synced 2025-09-24 09:47:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

初始化

Browse Source
This commit is contained in:
SmallMain
2022-06-25 00:23:03 +08:00
commit ef0589e8e5
2264 changed files with 617829 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

387
engine/cocos2d/core/graphics/graphics.js Normal file
View File

@@ -0,0 +1,387 @@
/****************************************************************************
Copyright (c) 2013-2016 Chukong Technologies Inc.
Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd.
https://www.cocos.com/
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated engine source code (the "Software"), a limited,
worldwide, royalty-free, non-assignable, revocable and non-exclusive license
to use Cocos Creator solely to develop games on your target platforms. You shall
not use Cocos Creator software for developing other software or tools that's
used for developing games. You are not granted to publish, distribute,
sublicense, and/or sell copies of Cocos Creator.
The software or tools in this License Agreement are licensed, not sold.
Xiamen Yaji Software Co., Ltd. reserves all rights not expressly granted to you.
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.
****************************************************************************/
const RenderComponent = require('../components/CCRenderComponent');
const Material = require('../assets/material/CCMaterial');
const Types = require('./types');
const LineCap = Types.LineCap;
const LineJoin = Types.LineJoin;
/**
* @class Graphics
* @extends RenderComponent
*/
let Graphics = cc.Class({
name: 'cc.Graphics',
extends: RenderComponent,
editor: CC_EDITOR && {
menu: 'i18n:MAIN_MENU.component.renderers/Graphics',
},
ctor () {
this._impl = new Graphics._Impl(this);
},
properties: {
_lineWidth: 2,
_strokeColor: cc.Color.BLACK,
_lineJoin: LineJoin.MITER,
_lineCap: LineCap.BUTT,
_fillColor: cc.Color.WHITE,
_miterLimit: 10,
/**
* !#en
* Current line width.
* !#zh
* 当前线条宽度
* @property {Number} lineWidth
* @default 1
*/
lineWidth: {
get () {
return this._lineWidth;
},
set (value) {
this._lineWidth = value;
this._impl.lineWidth = value;
}
},
/**
* !#en
* lineJoin determines how two connecting segments (of lines, arcs or curves) with non-zero lengths in a shape are joined together.
* !#zh
* lineJoin 用来设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性。
* @property {Graphics.LineJoin} lineJoin
* @default LineJoin.MITER
*/
lineJoin: {
get () {
return this._lineJoin;
},
set (value) {
this._lineJoin = value;
this._impl.lineJoin = value;
},
type: LineJoin
},
/**
* !#en
* lineCap determines how the end points of every line are drawn.
* !#zh
* lineCap 指定如何绘制每一条线段末端。
* @property {Graphics.LineCap} lineCap
* @default LineCap.BUTT
*/
lineCap: {
get () {
return this._lineCap;
},
set (value) {
this._lineCap = value;
this._impl.lineCap = value;
},
type: LineCap
},
/**
* !#en
* stroke color
* !#zh
* 线段颜色
* @property {Color} strokeColor
* @default Color.BLACK
*/
strokeColor: {
get () {
return this._strokeColor;
},
set (value) {
this._impl.strokeColor = this._strokeColor = cc.color(value);
}
},
/**
* !#en
* fill color
* !#zh
* 填充颜色
* @property {Color} fillColor
* @default Color.WHITE
*/
fillColor: {
get () {
return this._fillColor;
},
set (value) {
this._impl.fillColor = this._fillColor = cc.color(value);
}
},
/**
* !#en
* Sets the miter limit ratio
* !#zh
* 设置斜接面限制比例
* @property {Number} miterLimit
* @default 10
*/
miterLimit: {
get () {
return this._miterLimit;
},
set (value) {
this._miterLimit = value;
this._impl.miterLimit = value;
}
}
},
statics: {
LineJoin: LineJoin,
LineCap: LineCap
},
onRestore () {
if (!this._impl) {
this._impl = new Graphics._Impl(this);
}
},
onDestroy () {
this.clear(true);
this._super();
this._impl = null;
},
_getDefaultMaterial () {
return Material.getBuiltinMaterial('2d-graphics');
},
_updateMaterial () {
let material = this._materials[0];
if (!material) return;
if (material.getDefine('CC_USE_MODEL') !== undefined) {
material.define('CC_USE_MODEL', true);
}
if (material.getDefine('CC_SUPPORT_standard_derivatives') !== undefined && cc.sys.glExtension('OES_standard_derivatives')) {
material.define('CC_SUPPORT_standard_derivatives', true);
}
},
/**
* !#en Move path start point to (x,y).
* !#zh 移动路径起点到坐标(x, y)
* @method moveTo
* @param {Number} [x] The x axis of the coordinate for the end point.
* @param {Number} [y] The y axis of the coordinate for the end point.
*/
moveTo (x, y) {
if (CC_DEBUG && x instanceof cc.Vec2) {
cc.warn('[moveTo] : Can not pass Vec2 as [x, y] value, please check it.');
return;
}
this._impl.moveTo(x, y);
},
/**
* !#en Adds a straight line to the path
* !#zh 绘制直线路径
* @method lineTo
* @param {Number} [x] The x axis of the coordinate for the end point.
* @param {Number} [y] The y axis of the coordinate for the end point.
*/
lineTo (x, y) {
if (CC_DEBUG && x instanceof cc.Vec2) {
cc.warn('[moveTo] : Can not pass Vec2 as [x, y] value, please check it.');
return;
}
this._impl.lineTo(x, y);
},
/**
* !#en Adds a cubic Bézier curve to the path
* !#zh 绘制三次贝赛尔曲线路径
* @method bezierCurveTo
* @param {Number} [c1x] The x axis of the coordinate for the first control point.
* @param {Number} [c1y] The y axis of the coordinate for first control point.
* @param {Number} [c2x] The x axis of the coordinate for the second control point.
* @param {Number} [c2y] The y axis of the coordinate for the second control point.
* @param {Number} [x] The x axis of the coordinate for the end point.
* @param {Number} [y] The y axis of the coordinate for the end point.
*/
bezierCurveTo (c1x, c1y, c2x, c2y, x, y) {
this._impl.bezierCurveTo(c1x, c1y, c2x, c2y, x, y);
},
/**
* !#en Adds a quadratic Bézier curve to the path
* !#zh 绘制二次贝赛尔曲线路径
* @method quadraticCurveTo
* @param {Number} [cx] The x axis of the coordinate for the control point.
* @param {Number} [cy] The y axis of the coordinate for the control point.
* @param {Number} [x] The x axis of the coordinate for the end point.
* @param {Number} [y] The y axis of the coordinate for the end point.
*/
quadraticCurveTo (cx, cy, x, y) {
this._impl.quadraticCurveTo(cx, cy, x, y);
},
/**
* !#en Adds an arc to the path which is centered at (cx, cy) position with radius r starting at startAngle and ending at endAngle going in the given direction by counterclockwise (defaulting to false).
* !#zh 绘制圆弧路径。圆弧路径的圆心在 (cx, cy) 位置，半径为 r ，根据 counterclockwise （默认为false）指定的方向从 startAngle 开始绘制，到 endAngle 结束。
* @method arc
* @param {Number} [cx] The x axis of the coordinate for the center point.
* @param {Number} [cy] The y axis of the coordinate for the center point.
* @param {Number} [r] The arc's radius.
* @param {Number} [startAngle] The angle at which the arc starts, measured clockwise from the positive x axis and expressed in radians.
* @param {Number} [endAngle] The angle at which the arc ends, measured clockwise from the positive x axis and expressed in radians.
* @param {Boolean} [counterclockwise] An optional Boolean which, if true, causes the arc to be drawn counter-clockwise between the two angles. By default it is drawn clockwise.
*/
arc (cx, cy, r, startAngle, endAngle, counterclockwise) {
this._impl.arc(cx, cy, r, startAngle, endAngle, counterclockwise);
},
/**
* !#en Adds an ellipse to the path.
* !#zh 绘制椭圆路径。
* @method ellipse
* @param {Number} [cx] The x axis of the coordinate for the center point.
* @param {Number} [cy] The y axis of the coordinate for the center point.
* @param {Number} [rx] The ellipse's x-axis radius.
* @param {Number} [ry] The ellipse's y-axis radius.
*/
ellipse (cx, cy, rx, ry) {
this._impl.ellipse(cx, cy, rx, ry);
},
/**
* !#en Adds an circle to the path.
* !#zh 绘制圆形路径。
* @method circle
* @param {Number} [cx] The x axis of the coordinate for the center point.
* @param {Number} [cy] The y axis of the coordinate for the center point.
* @param {Number} [r] The circle's radius.
*/
circle (cx, cy, r) {
this._impl.circle(cx, cy, r);
},
/**
* !#en Adds an rectangle to the path.
* !#zh 绘制矩形路径。
* @method rect
* @param {Number} [x] The x axis of the coordinate for the rectangle starting point.
* @param {Number} [y] The y axis of the coordinate for the rectangle starting point.
* @param {Number} [w] The rectangle's width.
* @param {Number} [h] The rectangle's height.
*/
rect (x, y, w, h) {
this._impl.rect(x, y, w, h);
},
/**
* !#en Adds an round corner rectangle to the path.
* !#zh 绘制圆角矩形路径。
* @method roundRect
* @param {Number} [x] The x axis of the coordinate for the rectangle starting point.
* @param {Number} [y] The y axis of the coordinate for the rectangle starting point.
* @param {Number} [w] The rectangles width.
* @param {Number} [h] The rectangle's height.
* @param {Number} [r] The radius of the rectangle.
*/
roundRect (x, y, w, h, r) {
this._impl.roundRect(x, y, w, h, r);
},
/**
* !#en Draws a filled rectangle.
* !#zh 绘制填充矩形。
* @method fillRect
* @param {Number} [x] The x axis of the coordinate for the rectangle starting point.
* @param {Number} [y] The y axis of the coordinate for the rectangle starting point.
* @param {Number} [w] The rectangle's width.
* @param {Number} [h] The rectangle's height.
*/
fillRect (x, y, w, h) {
this.rect(x, y, w, h);
this.fill();
},
/**
* !#en Erasing any previously drawn content.
* !#zh 擦除之前绘制的所有内容的方法。
* @method clear
* @param {Boolean} [clean] Whether to clean the graphics inner cache.
*/
clear (clean) {
this._impl.clear(clean);
if (this._assembler) {
this._assembler.clear(clean);
}
},
/**
* !#en Causes the point of the pen to move back to the start of the current path. It tries to add a straight line from the current point to the start.
* !#zh 将笔点返回到当前路径起始点的。它尝试从当前点到起始点绘制一条直线。
* @method close
*/
close () {
this._impl.close();
},
/**
* !#en Strokes the current or given path with the current stroke style.
* !#zh 根据当前的画线样式，绘制当前或已经存在的路径。
* @method stroke
*/
stroke () {
if (!this._assembler) {
this._resetAssembler();
}
this._assembler.stroke(this);
},
/**
* !#en Fills the current or given path with the current fill style.
* !#zh 根据当前的画线样式，填充当前或已经存在的路径。
* @method fill
*/
fill () {
if (!this._assembler) {
this._resetAssembler();
}
this._assembler.fill(this);
}
});
cc.Graphics = module.exports = Graphics;
cc.Graphics.Types = Types;
cc.Graphics.Helper = require('./helper');

159
engine/cocos2d/core/graphics/helper.js Normal file
View File

@@ -0,0 +1,159 @@
/****************************************************************************
Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd.
https://www.cocos.com/
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated engine source code (the "Software"), a limited,
worldwide, royalty-free, non-assignable, revocable and non-exclusive license
to use Cocos Creator solely to develop games on your target platforms. You shall
not use Cocos Creator software for developing other software or tools that's
used for developing games. You are not granted to publish, distribute,
sublicense, and/or sell copies of Cocos Creator.
The software or tools in this License Agreement are licensed, not sold.
Xiamen Yaji Software Co., Ltd. reserves all rights not expressly granted to you.
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.
****************************************************************************/
const PointFlags = require('./types').PointFlags;
var PI = Math.PI;
var min = Math.min;
var max = Math.max;
var cos = Math.cos;
var sin = Math.sin;
var abs = Math.abs;
var sign = Math.sign;
var KAPPA90 = 0.5522847493;
function arc (ctx, cx, cy, r, startAngle, endAngle, counterclockwise) {
counterclockwise = counterclockwise || false;
var a = 0, da = 0, hda = 0, kappa = 0;
var dx = 0, dy = 0, x = 0, y = 0, tanx = 0, tany = 0;
var px = 0, py = 0, ptanx = 0, ptany = 0;
var i, ndivs;
// Clamp angles
da = endAngle - startAngle;
if (counterclockwise) {
if (abs(da) >= PI * 2) {
da = PI * 2;
} else {
while (da < 0) da += PI * 2;
}
} else {
if (abs(da) >= PI * 2) {
da = -PI * 2;
} else {
while (da > 0) da -= PI * 2;
}
}
// Split arc into max 90 degree segments.
ndivs = max(1, min(abs(da) / (PI * 0.5) + 0.5, 5)) | 0;
hda = da / ndivs / 2.0;
kappa = abs(4.0 / 3.0 * (1 - cos(hda)) / sin(hda));
if (!counterclockwise) kappa = -kappa;
for (i = 0; i <= ndivs; i++) {
a = startAngle + da * (i / ndivs);
dx = cos(a);
dy = sin(a);
x = cx + dx * r;
y = cy + dy * r;
tanx = -dy * r * kappa;
tany = dx * r * kappa;
if (i === 0) {
ctx.moveTo(x, y);
} else {
ctx.bezierCurveTo(px + ptanx, py + ptany, x - tanx, y - tany, x, y);
}
px = x;
py = y;
ptanx = tanx;
ptany = tany;
}
}
function ellipse (ctx, cx, cy, rx, ry) {
ctx.moveTo(cx - rx, cy);
ctx.bezierCurveTo(cx - rx, cy + ry * KAPPA90, cx - rx * KAPPA90, cy + ry, cx, cy + ry);
ctx.bezierCurveTo(cx + rx * KAPPA90, cy + ry, cx + rx, cy + ry * KAPPA90, cx + rx, cy);
ctx.bezierCurveTo(cx + rx, cy - ry * KAPPA90, cx + rx * KAPPA90, cy - ry, cx, cy - ry);
ctx.bezierCurveTo(cx - rx * KAPPA90, cy - ry, cx - rx, cy - ry * KAPPA90, cx - rx, cy);
ctx.close();
}
function roundRect (ctx, x, y, w, h, r) {
if (r < 0.1) {
ctx.rect(x, y, w, h);
return;
} else {
var rx = min(r, abs(w) * 0.5) * sign(w),
ry = min(r, abs(h) * 0.5) * sign(h);
ctx.moveTo(x, y + ry);
ctx.lineTo(x, y + h - ry);
ctx.bezierCurveTo(x, y + h - ry * (1 - KAPPA90), x + rx * (1 - KAPPA90), y + h, x + rx, y + h);
ctx.lineTo(x + w - rx, y + h);
ctx.bezierCurveTo(x + w - rx * (1 - KAPPA90), y + h, x + w, y + h - ry * (1 - KAPPA90), x + w, y + h - ry);
ctx.lineTo(x + w, y + ry);
ctx.bezierCurveTo(x + w, y + ry * (1 - KAPPA90), x + w - rx * (1 - KAPPA90), y, x + w - rx, y);
ctx.lineTo(x + rx, y);
ctx.bezierCurveTo(x + rx * (1 - KAPPA90), y, x, y + ry * (1 - KAPPA90), x, y + ry);
ctx.close();
}
}
function tesselateBezier (ctx, x1, y1, x2, y2, x3, y3, x4, y4, level, type) {
var x12, y12, x23, y23, x34, y34, x123, y123, x234, y234, x1234, y1234;
var dx, dy, d2, d3;
if (level > 10) return;
x12 = (x1 + x2) * 0.5;
y12 = (y1 + y2) * 0.5;
x23 = (x2 + x3) * 0.5;
y23 = (y2 + y3) * 0.5;
x34 = (x3 + x4) * 0.5;
y34 = (y3 + y4) * 0.5;
x123 = (x12 + x23) * 0.5;
y123 = (y12 + y23) * 0.5;
dx = x4 - x1;
dy = y4 - y1;
d2 = abs((x2 - x4) * dy - (y2 - y4) * dx);
d3 = abs((x3 - x4) * dy - (y3 - y4) * dx);
if ((d2 + d3) * (d2 + d3) < ctx._tessTol * (dx * dx + dy * dy)) {
ctx._addPoint(x4, y4, type === 0 ? type | PointFlags.PT_BEVEL : type);
return;
}
x234 = (x23 + x34) * 0.5;
y234 = (y23 + y34) * 0.5;
x1234 = (x123 + x234) * 0.5;
y1234 = (y123 + y234) * 0.5;
tesselateBezier(ctx, x1, y1, x12, y12, x123, y123, x1234, y1234, level + 1, 0);
tesselateBezier(ctx, x1234, y1234, x234, y234, x34, y34, x4, y4, level + 1, type);
}
module.exports = {
arc: arc,
ellipse: ellipse,
roundRect: roundRect,
tesselateBezier: tesselateBezier
};

29
engine/cocos2d/core/graphics/index.js Normal file
View File

@@ -0,0 +1,29 @@
/****************************************************************************
Copyright (c) 2013-2016 Chukong Technologies Inc.
Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd.
https://www.cocos.com/
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated engine source code (the "Software"), a limited,
worldwide, royalty-free, non-assignable, revocable and non-exclusive license
to use Cocos Creator solely to develop games on your target platforms. You shall
not use Cocos Creator software for developing other software or tools that's
used for developing games. You are not granted to publish, distribute,
sublicense, and/or sell copies of Cocos Creator.
The software or tools in this License Agreement are licensed, not sold.
Xiamen Yaji Software Co., Ltd. reserves all rights not expressly granted to you.
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.
****************************************************************************/
'use strict';
require('./graphics');

98
engine/cocos2d/core/graphics/types.js Normal file
View File

@@ -0,0 +1,98 @@
/****************************************************************************
Copyright (c) 2013-2016 Chukong Technologies Inc.
Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd.
https://www.cocos.com/
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated engine source code (the "Software"), a limited,
worldwide, royalty-free, non-assignable, revocable and non-exclusive license
to use Cocos Creator solely to develop games on your target platforms. You shall
not use Cocos Creator software for developing other software or tools that's
used for developing games. You are not granted to publish, distribute,
sublicense, and/or sell copies of Cocos Creator.
The software or tools in this License Agreement are licensed, not sold.
Xiamen Yaji Software Co., Ltd. reserves all rights not expressly granted to you.
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.
****************************************************************************/
'use strict';
/**
* !#en Enum for LineCap.
* !#zh 线段末端属性
* @enum Graphics.LineCap
*/
var LineCap = cc.Enum({
/**
* !#en The ends of lines are squared off at the endpoints.
* !#zh 线段末端以方形结束。
* @property {Number} BUTT
*/
BUTT: 0,
/**
* !#en The ends of lines are rounded.
* !#zh 线段末端以圆形结束。
* @property {Number} ROUND
*/
ROUND: 1,
/**
* !#en The ends of lines are squared off by adding a box with an equal width and half the height of the line's thickness.
* !#zh 线段末端以方形结束，但是增加了一个宽度和线段相同，高度是线段厚度一半的矩形区域。
* @property {Number} SQUARE
*/
SQUARE: 2,
});
/**
* !#en Enum for LineJoin.
* !#zh 线段拐角属性
* @enum Graphics.LineJoin
*/
var LineJoin = cc.Enum({
/**
* !#en Fills an additional triangular area between the common endpoint of connected segments, and the separate outside rectangular corners of each segment.
* !#zh 在相连部分的末端填充一个额外的以三角形为底的区域， 每个部分都有各自独立的矩形拐角。
* @property {Number} BEVEL
*/
BEVEL: 0,
/**
* !#en Rounds off the corners of a shape by filling an additional sector of disc centered at the common endpoint of connected segments. The radius for these rounded corners is equal to the line width.
* !#zh 通过填充一个额外的，圆心在相连部分末端的扇形，绘制拐角的形状。 圆角的半径是线段的宽度。
* @property {Number} ROUND
*/
ROUND: 1,
/**
* !#en Connected segments are joined by extending their outside edges to connect at a single point, with the effect of filling an additional lozenge-shaped area.
* !#zh 通过延伸相连部分的外边缘，使其相交于一点，形成一个额外的菱形区域。
* @property {Number} MITER
*/
MITER: 2
});
// PointFlags
var PointFlags = cc.Enum({
PT_CORNER: 0x01,
PT_LEFT: 0x02,
PT_BEVEL: 0x04,
PT_INNERBEVEL: 0x08,
});
module.exports = {
LineCap: LineCap,
LineJoin: LineJoin,
PointFlags: PointFlags
};