初次提交

assets/script/core/common/component/GameComponent.ts

@@ -0,0 +1,82 @@
+import { Component, _decorator } from "cc";
+import { EventDispatcher } from "../event/EventDispatcher";
+
+const { ccclass } = _decorator;
+
+@ccclass("GameComponent")
+export class GameComponent extends Component {
+    private _eventDispatcher: EventDispatcher | null = null;
+
+    public get eventDispatcher(): EventDispatcher {
+        if (!this._eventDispatcher) {
+            this._eventDispatcher = new EventDispatcher();
+        }
+        return this._eventDispatcher;
+    }
+
+    // 事件是否绑定node的active
+    private _isBindMessageActive: boolean = false;
+
+    /** 绑定node active属性，即只有active为true才会响应事件 */
+    public bindMessageActive() {
+        this._isBindMessageActive = true;
+    }
+
+    /** 解绑node active属性，无论node是否可见都会响应事件 */
+    public unbindMessageActive() {
+        this._isBindMessageActive = false;
+    }
+
+    /**
+     * 注册全局事件
+     * @param event(string)      事件名
+     * @param listener(function) 处理事件的侦听器函数
+     * @param thisObj(object)    侦听函数绑定的this对象
+     */
+    public on(event: string, listener: Function, thisObj: any) {
+        this.eventDispatcher.on(event, (event, args) => {
+            if (!this.isValid) {
+                if (this._eventDispatcher) {
+                    this._eventDispatcher.destroy();
+                    this._eventDispatcher = null;
+                }
+                return;
+            }
+
+            if (this._isBindMessageActive) {
+                if (this.node.active) {
+                    listener.call(thisObj, event, args);
+                }
+            }
+            else {
+                listener.call(thisObj, event, args);
+            }
+        }, thisObj);
+    }
+
+    /**
+     * 移除全局事件
+     * @param event(string)      事件名
+     */
+    public off(event: string) {
+        if (this._eventDispatcher) {
+            this._eventDispatcher.off(event);
+        }
+    }
+
+    /** 
+     * 触发全局事件 
+     * @param event(string)      事件名
+     * @param arg(Array)         事件参数
+     */
+    public dispatchEvent(event: string, arg = null) {
+        this.eventDispatcher.dispatchEvent(event, arg);
+    }
+
+    onDestroy() {
+        if (this._eventDispatcher) {
+            this._eventDispatcher.destroy();
+            this._eventDispatcher = null;
+        }
+    }
+}

assets/script/core/common/component/GameComponent.ts.meta

@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.22",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "ac536f92-9564-4e5d-bcf0-cc66fb91e8aa",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}

assets/script/core/common/component/geometry.meta

@@ -0,0 +1,12 @@
+{
+  "ver": "1.1.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "fd6e96ff-96ce-44f0-8eda-24aaf8c2e936",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "compressionType": {},
+    "isRemoteBundle": {}
+  }
+}

assets/script/core/common/component/geometry/DrawSectorMesh.ts

@@ -0,0 +1,99 @@
+
+import { Component, gfx, macro, Material, MeshRenderer, utils, Vec3, _decorator } from 'cc';
+const { ccclass, property } = _decorator;
+
+@ccclass('DrawSectorMesh')
+/** 
+ * 绘制扇形网格
+ */
+export class DrawSectorMesh extends Component {
+    @property({ type: Material })
+    public mat: Material | null = null;
+
+    @property({
+        tooltip: "外圈半径"
+    })
+    public radius: number = 5;
+
+    @property({
+        tooltip: "内圈半径"
+    })
+    public innerRadius: number = 1;
+
+    @property({
+        tooltip: "扇形角度"
+    })
+    public angledegree: number = 60;
+
+    start() {
+        this.createMesh()
+    }
+
+    createMesh() {
+        const model = this.addComponent(MeshRenderer)!;
+        const segments: number = Math.floor(this.angledegree / 4) + 1;                        // 三角形个数（平滑度）
+
+        var positions: number[] = [];                                                         // 顶点位置数据
+
+        // 组装顶点数据
+        var vertices_count: number = segments * 2 + 2;                                        // vertices(顶点)的个数与triangles（索引三角形顶点数）匹配
+        var vertices: Array<Vec3> = new Array<Vec3>(vertices_count);
+        var angleRad: number = this.angledegree * macro.RAD;                                  // 角度转弧度
+        var angleCur: number = angleRad;
+        var angledelta: number = angleRad / segments;                                         // 每个三角形的弧度
+        for (var i = 0; i < vertices_count; i += 2) {                                         // 扇形每二个三角形之间共用2个顶点，所有生成时每次循环生成二个顶点
+            var cosA: number = Math.cos(angleCur);
+            var sinA: number = Math.sin(angleCur);
+
+            vertices[i] = new Vec3(this.radius * cosA, 0, this.radius * sinA);                // 已知扇形外圈半径为斜边求x、z值，得到第一个顶点位置（外圈半径顶点）
+            vertices[i + 1] = new Vec3(this.innerRadius * cosA, 0, this.innerRadius * sinA);  // 已知扇形内圈半径为斜边求x、z值，得到第二个顶点位置（内圈半径顶点）
+            angleCur -= angledelta;
+
+            positions.push(vertices[i].x);
+            positions.push(vertices[i].y);
+            positions.push(vertices[i].z);
+            positions.push(vertices[i + 1].x);
+            positions.push(vertices[i + 1].y);
+            positions.push(vertices[i + 1].z);
+        }
+
+
+        // 组装三角形数据
+        var indice_count: number = segments * 6;                                               // 扇形外圈与扇形内圈会生成一个四边形，即二个三角形，6个顶点索引
+        var indices: Array<number> = new Array<number>(indice_count);
+        for (var i = 0, vi = 0; i < indice_count; i += 6, vi += 2) {                           // i为三角形顶点索引号，vi为顶点位置索引
+            indices[i] = vi;
+            indices[i + 1] = vi + 3;
+            indices[i + 2] = vi + 1;
+            indices[i + 3] = vi + 2;
+            indices[i + 4] = vi + 3;
+            indices[i + 5] = vi;
+        }
+
+        // 组装UV数据
+        var uvs: number[] = [];
+        for (var i = 0; i < vertices_count; i++) {
+            var u = vertices[i].x / this.radius / 2 + 0.5
+            var v = vertices[i].z / this.radius / 2 + 0.5
+            uvs.push(u, v);
+        }
+
+        const primitiveMode = gfx.PrimitiveMode.TRIANGLE_FAN;
+        const attributes: any[] = [{
+            name: gfx.AttributeName.ATTR_NORMAL,
+            format: gfx.Format.RGB32F,
+        }];
+
+        var IGeometry = {
+            positions: positions,
+            indices: indices,
+            uvs: uvs,
+            primitiveMode: primitiveMode,           // 默认值效果一样，需要研究作用
+            attributes: attributes                  // 默认值效果一样，需要研究作用
+        }
+
+        const mesh = utils.createMesh(IGeometry);
+        model.mesh = mesh;
+        model.material = this.mat;
+    }
+}

assets/script/core/common/component/geometry/DrawSectorMesh.ts.meta

@@ -0,0 +1,11 @@
+{
+  "ver": "4.0.22",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "16f74800-b991-41f0-9345-1e8ef3d4c7b1",
+  "files": [],
+  "subMetas": {},
+  "userData": {
+    "simulateGlobals": []
+  }
+}