当前位置：移动技术网 > IT编程>脚本编程>Python > Egret Engine（一）：设备重力感应，方向、速度监听

Egret Engine（一）：设备重力感应，方向、速度监听

2020年07月28日 | 移动技术网IT编程 | 我要评论

来吧，展示

重力感应监听内容

主要属性函数定义

`egret`主要方法

//创建 DeviceOrientation 类
private orientation = new egret.DeviceOrientation();
//添加事件监听器 设备方向改变时派发
this.orientation.addEventListener(egret.Event.CHANGE, this.onOrientation, this);
//开始监听设备方向变化
this.orientation.start();
// 停止设备监听事件
this.orientation.stop();

//创建 Motion 类
private motion = new egret.Motion();
//添加事件监听器
this.motion.addEventListener(egret.Event.CHANGE, this.onMotion, this);
//开始监听设备方向变化
this.motion.start();
// 停止设备监听事件
this.motion.stop();

监听主要字段

onOrientation(e: egret.OrientationEvent){/*code*/}

// 在alpha,beta和gamma三个轴向的角度信息
e.beta // (β)绕 X 轴的角度
e.gamma // (γ)绕 Y 轴的角度
e.alpha // (α)绕 Z 轴的角度

onMotion(e: egret.MotionEvent) {/*code*/}

// acceleration 
// 表示设备在 X Y Z 轴方将的加速度信息
// 单位是 m/s2
// 不包含重力
const acc = e.acceleration;
acc.x // X 轴方向的加速度
acc.y // Y 轴方向的加速度
acc.z // Z 轴方向的加速度

// accelerationIncludingGravity 
// 表示设备在 X Y Z 轴方将的加速度信息
// 单位是 m/s2
// 包含重力
const accig = e.accelerationIncludingGravity;
accig.x // X 轴方向的加速度
accig.y // Y 轴方向的加速度
accig.z // Z 轴方向的加速度

// rotationRate 
// 表示设备在 alpha、 beta 和 gamma 三个轴向的角速度信息
// 单位是 角度每秒
const rr = e.rotationRate;
rr.beta // (β)绕 X 轴的角速度
rr.gamma // (γ)绕 Y 轴的角速度
rr.alpha // (α)绕 Z 轴的角速度

创建按钮启动停止监听

在游戏场景中创建可滚动窗口并将定义的空间容器加入到滚动窗口中

// 容器 所有控件都放到这个容器
private container: egret.DisplayObjectContainer = new egret.DisplayObjectContainer();

let stageW = this.stage.stageWidth;
let stageH = this.stage.stageHeight;

const scrollView: egret.ScrollView = new egret.ScrollView();
scrollView.setContent(this.container);
scrollView.width = stageW;
scrollView.height = stageH;
this.addChild(scrollView);

创建按钮加入到container容器中,并配置点击事件

/**
 * 创建开始停止按钮
 */
private createStartOrStopBtn(stageW) {
    const btnGroup: egret.DisplayObjectContainer = new egret.DisplayObjectContainer();
    this.container.addChild(btnGroup);
    btnGroup.width = stageW;
    btnGroup.y = 800;

    // 开始按钮
    const startBtn: egret.Shape = new egret.Shape();
    startBtn.graphics.beginFill(0x0000ff);
    startBtn.graphics.drawRect(0, 0, 150, 50);
    startBtn.graphics.endFill();
    startBtn.x = 50;
    btnGroup.addChild(startBtn);
    const startBtnText: egret.TextField = new egret.TextField();
    startBtnText.size = 30;
    startBtnText.text = "START";
    startBtnText.x = 50;
    startBtnText.width = 150;
    startBtnText.height = 50;
    startBtnText.textColor = 0xff0000;
    startBtnText.textAlign = egret.HorizontalAlign.CENTER;
    startBtnText.verticalAlign = egret.VerticalAlign.MIDDLE;
    btnGroup.addChild(startBtnText);
    startBtn.touchEnabled = true;
    startBtn.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this.onChangeStart, this);

    // 结束上传按钮
    const stopBtn: egret.Shape = new egret.Shape();
    stopBtn.graphics.beginFill(0x0000ff);
    stopBtn.graphics.drawRect(0, 0, 150, 50);
    stopBtn.graphics.endFill();
    stopBtn.x = 250;
    btnGroup.addChild(stopBtn);
    const stopBtnText: egret.TextField = new egret.TextField();
    stopBtnText.size = 30;
    stopBtnText.text = "STOP";
    stopBtnText.x = 250;
    stopBtnText.width = 150;
    stopBtnText.height = 50;
    stopBtnText.textColor = 0xff0000;
    stopBtnText.textAlign = egret.HorizontalAlign.CENTER;
    stopBtnText.verticalAlign = egret.VerticalAlign.MIDDLE;
    btnGroup.addChild(stopBtnText);
    stopBtn.touchEnabled = true;
    stopBtn.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this.onChangeStop, this);
}

