资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Egret3D效果怎么实现-创新互联

本篇内容介绍了“Egret 3D效果怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、虚拟空间、营销软件、网站建设、浑源网站维护、网站推广。

一 : 资源

Ⅰ,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效果怎么实现

“Egret 3D效果怎么实现”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文题目:Egret3D效果怎么实现-创新互联
浏览地址:http://cdkjz.cn/article/ddgdcc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220