Panthera - Animation Software for Defold

The Defoldmine
#17

I made the introduction / tutorial video to get faster into Panthera

In this video we will create simple slider GUI component animation:
panthera_slider_tutorial

Introduction covers:

  • Animation create with import images and *gui file
  • Add several animations, create timeline keys
  • Import animation into Defold and run it
  • Show workflow how to update animation faster via just copy/paste
  • Several options and how it’s affected on animation
  • How to bind nodes directly into animation

In just 7 minutes!

15 Likes
#18

Amazing work!! Thanks so much for this. Can’t wait to build nice GUI animations.
BTW, you work on Druid (especially the grid/datalist components) makes my life sooo much easier, I thank you every day that I’m using your library! Keep up the good work!

4 Likes
#19

Looks amazing! Can’t wait to play with it. :laughing:

2 Likes
#20

maybe you can do checkbox with play all list animation repeatly? from first list item to last

#21

There is no sense to make this in animation

You can do it via animation callbacks, something like:

animation_file.play(animation_data, {
	animation_id = "anim1",
	callback = function()
		animation_file.play(animation_data, {
			animation_id = "anim2",
			callback = function()
				-- play other
			end
		})
	end
})
#22

okey. how i`m add second position.x to one animation?

#23

You can add multiple timeline keys for any property and adjust timings for them. The flow is similar like to add the first one :wink:

Screenshot 2022-11-13 at 11.53.44
Screenshot 2022-11-13 at 11.53.44906×236 20.8 KB

2 Likes
#24

fantastic, i`m try this :grinning_face_with_smiling_eyes:

#25

What are you plans about releasing 2.0?

I would love to check it out, even if it would be a paid software. It could become a really nice animation software, especially after following your progress on Twitter and if it would be able to export rendered animation also to formats like GIF or MP4 :wink:

I was checking out things like Motion Canvas and Remotion, but those are all code-only without visual editor, not so convenient as it might look like, you must be very familiar with their weapon of choice and the syntax to do anything.

P.S. It would be also great if you could record tutorial in some higher resolution as the previous video is not very clear :pensive:

1 Like
#26

Thanks for your attention to the project!

Currently, I don’t have any ETA for Panthera 2.0. I’m investing a lot of time in R&D to make it as good as I want, including a fully adaptive UI. The progress is really good! However, this progress depends on my free time, so I can’t commit to any specific date.

I will continue to post my devlog on Twitter, and one day it will be ready to do amazing things. :blush:

Regarding exporting to GIF/MP4, it seems to be a tricky task in Defold. The current solution is to make the editor view fullscreen and record the animation. However, in this case, there is no alpha channel. So, we may figure out how to do this later.

5 Likes
#27

Thank you so much for the update! No rush on this, I didn’t mean to ask about any ETA, but only if it will be available to use :smiley: I would love just to use this, as I believe it would help me (and not only me) a lot. Export is just an option, I will also try to experiment here in my free time :wink:

1 Like
#28

animate-y-coord

Could you tell me how to make such an animation in 3D?

#29

As @Pawel mentioned above, I am making the Panthera 2.0 and want to showcase the current workflow with it:

And here is a thread on Twitter from the start of making the Panthera: https://twitter.com/insalitygames/status/1709635552021016870

17 Likes
#30

Amazing work as usual!

I’m curious about your tech stack. What are you using for UI? Druid? And to parse defold scenes?

For the Defold team: this is the kind of result I’d love to see us being able to do in the editor directly, as an extension. Given the excellent results of the community with engine extension, I’m sure it would be a huge boost on the editor side too.

2 Likes
#31

Thanks!

Yes, I making Panthera with Druid! There are a lot of custom components like list view, properties panel etc.

Defold scenes I parsing with just pure lua. The *.gui format is much easier than *.collection or *.go and can be easily imported. The export back is still a hard task :smiley:

2 Likes
#32

Hello. I have a litle question. I use go and i need resize him. But go dont have size property ((

how convert gui animation to go?

#33

I wonder for a newbie what would be easier to learn and use? Panthera or something like Spine or Rive? I’m guessing Spine and Rive have more features but also there are many more examples and tutorials.

#34

My 2 cents as noob: one big difference is also how these tools work.
Pantera exports native game objects and Lua scripts, while others export their native format, which is then read in defold by extensions. So in my opinion panthera is more conservative in the long term, but sure it lacks the features of a full software like rive.
Also, products like rive make it more easy to work with a graphic designer in a team, as they would work with a more familiar software.

3 Likes
#35

@Insality I’m curious how you’re dealing with the Defold editor data. Are you manipulating or parsing collections, atlases or go in any way?

I went through the rabbit hole of creating an in-game editor and I have to say I’ve started to bypass too much on Defold editor :sweat_smile:

#36

Yeah, in both Panthera I have a Lua parser for GUI/Collection/Go/Atlas files, it read line by line the data and copy all is required to parsed object

But the best and easiest solution seems is to using https://github.com/defold/extension-proto as it can encode proto messages from text format and seems it works good but required some time to integrate and write escape/unescape values for some cases (like multiline data)

1 Like