//创建 DeviceOrientation 类
private orientation = new egret.DeviceOrientation();
//创建 Motion 类
private motion = new egret.Motion(); 

/**
  * 开始设备事件监听
  */
private onChangeStart() {
    //添加事件监听器 设备方向改变时派发
    this.orientation.addEventListener(egret.Event.CHANGE, this.onOrientation, this);
    //开始监听设备方向变化
    this.orientation.start();

    //添加事件监听器
    this.motion.addEventListener(egret.Event.CHANGE, this.onMotion, this);
    //开始监听设备方向变化
    this.motion.start();
}

 /**
  * 停止设备事件监听并开始上传数据
  */
private onChangeStop() {
    this.orientation.stop();
    this.motion.stop();
}

监听并输出事件返回参数

private orientationText: egret.TextField = new egret.TextField();
private motionText: egret.TextField = new egret.TextField();

this.container.addChild(this.orientationText);
this.container.addChild(this.motionText);

/**
 * Orientation的监听事件
 */
private onOrientation(e: egret.OrientationEvent) {
    console.log(e);

    const beta = String(Math.floor(e.beta).toFixed(2));
    const gamma = String(Math.floor(e.gamma).toFixed(2));
    const alpha = String(Math.floor(e.alpha).toFixed(2));

    this.orientationText.textFlow = <Array<egret.ITextElement>>[

        { text: "在alpha,beta和gamma三个轴向的角度信息", style: { "textColor": 0x58c7f1 } },
        { text: "\n(β)绕 X 轴的角度：" },
        { text: beta, style: { "textColor": 0xff0000 } },
        { text: "\n(γ)绕 Y 轴的角度：" },
        { text: gamma, style: { "textColor": 0xff0000 } },
        { text: "\n(α)绕 Z 轴的角度：" },
        { text: alpha, style: { "textColor": 0xff0000 } },

    ]

}

/**
 * Motion的监听事件
 */
private onMotion(e: egret.MotionEvent) {
    console.log(e);

    // acceleration 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，不包含重力
    const acc = e.acceleration;
    // accelerationIncludingGravity 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，包含重力
    const accig = e.accelerationIncludingGravity;
    // rotationRate 表示设备在 alpha、 beta 和 gamma 三个轴向的角速度信息，单位是 角度每秒
    const rr = e.rotationRate;
    
    this.motionText.textFlow = <Array<egret.ITextElement>>[

        { text: "acceleration：", style: { "textColor": 0x3399ea } },
        { text: "\n在 X Y Z 轴方向的加速度信息", style: { "textColor": 0x58c7f1 } },
        { text: "\n单位是 m/s2，不包含重力", style: { "textColor": 0x58c7f1 } },
        { text: "\nX 轴方向的加速度：" },
        { text: Number(acc.x).toFixed(2), style: { "textColor": 0xff0000 } },
        { text: "\nY 轴方向的加速度：" },
        { text: Number(acc.y).toFixed(2), style: { "textColor": 0xff0000 } },
        { text: "\nZ 轴方向的加速度：" },
        { text: Number(acc.z).toFixed(2), style: { "textColor": 0xff0000 } },

        { text: "\n\naccelerationIncludingGravity：", style: { "textColor": 0x3399ea } },
        { text: "\n在 X Y Z 轴方向的加速度信息", style: { "textColor": 0x58c7f1 } },
        { text: "\n单位是 m/s2，包含重力", style: { "textColor": 0x58c7f1 } },
        { text: "\nX 轴方向的加速度：" },
        { text: Number(accig.x).toFixed(2), style: { "textColor": 0xff0000 } },
        { text: "\nY 轴方向的加速度：" },
        { text: Number(accig.y).toFixed(2), style: { "textColor": 0xff0000 } },
        { text: "\nZ 轴方向的加速度：" },
        { text: Number(accig.z).toFixed(2), style: { "textColor": 0xff0000 } },

        { text: "\n\nrotationRate：", style: { "textColor": 0x3399ea } },
        { text: "\n在alpha,beta和gamma三个轴向的角速度信息", style: { "textColor": 0x58c7f1 } },
        { text: "\n单位是 角度每秒", style: { "textColor": 0x58c7f1 } },
        { text: "\n(β)绕 X 轴的角速度：" },
        { text: Number(rr.beta).toFixed(2), style: { "textColor": 0xff0000 } },
        { text: "\n(γ)绕 Y 轴的角速度：" },
        { text: Number(rr.gamma).toFixed(2), style: { "textColor": 0xff0000 } },
        { text: "\n(α)绕 Z 轴的角速度：" },
        { text: Number(rr.alpha).toFixed(2), style: { "textColor": 0xff0000 } }

    ];
}

