首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我是否可以将小部件用作Flutter Flame中的实际组件

在Flutter Flame中,小部件(Widgets)不能直接用作实际组件。Flutter Flame是一个游戏引擎,它使用了自己的渲染系统和组件结构。

在Flutter中,小部件是用于构建用户界面的基本构建块。它们是可组合的,可以嵌套在一起以创建复杂的界面。然而,在游戏开发中,通常需要更底层的控制和性能优化,因此Flutter Flame提供了自己的组件系统。

在Flutter Flame中,你可以使用Sprite(精灵)作为实际组件。精灵是游戏中的可视对象,可以在屏幕上绘制和操作。你可以创建自定义的精灵类,定义其外观、行为和交互逻辑。

如果你想在Flutter Flame中使用小部件的某些功能,你可以考虑将其转换为适合游戏引擎的形式。例如,如果你想在游戏中显示文本,你可以创建一个自定义的文本精灵,用于绘制和处理文本的显示和交互。

总结起来,小部件不能直接用作Flutter Flame中的实际组件,但你可以通过创建自定义的精灵类或其他适合游戏引擎的组件来实现类似的功能。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter&Flame 游戏 - 贰柒】pinball 源码分析 - 角色选择与玩法面板

也就是说,pinball 项目中,对这个模块进行了分包处理。可以思考一下:这个模块是相对独立,而且有一定拓展需求,比如增加其他角色,可以在该包在进行处理。...从 build 逻辑可以看出:选中时,透明度是 1 ,否则是 0.4 ,这和实际操作是吻合。...---- 代码对界面的分层处理是很值得借鉴,而不是把所有的构建逻辑写在一块。抽离组件可以让整体结构更加清晰,比如下面的红框,代码组件和界面的呈现,两者对应关系非常清晰。...源码处理方式,特别是官方提供源码,是非常值得学习和借鉴。能将这些思想消化吸收,应用到实际开发,是有益。...下一篇,我们进入最重要游戏主界面,那本文就到这里,明天见 ~ @张风捷特烈 2022.06.23 未允禁转 公众号: 编程之王 掘金主页 : 张风捷特烈 B站主页 : 张风捷特烈

97540

Flutter&Flame 游戏 - 贰陆】pinball 源码分析 - 游戏主页

这是参与「掘金日新计划 · 6 月更文挑战」第 27 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...游戏中浮层 在 《【Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层》中介绍过浮层在 Flame 游戏场景使用。这里刚好可以通过实际场景来加深理解。...---- 另外,从中我们能学到一个非常实用知识:在移动端通过 Game 对象可以发送按下键盘事件。这样在移动端,可以通过按扭事件,来发送键盘事件,这样在游戏中只需要考虑键盘事件即可。...下一篇我们继续分析 pinall 源码,看一下如何选择角色、如何弹出 how to play 信息面板。...那本文就到这里,明天见 ~ @张风捷特烈 2022.06.22 未允禁转 公众号: 编程之王 掘金主页 : 张风捷特烈 B站主页 : 张风捷特烈 github 主页 : toly1994328

