按键分组与辅助键检测

idea.md

@@ -87,3 +87,9 @@ dam4.png ---- 存档 59
 [] 优化资源分离，音乐放到 bgm 目录下
 [] 一次性道具拾取与清怪
 [] 重构数据统计
+[] 优化路径显示，瞬移可以闪一下再熄灭
+[] 勇士身上显示攻防血
+[] 优化地图拖动
+[] 楼层转换假如随机小贴士
+[] ui 中如果元素发生改变，那么做出背景亮一下再熄灭的效果
+[] 双击怪物手册拐点可以直接在拖动条上定位

src/core/index.ts

@@ -4,6 +4,7 @@ import { EventEmitter } from './common/eventEmitter';
 import { loading, readyAllResource } from './loader/load';
 import { ResourceStore, ResourceType } from './loader/resource';
 import { GameEvent, hook } from './main/game';
+import { GameStorage } from './main/storage';
 import { resolvePlugin } from './plugin';
 
 interface AncTePlugin {
@@ -41,6 +42,7 @@ export interface AncTe {
     plugin: AncTePlugin;
     game: {
         hook: EventEmitter<GameEvent>;
+        storage: GameStorage<any>[];
     };
 }
 
@@ -53,7 +55,8 @@ function ready() {
         // @ts-ignore
         plugin: {},
         game: {
-            hook
+            hook,
+            storage: GameStorage.list
         }
     };
 

src/core/main/custom/hotkey.ts

@@ -1,5 +1,5 @@
 import { KeyCode } from '../../../plugin/keyCodes';
-import { deleteWith } from '../../../plugin/utils';
+import { deleteWith, generateBinary, has } from '../../../plugin/utils';
 import { EmitableEvent, EventEmitter } from '../../common/eventEmitter';
 import { GameStorage } from '../storage';
 
@@ -16,13 +16,22 @@ interface HotkeyData {
     ctrl?: boolean;
     alt?: boolean;
     shift?: boolean;
+    group?: string;
     func: (code: KeyCode, e: KeyboardEvent) => any;
 }
 
+interface GroupInfo {
+    name: string;
+    includes: string[];
+}
+
+type RegisterData = Omit<HotkeyData, 'id' | 'key' | 'name'>;
+
 export class Hotkey extends EventEmitter<HotkeyEvent> {
     keyMap: Map<KeyCode, HotkeyData[]> = new Map();
     list: Record<string, HotkeyData> = {};
     storage: GameStorage<Record<string, KeyCode>>;
+    groups: Record<string, GroupInfo> = {};
 
     constructor(id: string) {
         super();
@@ -33,9 +42,10 @@ export class Hotkey extends EventEmitter<HotkeyEvent> {
      * 注册一个按键操作
      * @param data 按键信息
      */
-    register(id: string, data: Omit<HotkeyData, 'id' | 'key'>) {
+    register(id: string, name: string, data: RegisterData) {
         const key = {
             id,
+            name,
             key: this.storage.getValue(id, data.defaults),
             ...data
         };
@@ -75,7 +85,48 @@ export class Hotkey extends EventEmitter<HotkeyEvent> {
      */
     emitKey(key: KeyCode, e: KeyboardEvent): any[] {
         this.emit('emit', key, e);
-        return this.getData(key).map(v => v.func(key, e));
+        return this.getData(key).map(v => {
+            const assist = generateBinary([e.ctrlKey, e.altKey, e.shiftKey]);
+            const need = generateBinary([!!v.ctrl, !!v.alt, !!v.shift]);
+            if (assist & need) {
+                v.func(key, e);
+            }
+        });
+    }
+
+    /**
+     * 按键分组
+     * @param id 组id
+     * @param name 组名称
+     * @param ids 组包含的内容
+     */
+    group(id: string, name: string, ids: string[]) {
+        this.groups[id] = {
+            name,
+            includes: ids
+        };
+        ids.forEach(v => {
+            const data = this.list[v];
+            if (has(data.group)) {
+                deleteWith(this.groups[data.group].includes, v);
+            }
+            data.group = id;
+        });
+        return this;
+    }
+
+    /**
+     * 将剩余的按键组成一个组合
+     * @param id 组合id
+     * @param name 组合的名称
+     */
+    groupRest(id: string, name: string) {
+        const rest = Object.values(this.list)
+            .filter(v => !has(v.group))
+            .map(v => v.id);
+
+        this.group(id, name, rest);
+        return this;
     }
 
     private ensureKey(key: KeyCode) {
@@ -89,133 +140,137 @@ export class Hotkey extends EventEmitter<HotkeyEvent> {
 export const hotkey = new Hotkey('gameKey');
 
 hotkey
-    .register('book', {
+    .register('book', '怪物手册', {
-        name: '怪物手册',
         defaults: KeyCode.KeyX,
         func: () => {}
     })
-    .register('save', {
+    .register('save', '存档界面', {
-        name: '存档界面',
         defaults: KeyCode.KeyS,
         func: () => {}
     })
-    .register('load', {
+    .register('load', '读档界面', {
-        name: '读档界面',
         defaults: KeyCode.KeyD,
         func: () => {}
     })
-    .register('undo1', {
+    .register('undo1', '撤回', {
-        name: '撤回',
         defaults: KeyCode.KeyA,
         func: () => {}
     })
-    .register('undo2', {
+    .register('undo2', '撤回 手机端', {
-        name: '撤回',
         defaults: KeyCode.Digit5,
         func: () => {}
     })
-    .register('redo1', {
+    .register('redo1', '重做', {
-        name: '重做',
         defaults: KeyCode.KeyW,
         func: () => {}
     })
-    .register('redo2', {
+    .register('redo2', '重做 手机端', {
-        name: '重做',
         defaults: KeyCode.Digit6,
         func: () => {}
     })
-    .register('toolbox', {
+    .register('toolbox', '道具栏', {
-        name: '道具栏',
         defaults: KeyCode.KeyT,
         func: () => {}
     })
-    .register('equipbox', {
+    .register('equipbox', '装备栏', {
-        name: '装备栏',
         defaults: KeyCode.KeyQ,
         func: () => {}
     })
-    .register('fly', {
+    .register('fly', '楼层传送', {
-        name: '楼层传送',
         defaults: KeyCode.KeyG,
         func: () => {}
     })
-    .register('turn', {
+    .register('turn', '勇士转向', {
-        name: '勇士转向',
         defaults: KeyCode.KeyZ,
         func: () => {}
     })
-    .register('getNext1', {
+    .register('getNext1', '轻按', {
-        name: '轻按',
         defaults: KeyCode.Space,
         func: () => {}
     })
-    .register('getNext2', {
+    .register('getNext2', '轻按 手机端', {
-        name: '轻按',
         defaults: KeyCode.Digit7,
         func: () => {}
     })
-    .register('menu', {
+    .register('menu', '菜单', {
-        name: '菜单',
         defaults: KeyCode.Escape,
         func: () => {}
     })
-    .register('replay', {
+    .register('replay', '录像回放', {
-        name: '录像回放',
         defaults: KeyCode.KeyR,
         func: () => {}
     })
-    .register('restart', {
+    .register('restart', '开始菜单', {
-        name: '开始菜单',
         defaults: KeyCode.KeyN,
         func: () => {}
     })
-    .register('shop', {
+    .register('shop', '快捷商店', {
-        name: '快捷商店',
         defaults: KeyCode.KeyV,
         func: () => {}
     })
-    .register('statistics', {
+    .register('statistics', '数据统计', {
-        name: '数据统计',
         defaults: KeyCode.KeyB,
         func: () => {}
     })
-    .register('viewMap1', {
+    .register('viewMap1', '浏览地图', {
-        name: '浏览地图',
         defaults: KeyCode.PageUp,
         func: () => {}
     })
-    .register('viewMap2', {
+    .register('viewMap2', '浏览地图', {
-        name: '浏览地图',
         defaults: KeyCode.PageDown,
         func: () => {}
     })
-    .register('comment', {
+    .register('comment', '评论区', {
-        name: '评论区',
         defaults: KeyCode.KeyP,
         func: () => {}
     })
-    .register('mark', {
+    .register('mark', '标记怪物', {
-        name: '标记怪物',
         defaults: KeyCode.KeyM,
         func: () => {}
     })
-    .register('skillTree', {
+    .register('skillTree', '技能树', {
-        name: '技能树',
         defaults: KeyCode.KeyJ,
         func: () => {}
     })
-    .register('desc', {
+    .register('desc', '百科全书', {
-        name: '百科全书',
         defaults: KeyCode.KeyH,
         func: () => {}
     })
-    .register('special', {
+    .register('special', '鼠标位置怪物属性', {
-        name: '鼠标位置怪物属性',
         defaults: KeyCode.KeyE,
         func: () => {}
     })
-    .register('critical', {
+    .register('critical', '鼠标位置怪物临界', {
-        name: '鼠标位置怪物临界',
         defaults: KeyCode.KeyC,
         func: () => {}
-    });
+    })
+    .group('action', '游戏操作', [
+        'save',
+        'load',
+        'undo1',
+        'undo2',
+        'redo1',
+        'redo2',
+        'turn',
+        'getNext1',
+        'getNext2',
+        'mark'
+    ])
+    .group('view', '快捷查看', [
+        'book',
+        'toolbox',
+        'equipbox',
+        'fly',
+        'menu',
+        'replay',
+        'shop',
+        'statistics',
+        'viewMap1',
+        'viewMap2',
+        'skillTree',
+        'desc',
+        'special',
+        'critical'
+    ])
+    .group('system', '系统按键', ['comment'])
+    .groupRest('unClassed', '未分类按键');

src/plugin/utils.ts

@@ -286,3 +286,13 @@ export async function triggerFullscreen(full: boolean) {
         });
     }
 }
+
+export function generateBinary(arr: boolean[]) {
+    let num = 0;
+    arr.forEach((v, i) => {
+        if (v) {
+            num += 1 << i;
+        }
+    });
+    return num;
+}