关于Egret Wing输出乱码解决方法

最新推荐文章于 2022-11-27 18:32:38 发布
原创 最新推荐文章于 2022-11-27 18:32:38 发布 · 4.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#游戏开发

一丶问题

最近更新Egret发现，项目构建时会输出各种乱码，在网上也发现很多开发者同样出现这种问题，也没成功解决。
私下捣鼓了好久终于找到解决办法。（但是鉴于本人水平较差，只知道解决，不知道问题出现具体原因，望大神指导指导）

二丶解决

方法一：比较无奈的方法，卸载Egret Wing和Egret，一定要卸载干净，然后重装。（网上某位大佬的做法，虽然 也没找到原因，但是亲测有效！）
方法二：找到自家电脑里的node.js并删除，重装node.js，乱码会消失。（据说是因为电脑里自带的node.js或者是安装Egret时顺带的node.js有损坏）

目前亲测以上两种方法有效，但不保证都能解决各位的问题。。。欢迎各路大神补充解决方法(～o￣3￣)～

egret源码分析1 -- 查看和编译源码
xianguiquan的博客
11-19 4212
打开egret安装路径，可以看到下面目录 其中，src是egret的typescript源码，build是编译后的js代码。 当我们新建一个egret工程的时候，会把build目录下的js拷贝到libs/modules目录下。 那么怎么修改和编译源码呢？src可以在webstorm下打开，或者直接用sublime text打开。修改源码之后，执行egret make编译源码。他会编译你当前
EgretWing-v3.2.0.exe
03-30
微信小程序的开发工具，gretWing3是Egret团队基于VSCode开发的最新编辑器，相比于EgretWing2.5最显著的优势就是快。 然而对于习惯使用EgretWing2.5的用户，初次使用EgretWing3可能会觉得难以上手。EgretWing2.5...
解决乱码的最后方法
师远鹏
12-15 2256
encodeURI(pEquType)  其他的都试过了   最后没办法只能在前台js上把参数先转换
Egret Wing3编译时“输出”显示乱码而且编译终止
JULIUS_0的博客
08-19 4525
最近很久没接触Egret了，突然回来开发一个东西的时候发现编译不了而且显示的是乱码，不知道错从何起，去查资料说要重新安装Node。这个方法没有去尝试，因为Node已经配置好很多东西，重装会比较麻烦。决定试试重新安装Egret Wing3，之后发现是没用的。最后是重新安装了Egret Launcher也就是白鹭引擎，问题才解决了。 ...
EgretWing-v3.2.6.exe
01-02
EgretWing-v3.2.6
问题解决-白鹭引擎Egret Wing3调试出错，输出台显示乱码而且编译终止问题Failed to load resource: the server responded with a status ...
LYly_B的博客
11-09 676
问题描述：Failed to load resource: the server responded with a status of 404 () 未能加载资源：服务器响应，状态为404() 解决方法：卸载引擎并重新安装，安装时使用默认路径(C盘)，不要设置路径。 卸载并重新安装进默认路径后，问题已成功解决。 ...
输出与乱码
godme
05-01 355
输出php的输出大致分为两类：单输出<?php echo "echo"; echo "<br>"; print "print";其中的两种输出方式用起来没有太大区别，但是print比echo相对较慢。两者只适合输出单值或者拼接值。遍历<?php $arr = array(1,2,3,4,5,6,7,8,9); print_r($arr);当需要进行遍历式输出时，采用prin...
白鹭引擎egret wing编辑器提示报错 egret 命令不存在 乱码的情况解决方法
任聪聪的博客
03-07 3581
编辑器：egret 白鹭引擎 egret wing 描述：报错乱码或者命令不存在 问题描述：此处乱码报错实际上是egret 命令不存在 或 执行程序无法使用的中文情况，如果系统是非中文简体这里是显示英文报错。 原因：抱这样的错不是egret wing编辑器的原因，而是默认的node js系统变量未设置的原因，官方给出重装系统和重装软件的方法方式是行不通的，问题根源是在于这个系统变量没有定义。...
微信小程序学习笔记（一）：EgretWing中打开小程序项目并进行debug ...
03-29
打开EgretWing->文件->打开文件夹..，然后选择刚才你的微信小程序的所在文件夹就好。然后就可以愉快地编写代码了，如图。  (此图片来源于网络，如有侵权，请联系删除! )   二：进行debug 开发过程中debug的重要性...
EgretWing 4.1.3
04-03
支持主流开发语言与技术的编辑器 通过可视化编辑,提高游戏开发效率 支持 Node.js 开发扩展插件，更好的定制化自有内容
iconv库，可以解决cocos2d-x各种乱码问题
08-30
解决cocos2d-x上乱码问题。 具体解决方案移步： http://blog.youkuaiyun.com/alex_my/article/details/10567541
在EgretWing中 function方法 和普通方法有什么区别
最新发布
07-25
首先，用户的问题是：“我想了解EgretWing中function方法和普通方法的区别 请问EgretWing function方法与普通方法的区别”。这似乎是关于EgretWing，一个与Egret引擎相关的开发工具。 从系统级指令中，我有几个引用...
解决白鹭编译乱码问题
张立军 的 架构之路
09-29 821
不要安装在自定义位置，安装到默认位置就好了！ 还有一种修改注册表的方法。但是后来不知道怎么弄的了。
警翼记录仪视频恢复案例
CHS实验室
11-27 2344
警翼产品无论是采用fat32的文件系统还是采用exfat的都是不连续存放，这个也是多数卡式摄像机所采用的一种存储方案，这种方案有利于管理程序快速写入，但是从恢复角度来讲是不利的，因为无论是删除还是格式化都会对FAT表进行清0，从而导致在文件系统层面无法获取fat表链的问题，这也是通用恢复软件恢复后文件不正常的原因。根据客户描述，此记录仪有时候会由不同的人员使用，由于只有32G的空间，所以在备份后会做删除操作（由于此类设备底层是加密的，格式化略慢所以一般都爱用删除)。STEP2:等待扫描完成。
在 EgretWing 中 实现简易贪吃蛇
07-10
<think>我们首先需要明确用户的需求：在EgretWing中开发一个简单的贪吃蛇游戏。EgretWing是Egret引擎配套的IDE，但注意引用[1]提到Egret官方不再维护，不过用户已经决定使用Egret，并且有一个开源框架可用。因此，我们将基于Egret引擎和EgretWing IDE来编写贪吃蛇游戏。 步骤： 1. 环境准备：安装Egret引擎和EgretWing IDE。 2. 创建项目：使用EgretWing创建一个新项目。 3. 编写游戏逻辑：包括蛇的移动、食物生成、碰撞检测等。 4. 使用Egret的图形API绘制游戏界面。 5. 运行和调试。 由于引用[1]提到有一个开源的Egret游戏开发使用框架，但用户没有提供具体链接，所以我们先以基础方式实现。 详细步骤： 1. 环境准备 - 确保已经安装了Node.js（因为Egret是基于Node.js的）。 - 从Egret引擎安装：通过npm安装Egret。 ```bash npm install -g egret ``` - 下载并安装EgretWing IDE（可从Egret官网下载，尽管官方不再维护，但旧版本仍可用）。 2. 创建项目 - 打开EgretWing，选择“新建项目”，选择“游戏”项目，输入项目名称（例如：SnakeGame），选择路径，然后创建。 - 创建完成后，项目结构如下： ``` SnakeGame/ ├── src/ # 源代码 │ ├── Main.ts # 入口文件 │ └── ... ├── resource/ # 资源文件 ├── egretProperties.json # 项目配置文件 └── ... ``` 3. 编写游戏逻辑（在src目录下） - 我们将创建几个类：GameMain（主游戏类）、Snake（蛇类）、Food（食物类）等。 a. 修改Main.ts，初始化游戏： ```typescript class Main extends egret.DisplayObjectContainer { public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this); } private onAddToStage(event: egret.Event) { // 游戏主循环 let game = new GameMain(); this.addChild(game); } } ``` b. 创建GameMain.ts（在src目录下）： ```typescript class GameMain extends egret.DisplayObjectContainer { private snake: Snake; private food: Food; private timer: egret.Timer; // 用于定时移动蛇 public constructor() { super(); this.init(); } private init() { // 创建蛇和食物 this.snake = new Snake(); this.food = new Food(); // 将食物放在随机位置 this.food.setPosition(this.getRandomPosition()); this.addChild(this.snake); this.addChild(this.food); // 初始化定时器，每200毫秒移动一次 this.timer = new egret.Timer(200); this.timer.addEventListener(egret.TimerEvent.TIMER, this.onTimer, this); this.timer.start(); // 监听键盘事件 this.stage.addEventListener(egret.KeyboardEvent.KEY_DOWN, this.onKeyDown, this); } private onTimer(event: egret.TimerEvent) { // 移动蛇 this.snake.move(); // 检查是否吃到食物 if (this.snake.getHeadPosition().x == this.food.x && this.snake.getHeadPosition().y == this.food.y) { this.snake.grow(); // 蛇变长 this.food.setPosition(this.getRandomPosition()); // 重新放置食物 } // 检查碰撞（边界和自身） if (this.checkCollision()) { this.timer.stop(); console.log("Game Over"); } } private onKeyDown(event: egret.KeyboardEvent) { // 根据按键改变蛇的方向 switch (event.keyCode) { case egret.Keyboard.UP: this.snake.changeDirection(Direction.UP); break; case egret.Keyboard.DOWN: this.snake.changeDirection(Direction.DOWN); break; case egret.Keyboard.LEFT: this.snake.changeDirection(Direction.LEFT); break; case egret.Keyboard.RIGHT: this.snake.changeDirection(Direction.RIGHT); break; } } private getRandomPosition(): egret.Point { // 生成一个随机位置（注意：需要根据舞台大小调整） let x = Math.floor(Math.random() * this.stage.stageWidth / 20) * 20; let y = Math.floor(Math.random() * this.stage.stageHeight / 20) * 20; return new egret.Point(x, y); } private checkCollision(): boolean { // 检查边界 let head = this.snake.getHeadPosition(); if (head.x < 0 || head.x >= this.stage.stageWidth || head.y < 0 || head.y >= this.stage.stageHeight) { return true; } // 检查是否撞到自己 return this.snake.checkSelfCollision(); } } ``` c. 创建Snake.ts： ```typescript // 方向枚举 enum Direction { UP, DOWN, LEFT, RIGHT } class Snake extends egret.Sprite { private body: egret.Point[] = []; // 蛇身，每个元素是一个点（坐标） private direction: Direction; private size: number = 20; // 每个身体块的大小 public constructor() { super(); // 初始化蛇：长度为3，水平方向 this.body.push(new egret.Point(200, 200)); this.body.push(new egret.Point(180, 200)); this.body.push(new egret.Point(160, 200)); this.direction = Direction.RIGHT; // 绘制蛇 this.draw(); } // 绘制蛇 private draw() { this.graphics.clear(); for (let i = 0; i < this.body.length; i++) { this.graphics.beginFill(0x00FF00); // 绿色 this.graphics.drawRect(this.body[i].x, this.body[i].y, this.size, this.size); this.graphics.endFill(); } } // 移动蛇：根据方向移动 public move() { // 根据方向计算新的头部位置 let head = this.body[0]; let newHead = new egret.Point(head.x, head.y); switch (this.direction) { case Direction.UP: newHead.y -= this.size; break; case Direction.DOWN: newHead.y += this.size; break; case Direction.LEFT: newHead.x -= this.size; break; case Direction.RIGHT: newHead.x += this.size; break; } // 将新的头部添加到身体数组的开头 this.body.unshift(newHead); // 移除尾部（如果没有吃到食物，则移除尾部，而吃到食物时我们调用grow方法不删除尾部） this.body.pop(); // 重新绘制 this.draw(); } // 改变方向 public changeDirection(dir: Direction) { // 防止直接反向（例如：当前向右，不能直接向左） if ((this.direction == Direction.UP && dir == Direction.DOWN) || (this.direction == Direction.DOWN && dir == Direction.UP) || (this.direction == Direction.LEFT && dir == Direction.RIGHT) || (this.direction == Direction.RIGHT && dir == Direction.LEFT)) { return; } this.direction = dir; } // 蛇变长（吃到食物时调用） public grow() { // 在尾部添加一个元素（移动时就不会移除尾部，所以长度加1） let tail = this.body[this.body.length - 1]; this.body.push(new egret.Point(tail.x, tail.y)); } // 获取头部位置 public getHeadPosition(): egret.Point { return this.body[0]; } // 检查自身碰撞 public checkSelfCollision(): boolean { let head = this.body[0]; // 从第1个开始（因为头部是第0个） for (let i = 1; i < this.body.length; i++) { if (head.x == this.body[i].x && head.y == this.body[i].y) { return true; } } return false; } } ``` d. 创建Food.ts： ```typescript class Food extends egret.Sprite { private size: number = 20; public constructor() { super(); this.draw(); } private draw() { this.graphics.clear(); this.graphics.beginFill(0xFF0000); // 红色 this.graphics.drawRect(0, 0, this.size, this.size); this.graphics.endFill(); } // 设置食物的位置 public setPosition(pos: egret.Point) { this.x = pos.x; this.y = pos.y; } } ``` 4. 运行和调试 - 在EgretWing中，点击运行按钮（或按F5），即可在浏览器中看到游戏。 - 使用键盘方向键控制蛇的移动。 注意：以上代码是一个基础版本，可能还需要完善（例如游戏结束后的处理、分数显示等），但已经实现了贪吃蛇的基本功能。 由于Egret官方不再维护，如果遇到问题，可以查阅社区资源或使用其他引擎（如Cocos、Laya等）[^1]。但根据用户要求，我们使用Egret。 相关问题： 1. 如何为Egret贪吃蛇游戏添加分数显示？ 2. 如何优化Egret贪吃蛇游戏的性能？ 3. 如何将Egret游戏发布到微信小游戏平台？</think>### 使用 EgretWing 开发简易贪吃蛇游戏教程 以下是基于 Egret 引擎的贪吃蛇游戏开发步骤（使用 TypeScript）： #### 1. 环境准备 ```bash # 安装 Egret 引擎 npm install -g egret # 安装 EgretWing IDE（官方已停止维护，需下载历史版本） ``` #### 2. 创建项目 1. 在 EgretWing 中新建项目：`文件 → 新建 → Egret 游戏项目` 2. 选择项目类型：`游戏`，模板选择`空项目` 3. 项目结构： ``` ├── src │ ├── Main.ts # 入口文件 │ └── game # 游戏逻辑目录 ├── resource # 资源文件夹 └── egretProperties.json ``` #### 3. 核心代码实现 **src/game/Snake.ts**（蛇类）： ```typescript class Snake extends egret.Sprite { private body: egret.Shape[] = []; private direction: string = "RIGHT"; constructor() { super(); this.initSnake(); } private initSnake() { // 初始蛇身（3节） for (let i=0; i<3; i++) { this.grow(100 - i*20, 100); } } public grow(x: number, y: number) { const segment = new egret.Shape(); segment.graphics.beginFill(0x00FF00); segment.graphics.drawRect(0, 0, 20, 20); segment.graphics.endFill(); segment.x = x; segment.y = y; this.addChild(segment); this.body.push(segment); } public move() { // 移动身体（从尾部向前更新位置） for (let i=this.body.length-1; i>0; i--) { this.body[i].x = this.body[i-1].x; this.body[i].y = this.body[i-1].y; } // 移动头部 switch(this.direction) { case "UP": this.body[0].y -= 20; break; case "DOWN": this.body[0].y += 20; break; case "LEFT": this.body[0].x -= 20; break; case "RIGHT": this.body[0].x += 20; break; } } public changeDirection(dir: string) { // 防止180度转向 if ((this.direction === "UP" && dir !== "DOWN") || (this.direction === "DOWN" && dir !== "UP") || (this.direction === "LEFT" && dir !== "RIGHT") || (this.direction === "RIGHT" && dir !== "LEFT")) { this.direction = dir; } } } ``` **src/game/Food.ts**（食物类）： ```typescript class Food extends egret.Shape { constructor() { super(); this.createFood(); } private createFood() { this.graphics.beginFill(0xFF0000); this.graphics.drawCircle(10, 10, 10); this.graphics.endFill(); this.reposition(); } public reposition() { this.x = Math.floor(Math.random() * 30) * 20; this.y = Math.floor(Math.random() * 20) * 20; } } ``` **src/Main.ts**（主逻辑）： ```typescript class Main extends egret.DisplayObjectContainer { private snake: Snake; private food: Food; private timer: egret.Timer; public constructor() { super(); this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this); } private onAddToStage() { this.initGame(); this.startGame(); } private initGame() { // 创建蛇和食物 this.snake = new Snake(); this.food = new Food(); this.addChild(this.snake); this.addChild(this.food); // 键盘控制 this.stage.addEventListener(egret.KeyboardEvent.KEY_DOWN, (e: egret.KeyboardEvent) => { switch(e.keyCode) { case egret.Keyboard.UP: this.snake.changeDirection("UP"); break; case egret.Keyboard.DOWN: this.snake.changeDirection("DOWN"); break; case egret.Keyboard.LEFT: this.snake.changeDirection("LEFT"); break; case egret.Keyboard.RIGHT: this.snake.changeDirection("RIGHT"); break; } }); } private startGame() { // 游戏主循环（每200ms更新） this.timer = new egret.Timer(200); this.timer.addEventListener(egret.TimerEvent.TIMER, this.update, this); this.timer.start(); } private update() { this.snake.move(); this.checkCollision(); } private checkCollision() { // 检测是否吃到食物 const head = this.snake.getHead(); if (head.x === this.food.x && head.y === this.food.y) { this.snake.grow(head.x, head.y); this.food.reposition(); } // TODO: 添加边界和自身碰撞检测 } } ``` #### 4. 运行调试 1. 按 `F5` 或点击工具栏"调试"按钮 2. 使用键盘方向键控制蛇移动 3. 吃到食物后蛇身会增长 #### 5. 优化建议 1. 添加碰撞检测逻辑（边界和自身） 2. 添加分数显示和游戏结束提示 3. 使用纹理替代纯色图形 4. 添加音效（Egret 的 `egret.Sound` 模块） > 注意：由于 Egret 官方已停止维护，建议考虑替代引擎如 Cocos 或 Laya 进行长期项目开发[^1]。但对于快速开发小型游戏，Egret 仍是不错的选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值