@cc-component/cc-guide 1.0.9 → 1.1.1

package/assets/guide/guide/GuideCenter.ts

@@ -27,6 +27,8 @@ export class GuideCenter {
         return GuideCenter.instance;
     }
     callMessage: (param: ITableGuide) => void;
+    callMessageView: (param: ITableGuide) => void;
+
     callMessageNet: (param: number, finish: Function) => void;
 
     callClick: (step: number) => void;
@@ -310,6 +312,9 @@ export class GuideCenter {
     OnMessageStep(call: (param: ITableGuide) => void) {
         this.callMessage = call
     }
+    OnMessageStepView(call: (param: ITableGuide) => void) {
+        this.callMessageView = call
+    }
     OnMessageStepNet(call: (step: number, finish: Function) => void) {
         this.callMessageNet = call
     }

package/assets/guide/guide/model/GuideCommon.ts

@@ -21,9 +21,3 @@ export interface IGuideData {
     tableGuide: Map<number, ITableGuide>;
 }
 
-export enum GuideStep {
-    /**客户端：更新了引导步骤 */
-    GuideEventStep = "GuideEventStep",
-    /**服务器：需要你更新服务器的步骤 */
-    GuideEventStepNet = "GuideEventStepNet",
-}

package/assets/guide/guide/model/ITableGuide.ts

@@ -29,4 +29,6 @@ export interface ITableGuide {
     dialogY: number;
     /** 节点显示触发引导组 */
     enableGroup: number;
+    /**声音路径 */
+    sound: string;
 }

package/assets/guide/guide/view/GuideViewComp.ts

@@ -113,6 +113,7 @@ export class GuideViewComp extends Component {
             else {
                 Log.log(`当前步骤：${this.model.step} 引导事件节点：${btn.name}--父节点：${btn.parent.name}`)
                 GuideModule.GuideCenter.callMessage?.(this.model.currentPrompt.data)
+                GuideModule.GuideCenter.callMessageView?.(this.model.currentPrompt.data)
 
                 GuideModule.GuideCenter.is_guide_week = false;
                 // const is_choose = this.model.step === 5 || this.model.step === 6

package/assets/guide/guide/view/GuideViewItem.ts

@@ -14,7 +14,7 @@ const { ccclass, property, menu } = _decorator;
 
 /** 新手引导数据（绑定到引导节点上） */
 @ccclass('GuideViewItem')
-@menu("引导组件/GuideViewItem")
+@menu("引导组件/引导-GuideViewItem")
 export class GuideViewItem extends Component {
     @property({
         type: [CCInteger],

package/assets/guide/interface/GuideModule.ts

@@ -19,6 +19,8 @@ class GuideModule {
   static get GuideCenter() { return GuideCenter.instance; }
   static MoveTo(param: any, window_name: string): { window: string, value: any } { return GuideSDK.MoveTo(param, window_name) };
   static OnMessageStep(call: (param: ITableGuide) => void) { GuideCenter.instance.OnMessageStep(call) }
+  static OnMessageStepView(call: (param: ITableGuide) => void) { GuideCenter.instance.OnMessageStepView(call) }
+
   static OnMessageStepNet(call: (step: number, finish: Function) => void) { GuideCenter.instance.OnMessageStepNet(call) }
   static OnMessageClick(call: (step: number) => void) { GuideCenter.instance.OnMessageClick(call) }
   static OnMessageJumpWindow(call: (urls: string[]) => void) { GuideCenter.instance.OnMessageJumpWindow(call) }

package/assets/guide/interface/Interface.ts

@@ -18,7 +18,9 @@ declare global {
         function MoveTo(param: any, window: string): { window: string, value: any };
         /**必须实现该方法: 需要更新服务器的步骤*/
         function OnMessageStepNet(call: (step: number, finish: Function) => void)
-        /**监听更新步骤 */
+        /**监听更新步骤-界面中监听 */
+        function OnMessageStepView(call: (param: ITableGuide) => void)
+        /**监听更新步骤-初始化时监听 */
         function OnMessageStep(call: (param: ITableGuide) => void)
         /**监听点击了引导事件 */
         function OnMessageClick(call: (step: number) => void)
@@ -30,16 +32,5 @@ declare global {
         function GuideShow(): boolean;
         /**开启日志打印 */
         function Debug(enable: boolean)
-        //任务
-        // const TaskCenter: TaskCenter;
-        // function TaskInit(node: Node, step?: number, step_week?: number)
-        // function CheckGroup(id: number, index: number);
-        // function TaskStartGuideGroup<T>(group_id: number): Promise<T>;
-        // function TaskGuideSDK(): any;
-        // /**移动到界面指定位置
-        //  * window:界面名称
-        //  * row :Task位置 大于0 为移动
-        //  */
-
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cc-component/cc-guide",
-    "version": "1.0.9",
+    "version": "1.1.1",
     "engine": ">=3.8.6",
     "description": "系统组件添加常用扩展方法",
     "main": "index.ts",

package/assets/guide/guide/model/ITableNPC.ts

@@ -1,10 +0,0 @@
-export interface ITableNPC {
-
-    /** 编号【KEY】 */
-    id: number
-
-    /** npc昵称 */
-    npcname: string
-    /** npc头像资源 */
-    npcavator: string
-}

package/assets/guide/guide/model/ITableNPC.ts.meta

@@ -1,9 +0,0 @@
-{
-  "ver": "4.0.24",
-  "importer": "typescript",
-  "imported": true,
-  "uuid": "bdc2bbec-1dcb-4169-8dad-8b3a6b51218b",
-  "files": [],
-  "subMetas": {},
-  "userData": {}
-}

package/assets/guide/guide/view/GuideTest.ts

@@ -1,150 +0,0 @@
-import { GraphicsComponent } from 'cc';
-import { Graphics } from 'cc';
-import { Color } from 'cc';
-import { Mask } from 'cc';
-import { _decorator, Component, Node } from 'cc';
-
-const { ccclass, property } = _decorator;
-
-@ccclass('GuideTest')
-export class GuideTest extends Component {
-    @property(Mask)
-    mask: Mask = null!;
-
-    @property(Graphics)
-    graphics: Graphics = null!;
-
-    protected onLoad(): void {
-        this.drawCircleWithInnerBlur(0, 0, 500);
-
-        // this.drawRectWithGradient()
-    }
-
-    /** 绘制带有透明度渐变的圆形遮罩 */
-    drawCircleWithGradient(centerX: number, centerY: number, radius: number, gradientWidth: number = 20): void {
-        // if (this.mask.type !== Mask.Type.GRAPHICS_STENCIL) {
-        //     return;
-        // }
-
-        var g: Graphics = this.graphics;
-        g.clear();
-
-        // 绘制中心不透明圆形
-        g.fillColor = new Color(0, 0, 0, 255);
-        g.circle(centerX, centerY, radius);
-        g.fill();
-
-        // 创建渐变边缘（通过多个半透明圆环实现）
-        const steps = 15;
-        for (let i = 1; i <= steps; i++) {
-            const progress = i / steps;
-            const currentRadius = radius + gradientWidth * progress;
-            const alpha = Math.floor(255 * (1 - progress));
-
-            g.fillColor = new Color(0, 0, 0, alpha);
-            g.circle(centerX, centerY, currentRadius);
-            g.fill();
-        }
-    }
-
-    /** 绘制带有从中心向边缘渐变的圆形遮罩 */
-    drawCircleWithInnerBlur2(centerX: number, centerY: number, radius: number, blurWidth: number = 20): void {
-        var g: Graphics = this.graphics;
-        g.clear();
-
-        // 从内向外绘制多个半透明圆环，实现向外渐变效果
-        const steps = 20;
-        for (let i = steps; i >= 1; i--) {
-            const progress = i / steps;
-            const currentRadius = radius * progress;
-            // 从中心到边缘，透明度逐渐增加
-            const alpha = Math.floor(255 * (1 - progress));
-
-            g.fillColor = new Color(0, 0, 0, alpha);
-            g.circle(centerX, centerY, currentRadius);
-            g.fill();
-        }
-    }
-drawCircleWithInnerBlur(centerX: number, centerY: number, radius: number): void {
-    const g: Graphics = this.graphics;
-    g.clear(); // 清空之前的绘制
-
-    const steps = 3; // 渐变的步数，越高越平滑
-    const maxAlpha = 255; // 最大透明度
-    const minAlpha = 0;   // 最小透明度
-
-    // 从内到外逐步绘制多个圆形，透明度逐渐增加
-    for (let i = 0; i < steps; i++) {
-        const progress = i / (steps - 1); // 计算每一步的进度（从 0 到 1）
-        const currentRadius = radius * progress; // 当前圆的半径
-        const alpha = Math.floor(maxAlpha * progress); // 计算透明度，越远离中心越不透明
-
-        // 设置每个圆的填充颜色，透明度逐渐增加
-        g.fillColor = new Color(0, 0, 0, 20); // 黑色，透明度渐变
-        g.circle(centerX, centerY, currentRadius); // 绘制圆形
-        g.fill(); // 填充当前圆形
-    }
-}
-
-
-
-
-
-
-    /** 绘制带边缘渐变的矩形遮罩 */
-    drawRectWithGradient(x: number, y: number, width: number, height: number, gradientWidth: number = 20): void {
-        if (this.mask.type !== Mask.Type.GRAPHICS_STENCIL) {
-            return;
-        }
-
-        var g: GraphicsComponent = this.graphics;
-        g.clear();
-
-        // 绘制中心不透明矩形
-        g.fillColor = new Color(0, 0, 0, 255);
-        g.rect(x, y, width, height);
-        g.fill();
-
-        // 绘制渐变边缘
-        const steps = 10;
-        for (let i = 1; i <= steps; i++) {
-            const progress = i / steps;
-            const alpha = Math.floor(255 * (1 - progress));
-            const currentColor = new Color(0, 0, 0, alpha);
-
-            // 上边缘
-            g.fillColor = currentColor;
-            g.rect(x - gradientWidth * progress, y + height, gradientWidth * progress * 2 + width, gradientWidth * progress);
-            g.fill();
-
-            // 下边缘
-            g.fillColor = currentColor;
-            g.rect(x - gradientWidth * progress, y - gradientWidth * progress, gradientWidth * progress * 2 + width, gradientWidth * progress);
-            g.fill();
-
-            // 左边缘
-            g.fillColor = currentColor;
-            g.rect(x - gradientWidth * progress, y, gradientWidth * progress, height);
-            g.fill();
-
-            // 右边缘
-            g.fillColor = currentColor;
-            g.rect(x + width, y, gradientWidth * progress, height);
-            g.fill();
-        }
-    }
-
-    yang() {
-        const g = this.graphics
-        g.lineWidth = 10;
-        g.fillColor.fromHEX('#00ccffff');
-        g.strokeColor = Color.GREEN
-        g.moveTo(-40, 0);
-        g.lineTo(0, -80);
-        g.lineTo(40, 0);
-        g.lineTo(0, 80);
-        g.close();
-        g.stroke();
-        g.fill();
-    }
-}

package/assets/guide/guide/view/GuideTest.ts.meta

@@ -1,9 +0,0 @@
-{
-  "ver": "4.0.24",
-  "importer": "typescript",
-  "imported": true,
-  "uuid": "91d112dc-b6a3-4072-b5f5-ce7d74c86e44",
-  "files": [],
-  "subMetas": {},
-  "userData": {}
-}