easyMenu - GitLite

KO | EN

gitlite — search

#hacktoberfest #typescript #golang #machine-learning #rust #docker #nodejs #macos #awesome-list #security #pytorch #mcp #ios #openai

easyMenu

(★ 181)

easyMenu is a component to help developers to add menus easily in Cocos Creator

File Explorer

Download Latest Version (.zip)

- - bundle1.meta
  - bundle2.meta
  - bundle3.meta
- - CommonDebug.ts
  - CommonDebug.ts.meta
  - EasyMenu.prefab
  - EasyMenu.prefab.meta
  - overDraw.effect
  - overDraw.effect.meta
  - overDraw.mtl
  - overDraw.mtl.meta
  - prefabs.meta
  - sprites.meta
  - src.meta
  - TimeScale.ts
  - TimeScale.ts.meta
- - BlinnPhong Test.prefab
  - BlinnPhong Test.prefab.meta
  - DefaultScene.prefab
  - DefaultScene.prefab.meta
  - HalfLambert Test.prefab
  - HalfLambert Test.prefab.meta
  - Instancing Test.prefab
  - Instancing Test.prefab.meta
  - Lambert Test.prefab
  - Lambert Test.prefab.meta
  - Outline Test.prefab
  - Outline Test.prefab.meta
  - PBR Test.prefab
  - PBR Test.prefab.meta
  - Toon Test.prefab
  - Toon Test.prefab.meta
  - Unlit Test.prefab
  - Unlit Test.prefab.meta
- - effect.meta
  - low.jpg
  - low.jpg.meta
  - mat.meta
  - model.meta
  - prefabs.meta
  - textures.meta
- - frame.meta
  - LoadingMgr.ts
  - LoadingMgr.ts.meta
  - orbit-camera.ts
  - orbit-camera.ts.meta
  - SceneMgr.ts
  - SceneMgr.ts.meta
- bundles.meta
- easyMenu.meta
- prefabs.meta
- res.meta
- scene.scene
- scene.scene.meta
- scripts.meta
.gitignore
package.json
README.md
tsconfig.json

# Installation Guide

1. Get the code

git clone https://github.com/iwae/easyMenu

Downloads the entire project code from GitHub to your computer.

cd easyMenu

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# easyMenu
easyMenu is a component to help developers to add menus easily in Cocos Creator

![image](https://github.com/iwae/easyMenu/assets/26038745/80b44753-5222-4223-840e-d7141c8fccaa)

it presets few functions for 2d/3d game tests.

### FPS Monitor
![122](https://github.com/iwae/easyMenu/assets/26038745/d39d5829-45d1-45ad-9e7d-effec50bf63b)

### Time Scale
![133](https://github.com/iwae/easyMenu/assets/26038745/6c84889d-7c37-49df-b4f4-db167e9d0b88)

### Overdraw Debug

![image](https://github.com/iwae/easyMenu/assets/26038745/446e4c69-2c30-4522-8ce2-d35afe37da3c)

## how to use 
copy easyMenu to your project, and add EasyMenu to the Canvas

![image](https://github.com/iwae/easyMenu/assets/26038745/f65c65b1-df16-4014-b64f-3ad579a60041)

## add group

![image](https://github.com/iwae/easyMenu/assets/26038745/05c1f225-6d05-47fc-8378-5d46054fb140)

``` typescript
    const menu = director.getScene().getChildByName('Canvas').getComponentInChildren(eMenu);
    if(!menu) return;
    const group = menu.addGroup("Scene");

```

## add item
``` typescript
    group.addItem("Default",()=>{
          this.defaultScene();
    });
```

## add toggle
``` typescript
  
     group.addToggle("High FPS", (t) => {
           game.frameRate = t ? 60 : 30;
     });
```

## add list
``` typescript
  
     group.addList("Image Memory",
           this.getImageMemory.bind(this)
    );
```
## add slider
``` typescript
  
     group.addSlider("Scale", (v: number) => {
           timeScale.scale = v;
     }, 1);
```
## add editbox
``` typescript
     group.addEdit("edit", "default",((input:string)=>{

});
```
## add graph
``` typescript
    group.addGraph("FPS", null, 60, 14);

this.graph = group.node.getChildByName("FPS").getComponent(eGraph);

this.graph.callback = (() => {
        const output = this.graph.positions.toString();
        console.log("FPS History", output)
        this.copyToClipboard(output);
    })
```
## add multi items
``` typescript
   this.menu
    .addGroup("Debug")
    .addToggle("Profiler", (t) => {
        t ? profiler.showStats() : profiler.hideStats();
    })
    .addSlider("Scale", (v: number) => {
        TimeScale.scale = v;
    }, 1)
    .addItem("Game Time", () => {
        return "GameTime: " + Math.floor(game.totalTime) + " ms";
    })
    .addToggle("High FPS", (t) => {
        game.frameRate = t ? 60 : 30;
    })
    .addItem("Overdraw Test",
        this.testOverdraw.bind(this)
    )
    .addList("Image Memory",
        this.getImageMemory.bind(this)
    )
```