Egret Engine 2D - 遮罩

矩形遮罩 shp.mask = new egret.Rectangle(20,20,30,50); 注意如果rec发生变化,需要重要将rec赋值给shp.mask 删除遮罩的方法 sprite.mask = null 显示对象作为遮罩,无需像矩形遮罩那样重复赋值 mask,但是 mask 必须是显示列表里元素. …

Egret Engine 2D - 项目配置

todo 看三个示例项目的完整源码和资源 <e:Group name="Button" height = "300" verticalCenter="0" horizontalCenter="0"> <e:layout> <e:VerticalLayout gap="0" horizontalAlign=&qu…

缩放模式和旋转模式说明缩放模式showAll 常用 noScale noBorder exactFit 次常用 fixedWidth fixedHeight fixedNarrow fixedWide 可在代码里设置this.stage.scaleMode = egret.StageScaleMode.SHOW_ALL ;可在index.html里配置<body> <divdata-scale-mode="noScale" > </div> &…

Egret Engine 2D - 显示对象

alpha:透明度 width:宽度 height:高度 rotation:旋转角度 scaleX:横向缩放 scaleY:纵向缩放 skewX:横向斜切 skewY:纵向斜切 visible:是否可见 x:X轴坐标值 y:Y轴坐标值 anchorOffsetX:对象绝对锚点X anchorOffsetY:对象绝对锚点Y 关于位置 container.globalToLocal(0,0); localToGlobal() 方法将本地坐标转换为舞台坐标. circle.touchEn…

Egret Engine 2D - Get Started

Get Started Egret 也支持在命令行完成编译,运行,发布等操作.在下面的教程中会穿插对应操作的命令行代码. 可新建游戏项目,也可建eui项目这里包含默认的几个库,egret,game,tween,res egret create HelloWorld --type empty|game|gui|eui 可用来创建项目 src 放代码 bin-debug libs 核心库扩展库第三方库 resource default.res.json配置文件用来配…

Egret Engine 2D - 矢量绘图

