【Egret】通过EgretPro添加3D内容

步骤一：开始前的装备

准备一个需要添加3D内容的Egret项目

通过Visual Studio Code或者Egrte Wing打开我们的Egret项目（当前最新版推荐VSCode）

步骤二：创建 EgretPro 项目

下载并安装 EgretPro 1.6 或者更高版本
打开EgretPro,选择新建 -> 库项目，如果新建项目类型中没有库项目，请确认创建项目面板中的引擎版本号为 1.6.0 或更高版本。
点击浏览按钮，选择一个 Egret 项目根路径。确认后将项目路径处的新项目名称 NewProject 修改为pro-library
点击创建按钮，创建成功后，您的项目结构应如下所示

步骤三：将 EgretPro 项目导出为第三方库

在Visual Studio Code菜单栏->终端->新终端

cd pro-library  // 进入EgretPro项目根目录执行npm installnpm run build:library  // 即可将当前项目打包成一个js库，位置是pro-library

‘egret-pro‘ 不是内部或外部命令，也不是可运行的程序或批处理文件点击此处

步骤四：将 EgretPro 项目导出为第三方库

修改Egret项目 egretProperties.json 中的modules,添加该模块

    {"name": "pro-library","path": "./pro-library/pro-library"}

修改后需要通过执行编译命令，在manifest.json中看到pro-library.js引入即为成功

egret build -e // 编译引擎命令

步骤五：在Egret 项目中添加 EgretPro 内容

目前可以将 EgretPro 中的场景渲染为一个egret.Texture对象，Egret引擎只需要将egret.Texture添加到Bitmap对象当中，即可渲染到舞台。

const width = 512;
const height = 512;
const sceneUrl = "assets/scenes/animations/test.scene.json";
const texture = await egret.pro.createTextureFrom3dScene(sceneUrl, width * 2, height * 2);
const bitmap = new egret.Bitmap(texture);
bitmap.width = width;
bitmap.height = height;
this.addChild(bitmap);

Egret Pro 入门学习笔记 8：在2D老项目中添加3D内容https://www.bilibili.com/video/BV1ap4y1D731/

【Egret】通过EgretPro添加3D内容相关推荐

[Telink][TLSR8251] [泰凌微][SDK3.4] 添加广播内容和动态广播厂商信息
文章目录一. 广播类型实现动态广播的方法是: 广播->停止广播->修改参数->重启广播二.什么是蓝牙动态广播? 1.1 前导 1.2 接入地址 1.3 报头 1.3.1 广播报 ...
3D插画玩起来，如何简单快速地创作可交互的3D内容？ | Mixlab设计工具
spline 一款用于交互式3D内容创作的设计工具 A design tool, for 3d Easily create and publish 3D web experiences. Build ...
Python为图像添加文本内容（Writing Text on Image）
Python为图像添加文本内容(Writing Text on Image) #原始图像 #图像添加文本 # from PIL import Image, ImageDraw, ImageFontim ...
Ueditor富文本添加视频内容，视频不显示以及编辑富文本时，视频不显示解决方案
Ueditor富文本添加视频内容,视频不显示以及编辑富文本时,视频不显示解决方案参考文章: (1)Ueditor富文本添加视频内容,视频不显示以及编辑富文本时,视频不显示解决方案 (2)https: ...
转 DevExpress-ASPxPageControl 动态添加 TabPage 内容
话不多说想看代码,在细说. 前台,很简单.主要看后台 <dx:ASPxPageControl runat="server" ID="<span style=& ...
vim在每行行首或行尾添加/删除内容
idea:利用vim中的批量替换功能实现. 一.添加在每行行首添加相同的内容: :%s/^/要添加的内容在每行行尾添加相同的内容: :%s/$/要添加的内容二.利用正则表达式删除代码段每行的行号 ...
Qt Creator添加3D视图
Qt Creator添加3D视图添加3D视图添加3D视图要创建Qt Quick 3D UI项目,我们建议使用Qt Quick 3D应用程序模板向导模板,该模板将Qt Quick 3D QML类型 ...
js 点击侧边栏展示内容_上海SEO优化网站侧边栏一般添加什么内容
相关推荐:https://www.huisheng.com/ 上海SEO优化网站侧边栏一般添加什么内容?企业做网站每个板块都是非常重要的,之前跟大家解析了关于导航栏的布局,哪些内容该添加,哪些内容不该 ...
jQuery 往table添加新内容有以下四个方法：
Query 添加新内容有以下四个方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() ...