首页
学习
活动
专区
工具
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站主页 : 张风捷特烈

99140

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

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

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

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

    48810

    【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 方法掉血。

    48520

    【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 是否有执行完成的回调。

    82840

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

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

    69510

    【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 的生命周期回调。

    55420

    【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.2K20

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

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

    83820

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

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

    1K20

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

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

    62621

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

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

    80410

    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

    【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

    46150

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

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

    60230

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

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

    79410
    领券