绘制矩形 drawRect 绘制矩形边 lineStyle( 10, 0x00ff00 清空绘图 clear 绘制园形 drawCircle 绘制直线 moveTo lineTo 绘制曲线 cureTo(a b c d) a b设置是目标点的x y c d是中途拐点的x y 绘制圆拱实心区域 beginFill drawArc( x y radius startAngle endAngle anticlocwise) 这个好用少用不停修改 mask 的方式来做动画绘制园弧线 lin…

Egret Engine 2D - 显示容器

DisplayObjectContainer 所有容器的父类 1 添加删除子对象 2 访问子对象 3 检测子对象 4 设置叠放次序 Sprite 继承自DisplayObjectContainer且只新增了一个graphics功能删除操作 if( spr.parent ) { spr.parent.removeChild( spr ); } 对象个数 numChildren 和深度相关的方法 addChild addChildAt removeChild removeChildAt r…

Egret Engine（白鹭引擎）介绍及windows下安装

Egret Engine简要介绍----- Egret Engine(白鹭引擎)[Egret Engine官网:http://www.egret-labs.org/]是一款使用TypeScript语言构建的开源免费的移动游戏引擎.白鹭引擎的核心定位是开放,高效,优雅.通过它,你可以快速地创建HTML5类型的移动游戏,也可以将游戏项目编译输出成为目标移动平台的原生游戏应用. 提到Egret Engine(白鹭引擎)就不得不提<围住神经猫>这一火爆游戏,7月22日,一款名为<围住神经猫>…

Egret 矢量绘图、遮罩、碰撞检测

矢量绘图: 1. 为矢量绘图绘制外边 - graphics.lineStype() private createGameScene():void { console.log("Runtime start."); var myShape:egret.Shape = new egret.Shape(); myShape.graphics.lineStyle(10, 0x00ff00, 1); myShape.graphics.beginFill(0xff0000, 1); myShape.…

HMS Core AR Engine 2D图片/3D物体跟踪技术助力打造更智能AR交互体验

AR技术已经被广泛应用于营销.教育.游戏.展览等场景.通过2D图像跟踪技术和3D物体跟踪技术,用户只需使用一台手机进行拍摄,即可实现海报.卡牌等平面物体以及文物.手办等立体物体的AR效果.尽管近年来2D图像跟踪和3D物体跟踪算法已经取得了很大的进步,但受限于环境等因素影响,效果仍然有很大提升空间,是目前AR开发者的研发难点. HMS Core AR Engine提供了2D图像和3D物体的端云协同跟踪技术,让开发者更简单便捷地开发AR类应用,让用户拥有更丰富的AR交互体验. 2D图像跟踪技术端云…

【Egret】在WebStorm里使用Egret Engine 的注意点

1.开启代码提示 2.修改egret code后,自动编译新egret code 按照下图进行设置: ①打开"File-settings" ② ③ (PS:webstorm打开目录为当前项目目录) 3.设置启动/运行 ①打开"File-settings" ②打开"Run-Edit Configurations" ③ (PS:webstorm打开目录为当前项目目录) 4.启用EXML皮肤文件语法提示 http://bbs.egret.com/for…

【Egret】2D 使用中的一些疑难解决技巧！

1.问题:声音在ios上无法播放解决方法:①首先需要预加载一个声音 ②然后目前只有点击之后才能播放声音,不能默认播放 2.问题:滚动条问题解决方法:①js原生方法:overflow:auto ②egret的scroller组件,但是这个组件有问题:用代码new的话,就会一松手就会弹回初始位置:必须在eui编辑器手动添加,才不会有这个BUG: 3.问题:获取egret的canvas标签解决方…

egret3D与2D混合开发，画布尺寸不一致的问题

egret3d的GUI目前还没有,在做3d游戏的时候没有UI可用,只能使用egret2d的EUI组件库,egret3d与egret2d混合开发,canvas3d的大小与位置与canvas2d并没有重合,导致适配ui时总是错位.在做手机屏幕适配的时候必须解决这种问题,我的解决方法是两个属性相同. 我的解决方案为修改源码,在egret2d适配屏幕的时候加入自定义接口,通过事件的方式通知适配canvas3d的大小和位置. 先看下效果如何转屏适配⬇️ 增加Diy接口打开 egret engine ,…

Egret入门(三)--创建HelloWorld项目(4.0-使用Egret Wing)

准备编辑器: Egret Wing3(4.0.3) 需要下载安装语言: TepyScript(JS的超集,参考手册http://bbs.egret.com/thread-1441-1-1.html ) 创建新项目:熟悉 Egret 开发之后可以直接创建Egret游戏项目(包含游戏模板)或者Egret EUI (可视化的,包含EUI项目模板)项目等,里面包含了很多默认的配置.这里以新建游戏项目为例. 使用Egret Wing创建项目安装好Egret Wing之后打开, 文件-新建项目-新建一…

Egret白鹭H5小游戏开发入门（一）

前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相当部分用法没用到.虽然能够应付朋友圈里传播的…

Egret官方案例学习笔记

1.资源记载方式 (1)Egret引擎是2.0.5. (2)resource/resource.json文件是: { "resources": [ { "name": "bgImage", "type": "image", "url": "assets/bg.jpg" }, { "name": "egretIcon", &quo…

Egret的VS环境搭配

安装配置首先我们需要安装VS,这里我安装的是2013的版本,然后我们需要去Egret的官网下载Egret Engine.Egret Wing及Egret VS并进行安装,同时下载Google Chrome和Egret Inspector并安装用于调试.当然Egret提供的其它软件最好都安装一下. 创建项目 Egret提供的Wing现在已经是一个集成的IDE了,我们打开Wing在这里进行新项目的创建,为什么不从VS中创建呢?因为我这里直接从VS中创建的项目在调试时会报404错误,应该是官方的Eg…

Egret的若干局限

Egret是个好东西,整套workflow用下来,特别顺手,对于移动端游戏的开发来说,选择Egret无疑是个不二的选择. 当然,小学语文课上老师就教过一种写作手法,欲扬先抑,笔者今天倒过来,来说说Egret的若干局限性. 笔者从接触Egret到现在用Egret作为主职开发工具,已经整整一年时间了,有些嘈已经吐过了,但有些嘈还在咽着.当然,哪个工具框架没有局限性呢,但是这些局限性还是要让Egret初学者明了一下. •1.3D旋转 3D旋转虽然已经脱离了Egret这个2D引擎的范畴了,但是,让我们这…

Egret是一套完整的HTML5游戏开发解决方案

Egret是一套完整的HTML5游戏开发解决方案.Egret中包含多个工具以及项目.Egret Engine是一个基于TypeScript语言开发的HTML5游戏引擎,该项目在BSD许可证下发布.使用Egret Engine开发的游戏可发布为HTML5版本,运行于浏览器之中.同时,也可以发布为iOS.Android和WindowsPhone原生程序.…

【Egret】Wing3发布移动APP功能，打包APK流程以及会遇到的问题

流程:1.安装好wing 3,然后插件--Egret项目工具--发布移动APP--Build android native project 2.配置发布环境: Android 1.egret engine 点击下载 2.android sdk mac版下载 windows版下载 3.java sdk mac版下载 windows版下载 4.ant 点击下载 5.egret-android-support 点击下载配置图: 可能会遇到的问题: 1.问题:提示资源名字错误' 解决方法:所reso…

Egret index.html设置

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Egret</title> <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no…

Egret 4.x 和 5.x 项目共存的方法

正常来说,安装了对应的引擎之后,4.x的项目和5.x的项目是各自编译互相不影响的. 但是由于引擎的bug,我在实际使用中,出现了编译5.x的项目正常,之后切换到4.x的项目编译时,显示正常编译完毕,但是实际会变成使用5.x的引擎来编译的情况,结果是lib下的文件变成了5.x的lib,当我手动替换了lib之后,发现运行报错,原来bin-debug下的js也变成了5.x的编译之后的代码,无法兼容4.x的lib的问题. 接下来就是一通尝试,包括重启,重装引擎等等,中间还出现了4.x编译出现一直在编译中…