78620
  • Flutter&Flame 游戏 - 贰捌】pinball 源码分析 - 游戏主场景构成

    这是参与「掘金日新计划 · 6 月更文挑战」第 29 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...体系 【Flutter&Flame 游戏 - 贰拾】构件特效 | 其他 EffectControler 【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent...可以发现 pinall 项目无论是对 Flutter 组件,还是 Flame 构件,抽离分层处理还是很细致和到位。...---- 通过图片资源可以看出,Boundaries 就是对背景之上边界进行处理。比如左图外框,中间是镂空透明色,背景图叠在其下,就可以遮住上面背景四周部位。...下一篇,我们来看一下 Flame 中视口和相机概念,并结合 pinball 对相机使用来实际体会相机作用。

    48010

    Flutter&Flame游戏 - 拾贰】探索构件 | 角色管理

    这是参与「掘金日新计划 · 6 月更文挑战」第 13 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent 【Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层 未完待续 ~ ---- 1....管理怪兽 前面把 Monster 全写在 TolyGame ,看起来很杂乱。一个场景可能存在多个怪兽,比如下面六个怪和一个 Boss 。...我们可以通过自定义一个 MonsterManager 构件对这些怪兽进行管理:代码详见【12/01】 image.png ---- 在 MonsterManager 通过入参将怪和 Boss 序列帧传入...目前仍是校验 矩形域 和 中心点 包含关系来判定是否命中。如下,在 update 通过 _checkAttackHero 校验是否命中,命中时 player 触发 loss 方法掉血。

    47720

    Flutter&Flame 游戏 - 壹】开启新世界大门

    一、 新可能性 Google I/O 2022 对于 Flutter 而言, 休闲游戏 带入了大众视野。让 Flutter 除了应用开发之外,有了新可能性。...期待着官方可以出一个游戏引擎,但现在看来,官方也倾向于使用 Flame 引擎来开发休闲 2D 游戏,那我无需再等,开摆 。...这说明基本碰撞、音乐、动画没有什么问题,用来做休闲小游戏是足够也就没什么好担心了。 所以,接下来开启一个系列,研究 Flutter&Flame 游戏 2D 休闲游戏开发。...为了避免和 Flutter Widget 组件 语义冲突, 这里称 Component 为 构件 。...本文小结 通过这个案例,我们见到了几个类,这里来梳理一下。其中 GameWidget 是继承自 GameWidget 组件,构造时必须传入 Game 类型 game 入参。

    1.1K40

    Flutter&Flame游戏 - 拾柒】构件特效 | 了解 Effect 体系

    这是参与「掘金日新计划 · 6 月更文挑战」第 18 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...体系 【Flutter&Flame 游戏 - 贰拾】构件特效 | 其他 EffectControler 【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent...本质上和直接使用 MoveByEffect 和 MoveToEffect 没有区别,可以根据自己喜好来用。更倾向于用 MoveEffect 命名构造,感觉语义上好一些。...移除特效: 移除特效 从 RemoveEffect 源码可以看出,这个特效非常简单,甚至连控制器都不需要指定。RemoveEffect 作用是在 delay 秒后,移除附加构件。...Effect 结束回调事件 在 【第七篇】 人随指动一文,使用到了 MoveEffect ,那时有朋友问了一下 Effect 是否有执行完成回调。

    79540

    Flutter&Flame 游戏 - 贰叁】 资源管理与国际化

    ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。如果你在其他平台看到本文,可以根据对于链接移步到掘金查看。...体系 【Flutter&Flame 游戏 - 贰拾】构件特效 | 其他 EffectControler 【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent...可以根据资源信息,自动生成类来管理资源,比如下面红框代码是工具自动生成。...可以通过下面的命令来下载: dart pub global activate flutter_gen 此时会出现如下信息,可以看到一个文件夹,并且说期望把这个文件夹添加到系统环境变量: 我们在如下文件夹中就可以看到...到这里,我们就对 Flame 引擎整体上有了基本认知。之后,我们进入下一阶段,敬请期待。

    67910

    Flutter&Flame游戏 - 拾】探索构件 | Component 生命周期回调

    这是参与「掘金日新计划 · 6 月更文挑战」第 11 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent 【Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层 未完待续 ~ ---- 1....在 483 行所示,异步任完成后,生命周期状态置为 loaded。 image.png ---- 如下通过断点查看一下自定义 Ball 组件 onLoad 方法触发时,方法栈情况。...image.png ---- 当某个组件被父节点踢出群聊时,会触发onRemove 方法,之后紧接着生命周期状态置为 removed 。让使用者知道该构件节点添加到构件树的确切时机。...另外当该组件被移除之后,也不会继续回调update 和 render 。 image.png ---- 5. 运动圆 下面通过一个案例来梳理一下 Component 生命周期回调。

    54020

    Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层

    这是参与「掘金日新计划 · 6 月更文挑战」第 23 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...而我们知道,Flame “世界” 是通过 Ticker 不断触发更新,但往往菜单是 静态 ,不需要一直更新。所以可以使用 Flutter 原生组件来做菜单,再加上界面跳转也需要原生路由。...此外 paused 属性可以得知游戏是否已经停止。...开启或隐藏浮层,其中 overlays 是 Game 公开成员: image.png ---- 本文介绍了,如何在 Flame 游戏中,让 Flutter 原生组件发挥价值。...其实 Flame 是在 Flutter ,你可以随时随地,使用 Flutter 任何知识。

    1.5K30

    Flutter&Flame 游戏 - 叁】手势操作与键盘事件

    前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。如果你在其他平台看到本文,可以根据对于链接移步到掘金查看。...【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent 【Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层 未完待续 ~ ---- 1....键盘事件 Flutter 作为跨平台开发框架,本身有键盘监听行为。Flame 键盘事件也只是对 Flutter 原生一层封装而已,还是非常好理解。...手势检测 - 点击事件 同样,Flame 手势检测也是基于 Flutter 一层封装,通过 mixin 实现监听功能。...---- 如下例子,每次点击屏幕时,角色会顺时针旋转 90° ,而且按下后会显示角色边界信息,抬手后会消失。

    1.4K20

    Flutter&Flame 游戏 - 肆】精灵图片加载方式

    前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。如果你在其他平台看到本文,可以根据对于链接移步到掘金查看。...【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent 【Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层 未完待续 ~ ---- 1....这在前端开发中比较常见,因为每个图片都需要发一次请求,图片拼在一起,可以减少请求次数。在游戏开发者也是如此,图片拼合在一起可以有效减少加载次数。 ---- 2....可以写个 extension 来拓展一下,可能一般人顺手就在 lib 创建文件夹开写了。看 flutter 官方 pinball 项目中,会对模块进行分包,而不是所有代码都塞在一块。...这样另一个好处是:可以 flame_ext 分享到 pub ,让所有人都可以使用。

    1.1K20

    Flutter&Flame 游戏 - 贰玖】pinball 源码分析 - 视口与相机

    这是参与「掘金日新计划 · 6 月更文挑战」第 30 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...体系 【Flutter&Flame 游戏 - 贰拾】构件特效 | 其他 EffectControler 【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent...---- 同理,增加 zoom 值,可以达到放大目的;就相当于照相机靠近目标,从而成像区域包含内容减少,但视口中内容也会相对变大。简单来说,就是近大远。...另外关于地图、flame_forge2d 等知识以后再说吧,是否开启第二季,会根据本系列关注度、热度、或是 Flame 发展综合考虑是否继续研究。...目前看来,本系列文章并没有太多人看,所以没有太大动力去研究,也不想投入太多精力在游戏开发

    96920

    Flutter&Flame游戏 - 拾伍】粒子系统 | ParticleSystemComponent

    这是参与「掘金日新计划 · 6 月更文挑战」第 16 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...体系 【Flutter&Flame 游戏 - 贰拾】构件特效 | 其他 EffectControler 【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent...构建加入到树,进行显示 其中 2、3 步骤非常简单,所以对于粒子系统而言,如何创建 Particle 对象是重中之重。...移动粒子 MovingParticle 在 Particle 衍生类可以看到有很多支持传入 child 例子,这些实现类往往可以基于某个粒子,是些特点功能。...,下面是 Flame 官方一个例子,感觉挺有趣,这里来看一下。

    80020

    Flutter&Flame 游戏 - 贰肆】pinball 源码分析 - 项目结构介绍.md

    前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。如果你在其他平台看到本文,可以根据对于链接移步到掘金查看。...:从界面组件 AssetsLoadingPage 实现可以看出,背景是通过 CrtBackground 装饰进行绘制。...循环动画是通过 AnimatedEllipsisText 组件实现,这个组件感觉挺实用。如果以后有需要,可以直接拷贝过去用,这就是 Flutter 组件好处。 简单瞄一眼源码,这里 ......这里通过 BlocBuilder 来监听状态变化来构建组件。 从代码可以看出,这个像素风格进度条,通过 PinballLoadingIndicator 组件进行显示。...---- 从 PinballLoadingIndicator 组件源码实现可以看出,这个像素风格进度条是通过六个 _InnerIndicator 组件进行显示

    78810

    Flutter&Flame游戏 - 贰拾】构件特效 | 其他 EffectControler

    这是参与「掘金日新计划 · 6 月更文挑战」第 21 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...参上 | 角色血条 【Flutter&Flame 游戏 - 陆】暴击 Dash | 文字构件使用 【Flutter&Flame 游戏 - 柒】人随指动 | 动画点触与移动 【Flutter&Flame...体系 【Flutter&Flame 游戏 - 贰拾】构件特效 | 其他 EffectControler 【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent...这里只是针对每个实现类举个例子,实际,我们可以结合若干个效果或者控制器来实现一些组合特效。甚至去封装一些特定场景下特效,以便复用。...那本文就到这里,明天见 ~ @张风捷特烈 2022.06.15 未允禁转 掘金主页 : 张风捷特烈 B站主页 : 张风捷特烈 github 主页 : toly1994328

    45650

    Flutter&Flame 游戏 - 柒】人随指动 | 动画点触与移动

    这是参与「掘金日新计划 · 6 月更文挑战」第 8 天,点击查看活动详情 ---- 前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。...如果你在其他平台看到本文,可以根据对于链接移步到掘金查看。因为文章可能会更新、修正,一切以掘金文章版本为准。...【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent 【Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层 未完待续 ~ ---- 1....另外还有个细节,就是点击时触点动画,其特点是在点击后显示,一会便自动消失。本文目标就是实现这两个小功能。...在 onLoad 回调,加载序列帧图片形成 SpriteAnimation 。注意一点,默认情况下序列帧动画是在不断运行可以指定 loop: false 设置播放一次。

    61521

    Flutter&Flame 游戏 - 贰伍】pinball 源码分析 - 资源加载与 Loading

    前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。如果你在其他平台看到本文,可以根据对于链接移步到掘金查看。...:从界面组件 AssetsLoadingPage 实现可以看出,背景是通过 CrtBackground 装饰进行绘制。...循环动画是通过 AnimatedEllipsisText 组件实现,这个组件感觉挺实用。如果以后有需要,可以直接拷贝过去用,这就是 Flutter 组件好处。 简单瞄一眼源码,这里 ......这里通过 BlocBuilder 来监听状态变化来构建组件。 从代码可以看出,这个像素风格进度条,通过 PinballLoadingIndicator 组件进行显示。...---- 从 PinballLoadingIndicator 组件源码实现可以看出,这个像素风格进度条是通过六个 _InnerIndicator 组件进行显示

    79910

    Flutter&Flame 游戏 - 伍】 Canvas 参上 | 角色血条

    前言 这是一套 张风捷特烈 出品 Flutter&Flame 系列教程,发布于掘金社区。如果你在其他平台看到本文,可以根据对于链接移步到掘金查看。...【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent 【Flutter&Flame 游戏 - 贰贰】菜单、字体和浮层 未完待续 ~ ---- 1....其实游戏本质就是不断刷新绘制,在 Flame 引擎,也暴露了渲染方法,给使用者自定义绘制机会。这就说明我们在之前累积绘制技巧,也可以Flame 得以应用。...如何选用最简单方式来确定图形信息,是绘制一个细节。...在 《Flutter 渲染机制 - 聚沙成塔》第十二章,结合源码实际使用对 mixin 有详细介绍。网上很多文章简单写两个 demo ,是很难真正理解 mixin 价值。 ---- 5.

    58230

    Google IO Extended | Flutter 游戏和全平台正式版支持下 Flutter 现状

    Hello,大家好,是《Flutter开发实战详解》作者,Github GSY 系列项目的负责人郭树煜,本次 Google I/O Extended 主要是给大家回顾一下本次 I/O 大会关于 Flutter...当然,如果你需要实现更复杂游戏场景,例如 pinball 这样游戏效果,那么你可能就需要第三方 Flame 包来完成,这里 GIF 有些掉帧,但是实际使用过程,如果不说,你不会发现这是一个...其中 Flame 提供了各类游戏相关开箱即用功能,例如动画、物理、碰撞检测等,同时 Flame可以利用了 Flutter framework 基础内容,所以如果你是 Flutter 开发者,...代码库还附带一个组件沙箱,类似于 UI 组件库,可以在开发游戏时,这是一个有用工具,因为它允许开发者单独开发游戏组件,并确保它们在将它们集成到游戏中之前外观和行为符合预期。...在 Flutter 3.0 推荐 Windows 版本提升到 Windows 10,虽然目前 Flutter 团队不会阻止在旧版本(Windows 7、Windows 8、Windows 8.1)

    1.3K40
    领券