Egret Pro 入门学习笔记 8： 在2D老项目中添加3D内容

于 2020-07-24 16:20:26 发布
阅读量256 收藏
点赞数
文章标签： 小程序 web app html5 typescript 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41926242/article/details/107563802
版权

在Egret 5.3.7更新后，关于如何利用Egret Pro 在2D老项目中添加3D功能，我们收到了开发者朋友的热情咨询，今天我们围绕此功能的使用技巧及应用示例做了一份详细教程，帮助大家更好的掌握新能力。视频如下：

Egret Pro 入门学习笔记 8： 在2D老项目中添加3D内容

白鹭引擎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
博客
Egret Native1.1.0版本发布,修复多个问题
02-08 5644
今天,我们正式发布了Egret Native1.1.0版本，这个版本中我们重点仍然是放在稳定性提升上，主要改善文字渲染、音频、NativeRenderer 的稳定性以及改进对 DOM事件的支持。详细内容见下:[新增] 支持 DOMContentLoaded(window, document) 和 load(window) 、readystatechange(document) 事件;[新增] canvas.getContext() 支持 experimental-webgl;[优化] 完善DOM 事
博客
白鹭引擎助力《迷你世界》研发团队开发3D小游戏版
08-24 3351
《迷你世界》作为国内第一的放置类3D沙盒游戏，依靠三四线城市的游戏市场及垂直媒体的传播途径，研发团队用了短短3年时间就创造出了8000万活跃玩家、5000万玩家原创作品，仅2020年上半年，关于《迷你世界》的短视频点击量已超600亿。在开发团队和玩家们的共同努力下，现在《迷你世界》已经形成了一个非常完整的游戏生态。在小游戏成为新型流量入口的的今天，《迷你世界》开发团队也发现了这片“新的生态世界”，他们希望在这个世界中继续延续创造之旅。经过多方考察、慎重考虑，开发团队决定研发一款适合小游戏平台的沙盒游戏，
博客
网易经典IP大作《梦幻西游网页版》开发经验分享
08-04 2436
基于白鹭引擎研发的网易经典IP大作《梦幻西游网页版》仅用时数天步入iOS免费版TOP3，截至目前，这款产品将近20天位列畅销榜Top 10，目前基本稳定在Top 20，首月仅iOS平台流水便破亿，其表现甚至超过了很多原生手游，让很多从业者对H5游戏的上限有了新的认识。据了解，《梦幻西游网页版》与大部分H5游戏的不同之处在于：算上调优，其研发阶段经历了近1年半的时间。为了更多的了解这款游戏的开发故事，白鹭引擎团队有幸联系到了《梦幻西游网页版》项目组团队成员并与之进行交流。以下是相关内容：1.咱们这部
博客
3D跑酷类小游戏开发实战
07-02 2165
今天，带领大家从零开始开发一款完整的3D跑酷类小游戏，主要面向有一定Egret2D开发经验的小伙伴，手把手教你学习EgretPro开发，快速开启您的EgretPro开发之旅。下面是整个游戏的制作过程。游戏制作工欲善其事必先利其器，在开始制作游戏之前，您需要检查您是否安装了以下开发环境：检查你的EgretPro是否更新到了1.6以及以上版本；检查下是否安装了5.3.7以及以上的Egret2d引擎。创建项目首先，打开EgretPro，项目–库项目–新建。其次，创建完项目之后，EgretPr
博客
视频教程| Egret Pro 将3D项目发布成Native
06-29 243
最近，不少Egret的小伙伴前来咨询 3D项目是否可以发布成Native，我们的答案是：必须的！今天我们通过视频讲解的方式跟大家分享下如何将Egret Pro中的3D场景发布成Native APP。在Egret的工作流中，我们是将Egret Pro 3D场景打包成第三方库的形式添加到2D项目中，然后再发布到各个平台。在把3D项目发布成NativeApp的实际操作中，我们将整体的打包过程分为：项目创建,通过npm指令将Pro中的3D场景打包成第三方库，在2D项目中引入这个第三方库，通过Egret.pro
博客
Egret Native1.1.2发布，集中修复iOS、NativeRender相关问题
06-23 468
今天，Egret Native1.1.2版本正式发布，在这一版本中我们集中修复了来自商业用户及开发者反馈的关于iOS、NativeRender的诸多问题。更新内容比较多，具体见下：[新增] 缺少 webgl接口getContextAttributes()；[新增] 2dContext作为主Canvas，切换帧时保留内容；[新增] gl.texImage2D/gl.texSubImage2D 支持 Canvas；[新增] gl.texSubImage2D 支持premulitiply_alpha 和
博客
Egret 5.4.1版本发布，修复文本输入、自定义字体宽度异常等问题
03-04 448
今天，Egret 5.4.1版本发布，重点修复了开发者反馈的文本输入、自定义字体宽度异常、输入框等问题，具体内容见下：[修复] 修复无法输入文本的问题。[修复] 修复自定义字体宽度计算异常的问题。[修复] 输入框在输入时会随缩放值而进行变化。[修复] 修复 eui group 嵌套时，scale 为 0 会触发全屏点击的问题。[修复] 修复 eui scroller 嵌套，触发点击事件时无法释放内存的问题。[修复] 修复 DragonBones 层级变化失效的问题。开发者反馈给我们的其它问题还
博客
Egret 5.4 正式发布，将5.3版本升级为稳定版
02-04 1317
各位开发者好:白鹭引擎团队在 2021年2月4日发布白鹭引擎5.4稳定版。这个版本将 5.3.x 版本中的诸多体验特性不断完善，并最终形成了稳定的5.4版本。除了 5.3.x 系列版本中为开发者带来的特性之外，这个版本还包含了如下新特性：白鹭构建管线将 egret run 命令引入构建管线。现在开发者可以通过修改scripts/config.ts中的相关代码来定制egret run命令执行时的触发逻辑；将 WebpackDevServerPlugin 的调用从默认的 egret build触发修改
博客
视频教程| iOS版热更新实操经验分享
01-27 345
今天我们来聊聊iOS版热更新如何实现。事实上，我们官网早已为大家提供了相关Demo，并且我们也做过相关主题的直播内容，但依然有部分初级开发者在实操过程中存有疑惑，所以我们录制了今天的视频内容，详细讲解官方Demo的操作流程，具体内容戳视频： Egret Native iOS版热更新实操经验分享 ...
博客
视频教程| Android版热更新实操经验分享
01-15 335
热更新是Egret 小伙伴们开发原生游戏时关心的重点内容之一，虽然我们为大家提供了相关的Demo案例，但依然有初级开发者在此环节提出诸多疑问，因此我们制作了2期有关热更新的视频教程。今天我们先给大家讲讲Android版热更新如何操作，主要涉及2个核心内容：1是官方Demo案例讲解；2是Egret老铁实战操作热更新经验分享，具体内容戳视频了解： Egret Native Android版热更新实操经验分享
博客
视频教程| Egret 打包Android/iOS 原生游戏
12-18 1165
自Egret Native1.0系列稳定版发布后，我们基于项目开发实战，从开发者反馈的各种问题入手，针对音频系统、网络系统、输入法、文字渲染、原生渲染在内的多个模块进行渐进式重构，为开发者带来了更稳定和性能更好的Egret Native新版本。现在，使用Egret 打包Android / iOS 原生游戏的开发者越来越多，打包过程中也会遇到各种小问题，为了帮助更多的开发者掌握原生游戏打包技巧，我们准备了今天的视频内容： E
博客
坚守初心，白鹭引擎七年之痒
12-11 1475
各位开发者好，我是白鹭引擎团队的王泽。七年前的今天，我敲下了白鹭引擎的第一行代码，此时此刻我的孩子也终于要呱呱落地，即将成为一个父亲，我也有很多感慨。这两年经常有一些朋友来找我关心白鹭的动向，因为行业环境的原因我们市场发声变少了，产品发布节奏也慢了下来，人无名则安心练剑，年关将近，作为白鹭引擎的作者，我来和大家聊一聊2020年白鹭引擎团队专注在哪些工作上，以及我们2021年的产品重心会放在哪里。今年我们受疫情影响，取消了所有线下的开发者沙龙活动，并且也降低了市场费用，把相关人员和精力放在了针对开发者的
博客
Egret 2020，技术沉淀与产品突破
12-10 1176
时光飞逝，2020已近尾声，虽然由于行业的变化等原因，白鹭引擎的市场声音在减少，但团队内部的研发工作一直没有松懈，回首这一年的产品研发历程，白鹭引擎今年产品迭代的核心围绕高性能、易用性、工作流融合三个方面展开，全面改善了Egret Engine的整体开发效率，加强2D/3D游戏开发工作流的融合，重点解决原生游戏的性能，横纵贯穿2D/3D游戏、H5游戏/原生游戏不同品类游戏研发场景，并形成全新的游戏开发工具流。自此，逐渐突破了H5小游戏品类的限制，成长为一款更加全面的游戏引擎。自2013年底开始，白鹭引擎团
博客
视频教程|3D版切水果游戏开发实战8：项目发布
11-20 3875
历经2个多月的开发实战，3D版切水果游戏项目终于迎来最后一“课”：项目发布。​因为我们的Egret Engine可以一键对接多个小游戏平台，诸如：微信、QQ、H5、百度、OPPO、vivo等等，但他们的操作流程大致是一样，所以今天我们挑选2个比较具有代表性的类型——H5游戏和微信小游戏来完成项目发布。​这里，我们提醒下开发者，今天我们发布3D游戏使用的方法是将EgretPro项目导出为一个白鹭第三方库，然后在 Egret 项目中通过导入外部库的方式来实现，与我们早期《入门学习笔记6》讲的发布方式并不相同。
博客
Egret Native 1.0.6版本发布，修订诸多问题显著改善产品稳定性
11-13 1299
今天，Egret Native 1.0.6版本正式发布，在这一版本中，我们对iOS EgretNativeIOS window进行修改：自今日起Native只会在不存在Window的情况下创建window，这意味着，开发者可以在storyboard 上 使用 native，也可以在 ViewController 的 viewDidLoad 事件中初始化 native 对象，更可以将 native 的 view 作为某个 view 的 subView。同时，我们正式移除了内置的IDFA获取api，因此将会导
博客
视频教程| 3D版切水果游戏开发实战7：添加粒子效果
11-06 777
今天是我们开发环节的最后1篇内容-添加粒子效果，通过今天的内容操作我们基本实现了示例游戏中的切割效果。今天的内容相对简单，大家只需要记住2点：1， 在场景种添加粒子实体；2， 在切割水果时，每次更改切割点后，需要更新粒子实体的位置及材质纹理；详细内容戳视频了解： Egret Pro : 3D版切水果游戏开发实战7：添加粒子效果 最后，附上本节内容的相关源码：https://gi
博客
视频教程| 3D版切水果游戏开发实战6：添加物理效果
10-29 294
今天我们在加载美术资源的基础上来添加物理效果让实战内容更贴近示例游戏，这里会用到之前推荐的web版3D物理引擎Oimo，来给游戏场景中背景图、桌子及实体切块增加刚体属性和碰撞效果。由于我们上期内容中只添加了水果和切刀，背景图与桌子的添加方式今天也会讲到，同时还会优化切刀的位置和角度，使得刀起刀落的效果更加美观自然。详细内容戳视频了解： Egret Pro: 3D版切水果游戏开发实战6：添加物理效果
博客
VSCode官方插件-Egret Coder 解决了文件代码编辑、调用命令、断点调试等问题
10-29 1709
Egret Coder 是一款针对Egret UI Editor项目开发的官方插件，集成了exml文件代码编辑、适配Egret UI Editor、调用Egret Engine命令、调试4项功能，帮助开发者更好的使用EUI+VSCode工作流方式完成项目开发。白鹭的老铁们都了解VSCode是我们现在力推的代码编辑器，自Egret Coder 发布、 Egret Launcher 1.2.3更新后，我们将会默认使用 VSCode 打开 Egret 项目，虽然这种变化对于大家的新老项目开发、维护不会带来任何影
博客
视频教程 | 3D版切水果游戏开发实战5：加载美术资源
10-23 260
在我们的前4期开发实战中，我们写代码使用的切割物体都是Egret Pro自带的实体，如：球体、椎体、立方体等，今天我们就来讲讲如何将游戏场景中的切割对象换成美术提供的水果和切刀素材。核心内容比较简单，就是通过json配置表将游戏示例中的水果和切刀的数据统计起来，然后根据json配置表中的信息，再去加载水果和切刀的信息，代码讲解戳视频了解： Egret Pro：3D版切水果游戏开发实战5：加载美术资源
博客
视频教程 |3D版切水果游戏开发实战4：多次切割
10-16 868
今天我们的3D版切水果游戏实战开发已经进行至第4期，一起来学习如何使用Egret Pro 实现多次切割水果。核心内容包括以下5点：1、通过CutEntityAttributesFactory类管理项目中的多个被切割对象；2、移动切刀位置，给切刀添加缓动动画，模拟“刀起刀落”效果；3、优化切割面之上的切块以及切面，将切块与切面使用缓冲池方式进行回收利用；4、在系统类CutFlySystem中对切块与切面添加动画效果；5、重新初始化一个新切割实体，开启新一轮的切割。具体代码讲解戳视频：

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值