完整代码

class Main extends egret.DisplayObjectContainer {

    // 容器 所有控件都放到这个容器
    private container: egret.DisplayObjectContainer = new egret.DisplayObjectContainer();
    private orientationText: egret.TextField = new egret.TextField();
    private motionText: egret.TextField = new egret.TextField();

    //创建 DeviceOrientation 类
    private orientation = new egret.DeviceOrientation();
    //创建 Motion 类
    private motion = new egret.Motion();
    
    public constructor() {

        super();

        this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);

    }

    /**
     * 开始设备事件监听
     */
    private onChangeStart() {

        //添加事件监听器 设备方向改变时派发
        this.orientation.addEventListener(egret.Event.CHANGE, this.onOrientation, this);
        //开始监听设备方向变化
        this.orientation.start();

        //添加事件监听器
        this.motion.addEventListener(egret.Event.CHANGE, this.onMotion, this);
        //开始监听设备方向变化
        this.motion.start();
    }

    /**
     * 停止设备事件监听并开始上传数据
     */
    private onChangeStop() {
        this.orientation.stop();
        this.motion.stop();
    }
    
    /**
     * Orientation的监听事件
     */
    private onOrientation(e: egret.OrientationEvent) {
        console.log(e);

        const beta = String(Math.floor(e.beta).toFixed(2));
        const gamma = String(Math.floor(e.gamma).toFixed(2));
        const alpha = String(Math.floor(e.alpha).toFixed(2));

        this.orientationText.textFlow = <Array<egret.ITextElement>>[

            { text: "在alpha,beta和gamma三个轴向的角度信息", style: { "textColor": 0x58c7f1 } },
            { text: "\n(β)绕 X 轴的角度：" },
            { text: beta, style: { "textColor": 0xff0000 } },
            { text: "\n(γ)绕 Y 轴的角度：" },
            { text: gamma, style: { "textColor": 0xff0000 } },
            { text: "\n(α)绕 Z 轴的角度：" },
            { text: alpha, style: { "textColor": 0xff0000 } },

        ]

    }

    /**
     * Motion的监听事件
     */
    private onMotion(e: egret.MotionEvent) {
        console.log(e);

        // acceleration 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，不包含重力
        const acc = e.acceleration;
        // accelerationIncludingGravity 表示设备在 X Y Z 轴方将的加速度信息，单位是 m/s2，包含重力
        const accig = e.accelerationIncludingGravity;
        // rotationRate 表示设备在 alpha、 beta 和 gamma 三个轴向的角速度信息，单位是 角度每秒
        const rr = e.rotationRate;

        this.motionText.textFlow = <Array<egret.ITextElement>>[

            { text: "acceleration：", style: { "textColor": 0x3399ea } },
            { text: "\n在 X Y Z 轴方向的加速度信息", style: { "textColor": 0x58c7f1 } },
            { text: "\n单位是 m/s2，不包含重力", style: { "textColor": 0x58c7f1 } },
            { text: "\nX 轴方向的加速度：" },
            { text: Number(acc.x).toFixed(2), style: { "textColor": 0xff0000 } },
            { text: "\nY 轴方向的加速度：" },
            { text: Number(acc.y).toFixed(2), style: { "textColor": 0xff0000 } },
            { text: "\nZ 轴方向的加速度：" },
            { text: Number(acc.z).toFixed(2), style: { "textColor": 0xff0000 } },

            { text: "\n\naccelerationIncludingGravity：", style: { "textColor": 0x3399ea } },
            { text: "\n在 X Y Z 轴方向的加速度信息", style: { "textColor": 0x58c7f1 } },
            { text: "\n单位是 m/s2，包含重力", style: { "textColor": 0x58c7f1 } },
            { text: "\nX 轴方向的加速度：" },
            { text: Number(accig.x).toFixed(2), style: { "textColor": 0xff0000 } },
            { text: "\nY 轴方向的加速度：" },
            { text: Number(accig.y).toFixed(2), style: { "textColor": 0xff0000 } },
            { text: "\nZ 轴方向的加速度：" },
            { text: Number(accig.z).toFixed(2), style: { "textColor": 0xff0000 } },

            { text: "\n\nrotationRate：", style: { "textColor": 0x3399ea } },
            { text: "\n在alpha,beta和gamma三个轴向的角速度信息", style: { "textColor": 0x58c7f1 } },
            { text: "\n单位是 角度每秒", style: { "textColor": 0x58c7f1 } },
            { text: "\n(β)绕 X 轴的角速度：" },
            { text: Number(rr.beta).toFixed(2), style: { "textColor": 0xff0000 } },
            { text: "\n(γ)绕 Y 轴的角速度：" },
            { text: Number(rr.gamma).toFixed(2), style: { "textColor": 0xff0000 } },
            { text: "\n(α)绕 Z 轴的角速度：" },
            { text: Number(rr.alpha).toFixed(2), style: { "textColor": 0xff0000 } }

        ];
    }

    private onAddToStage(event: egret.Event) {

        egret.lifecycle.addLifecycleListener((context) => {
            // custom lifecycle plugin

            context.onUpdate = () => {

            }
        })

        egret.lifecycle.onPause = () => {
            egret.ticker.pause();
        }

        egret.lifecycle.onResume = () => {
            egret.ticker.resume();
        }

        this.runGame().catch(e => {
            console.log(e);
        })

    }

    private async runGame() {
        this.createGameScene();
    }

    /**
     * 创建开始停止按钮
     */
    private createStartOrStopBtn(stageW) {
        const btnGroup: egret.DisplayObjectContainer = new egret.DisplayObjectContainer();
        this.container.addChild(btnGroup);
        btnGroup.width = stageW;
        btnGroup.y = 800;

        // 开始按钮
        const startBtn: egret.Shape = new egret.Shape();
        startBtn.graphics.beginFill(0x0000ff);
        startBtn.graphics.drawRect(0, 0, 150, 50);
        startBtn.graphics.endFill();
        startBtn.x = 50;
        btnGroup.addChild(startBtn);
        const startBtnText: egret.TextField = new egret.TextField();
        startBtnText.size = 30;
        startBtnText.text = "START";
        startBtnText.x = 50;
        startBtnText.width = 150;
        startBtnText.height = 50;
        startBtnText.textColor = 0xff0000;
        startBtnText.textAlign = egret.HorizontalAlign.CENTER;
        startBtnText.verticalAlign = egret.VerticalAlign.MIDDLE;
        btnGroup.addChild(startBtnText);
        startBtn.touchEnabled = true;
        startBtn.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this.onChangeStart, this);

        // 结束上传按钮
        const stopBtn: egret.Shape = new egret.Shape();
        stopBtn.graphics.beginFill(0x0000ff);
        stopBtn.graphics.drawRect(0, 0, 150, 50);
        stopBtn.graphics.endFill();
        stopBtn.x = 250;
        btnGroup.addChild(stopBtn);
        const stopBtnText: egret.TextField = new egret.TextField();
        stopBtnText.size = 30;
        stopBtnText.text = "STOP";
        stopBtnText.x = 250;
        stopBtnText.width = 150;
        stopBtnText.height = 50;
        stopBtnText.textColor = 0xff0000;
        stopBtnText.textAlign = egret.HorizontalAlign.CENTER;
        stopBtnText.verticalAlign = egret.VerticalAlign.MIDDLE;
        btnGroup.addChild(stopBtnText);
        stopBtn.touchEnabled = true;
        stopBtn.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this.onChangeStop, this);

    }

    /**
     * 创建游戏场景
     * Create a game scene
     */
    private createGameScene() {
        let stageW = this.stage.stageWidth;
        let stageH = this.stage.stageHeight;

        const scrollView: egret.ScrollView = new egret.ScrollView();

        scrollView.setContent(this.container);
        scrollView.width = stageW;
        scrollView.height = stageH;
        this.addChild(scrollView);

        this.container.x = 10;
        this.container.y = 10;

        this.container.addChild(this.orientationText);
        this.container.addChild(this.motionText);

        this.orientationText.y = 0;
        this.motionText.y = 150;

        this.createStartOrStopBtn(stageW);

    }
    
}

