# maliao

**Repository Path**: jiangying/maliao

## Basic Information

- **Project Name**: maliao
- **Description**: 马里奥游戏  rust webassembly 高性能版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-12
- **Last Updated**: 2025-06-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Mario Game Configuration Panel / 马里奥游戏配置面板

This is the configuration panel for the Mario-style game, built with Vue.js. It provides a user interface for adjusting game parameters such as player size, obstacle dimensions, and pit dimensions.

这是一个使用 Vue.js 构建的马里奥风格游戏的配置面板。它提供了一个用户界面，用于调整游戏参数，如玩家大小、障碍物尺寸和坑的尺寸。

## Setup / 设置

1. Install dependencies / 安装依赖:
```bash
npm install
```

2. Build WebAssembly / 构建 WebAssembly:
```bash
wasm-pack build --target web
```

3. Start the development server / 启动开发服务器:
```bash
npm run dev
```

The configuration panel will be available at `http://localhost:3000`.
配置面板将在 `http://localhost:3000` 可用。

## Features / 功能

- Adjust player size (width and height) / 调整玩家大小（宽度和高度）
- Configure obstacle dimensions / 配置障碍物尺寸
- Set pit dimensions / 设置坑的尺寸
- Responsive design with a clean, modern interface / 响应式设计，具有简洁现代的界面

## Development / 开发

The project uses / 项目使用:
- Vue 3 for the UI framework / Vue 3 作为 UI 框架
- Vite as the build tool / Vite 作为构建工具
- WebAssembly for game logic communication / WebAssembly 用于游戏逻辑通信

## Building for Production / 生产环境构建

To build the project for production / 构建生产环境版本:

```bash
npm run build
```

The built files will be in the `dist` directory.
构建后的文件将位于 `dist` 目录中。

## presentation / 呈现
![img_1.png](readme_images/img_1.png)