Egret 3D效果怎么实现
admin
2023-02-16 16:40:07
0

一 : 资源

Ⅰ,Egret3D官方文档 : https://developer.egret.com/cn/docs/3d/docs/guide/getting-started-introduction/

Egret 3D效果怎么实现
Ⅱ,安装3D编辑器(以前叫paper , 现在交 Egret Pro)
地址 : http://developer.egret.com/cn/docs/3d/

①,确定3D编辑器如下
Egret 3D效果怎么实现
②,下载并安装paper编辑器
Egret 3D效果怎么实现
③,安装完毕出现如下图标
Egret 3D效果怎么实现

二 : 创建项目

Ⅰ : 装备Egret 5.3.x版本库 , (这个是目前最新的).
Egret 3D效果怎么实现
①,加压版本库如下:
Egret 3D效果怎么实现
②,打开Egret Launcher软件 , 切换至安装本地版本 , 如下:
Egret 3D效果怎么实现
③,将解压后的版本文件夹( egret-core-5.3.x ) 拖入到Egret Launcher工作区 , 如下
Egret 3D效果怎么实现

Ⅱ : 打开Egret Pro(Paper)编辑器
①,创建纹理(建textures文件夹)

重点 :  需要在windows的资源管理器中创建图片 , 会自动生成纹理相关文件 . 目前还不支持拖动 . 这是一个bug
Egret 3D效果怎么实现
②,创建材质(建materials文件夹)
Egret 3D效果怎么实现
将名称命名为 my_test.mat.json
编辑材质如下:
Egret 3D效果怎么实现

③,在默认scene中创建cube , 属性如下:
Egret 3D效果怎么实现

④,scenes结构如下:
Egret 3D效果怎么实现

三 : 运行结果

Egret 3D效果怎么实现

总体来说 , 有一个简单的3D编辑器确实比Laya要好很多 . 只是Egret Pro软件还有不少的问题待优化 . 相信在不久会得到改善...






补充 --

① , 简单脚本

export default class Cube extends paper.Behaviour{

    // public constructor() {
    //     super();
    //     this.onStart();
    // }
    onStart() : void{
        let $meshFilter : egret3d.MeshFilter = this.entity.getComponent( egret3d.MeshFilter ) as egret3d.MeshFilter;
        // $meshFilter.mesh = egret3d.DefaultMeshes.CUBE;
        RES.getResAsync( "Assets/textures/icon.png" , (value: egret3d.Texture, key: string) : void => {
            const $texture : egret3d.Texture = RES.getRes("Assets/textures/icon.png") as egret3d.Texture;
            let $meshRender : egret3d.MeshRenderer = this.entity.getComponent( egret3d.MeshRenderer ) as egret3d.MeshRenderer;
            ( $meshRender.material as egret3d.Material).setTexture( "map" , $texture );
        } , this );
    }
}

② , 注意注册脚本 Cube(自定义的)
Egret 3D效果怎么实现

③ , 新建一个cube绑定自定义脚本Cube
Egret 3D效果怎么实现

④ , 运行如下
Egret 3D效果怎么实现

相关内容

热门资讯

尺素金声|中国经济“失速论”站... 一季度GDP同比增长5.0%、二季度增长4.3%、上半年增长4.7%,2026年中国经济半年报发布后...
NVIDIA最深的护城河要凉!... 7月24日消息,AMD在Advancing AI预简报会上表示,CUDA已不再是外界想象中的那条护城...
廖杰远:三大智能体协同闭环,A... 中国日报网7月24日电 7月22日,在2026年世界互联网大会数字丝路发展论坛数智健康分论坛上,微医...
AI时代构筑超级底座 维谛技术... 文/本报记者 当前,人工智能产业竞争持续向产业链上游延伸,算力竞争早已不再局限于计算芯片性能比拼。具...
刚签核协议不到24小时,美国突... 美国东部时间7月22日下午,美国宣布与沙特阿拉伯签署了一项民用核能协议。据美国有线电视新闻网(CNN...
中国信通院牵头,数据编织国际标... IT之家 7 月 24 日消息,中国信通院今日发文称,国际电信联盟第 21 研究组(ITU-T SG...
国内首颗商业空间碎片监测卫星发... 【国内首颗商业空间碎片监测卫星发射成功】《科创板日报》24日讯,7月24日上午,中科宇航力箭一号运载...
邓煜,诗人,数学家,老二次元 来源 视觉中国菲尔兹奖的通知邮件抵达时,普林斯顿大学数学博士、芝加哥大学数学系教授邓煜正在看一本恋爱...
安全生产许可证状态不是“有效”... 工程公司的安全生产许可证在官方系统显示为“其他”状态,有一栏则显示“整改”,却成为高标准农田项目的第...
深化产教融合 推进数智育人 哈... 7月23日,由阿里国际人工智能人才孵化中心(以下简称“阿里国际AITIC”)主办的“智启未来·数智赋...