本文地址：https://blog.csdn.net/weixin_43526371/article/details/107597217

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

Python改变对象的字符串显示的方法

问题你想改变对象实例的打印或显示输出，让它们更具可读性。解决方案要改变一个实例的字符串表示，可重新定义它的 __str__() 和 __repr__() 方法。... [阅读全文]
Python接收手机短信的代码整理

python解决接口测试获取手机验证码问题的方法：android在收到短信后会发送一个action为android.provider.telephony.sms... [阅读全文]
python缩进长度是否统一

python 对代码的缩进要求非常严格，同一个级别代码块的缩进量必须一样，否则解释器会报 syntaxerror 异常错误。在 python 中，对于类定义、函... [阅读全文]
python线程里哪种模块比较适合

在python中可使用的多线程模块主要有两个，thread和threading模块。thread模块提供了基本的线程和锁的支持，建议新手不要使用。threadi... [阅读全文]
Python 如何在字符串中插入变量

问题你想创建一个内嵌变量的字符串，变量被它的值所表示的字符串替换掉。解决方案python并没有对在字符串中简单替换变量值提供直接的支持。但是通过使用字符串的 ... [阅读全文]
Python实现一个简单的递归下降分析器

问题你想根据一组语法规则解析文本并执行命令，或者构造一个代表输入的抽象语法树。如果语法非常简单，你可以不去使用一些框架，而是自己写这个解析器。解决方案在这个问... [阅读全文]
Python实现数字的格式化输出

问题你需要将数字格式化后输出，并控制数字的位数、对齐、千位分隔符和其他的细节。解决方案格式化输出单个数字的时候，可以使用内置的 format() 函数，比如：&... [阅读全文]
Python 执行矩阵与线性代数运算

问题你需要执行矩阵和线性代数运算，比如矩阵乘法、寻找行列式、求解线性方程组等等。解决方案numpy 库有一个矩阵对象可以用来解决这个问题。矩阵类似于3.9小节中... [阅读全文]
Python 日期与时间转换的方法

问题你需要执行简单的时间转换，比如天到秒，小时到分钟等的转换。解决方案为了执行不同时间单位的转换和计算，请使用 datetime 模块。比如，为了表示一个时间... [阅读全文]
Python 如何展开嵌套的序列

问题你想将一个多层嵌套的序列展开成一个单层列表解决方案可以写一个包含 yield from 语句的递归生成器来轻松解决这个问题。比如：from collecti... [阅读全文]

网友评论


验证码：

Egret Engine（一）：设备重力感应，方向、速度监听

2020年07月28日 | 移动技术网IT编程 | 我要评论

来吧，展示

主要属性函数定义

egret主要方法

监听主要字段

创建按钮启动停止监听

监听并输出事件返回参数

完整代码

您可能感兴趣的文章:

相关文章:

网友评论

`egret`主要方法