NIMA web-based 2D bone and mesh animation app

Discussion of tools and resources for game developers

Post » Mon Mar 27, 2017 10:00 pm

Hey guys,

I've been using C2 on and off for a few years now. I've lurked on the forums since I started using C2 but have never had anything to say. So for my first post, I wanted to share with you all my experiences with NIMA, a web-based bone and mesh animation app.

I only recently discovered it and have been using it everyday for the past two weeks. There's two reasons I wanted to share this with you; Firstly, I know there are a lot of people that are very skeptical about C3 being on a web-based platform and all the perceived performance limitations of it. After playing around with NIMA, I was very much reassured of how powerful browsers have become, and I'm hoping that by having a look at NIMA yourself, you too well come around to the idea of working from a web browser. Secondly, I was hoping in getting some support from other C2 users in convincing the NIMA developers to create a runtime for C2/3 - it's currently in open Beta so I'm sure with enough voices asking for it, they could add it to their to-do list. Or perhaps there's a C2 plugin creator that wanted to take on the task!

So why bother with all of this? Once you see what it can do you'll want to use it for your game animations, too. Sure you could use Spriter, which I've been using since it became available to buy, but they still AFAIK haven't added mesh deformation. Spine already has runtime support and mesh deformation, sure, but it's super expensive for a hobbyist, and maybe even for a lot of indie of developers. Also, both of those apps require an install, so doing some animation work during your lunch break is out of the question - fortunately C3 will also address that issue, too. So excited for the Beta tomorrow!

I won't bore you by gushing about its features, you can check out their site for that.

Here are the animations that I've so far created in this web-based app:

The psd file for this was HUGE and I used A LOT of bones and mesh deformation to achieve this, but NIMA didn't even slow down
https://www.2dimensions.com/s/144-nima-the-dragon

I'm sure you've all seen this Spine raptor animation. I figured if NIMA could recreate it I'd marry it!
https://www.2dimensions.com/s/141-spine-raptor-test

I made this for those that want to hit the ground running and have something to work with right our of the gates
https://www.2dimensions.com/s/148-nima- ... acter-file
Image

I've you're already using NIMA, please make it be known and help us get a runtime for C2/3!

*** Reposted here in Tools and Resources and removed from Open Topic ***
B
6
S
1
G
1
Posts: 3
Reputation: 1,279

Post » Mon Mar 27, 2017 10:51 pm

I started animating in programs like EasyToon and TISFAT over 10 years ago, and since then I've used every commercial, hobbyist and niche animation software, both 2D and 3D, I could get my hands on.

That editor has the best UI I've ever seen. Please for the love of God someone make this work with C3.
B
62
S
22
G
10
Posts: 647
Reputation: 10,478

Post » Tue Mar 28, 2017 2:57 am

They have a JavaScript runtime they are working on here:
https://github.com/2d-inc/Nima-WebGLAnd here is the example they provide:
http://htmlpreview.github.io/?https://g ... rcher.html
It's by no means a simple example to learn their api from. The only docs are the source code.

Now, I don't actually have any interest in making a plugin for this. A good plugin would first require a good understanding of all you can do with the api and how to do it. Then from that something would need to be designed to make it easy to use from the event sheet. I simply don't have the patience to do all that, but here's an example that may be useful to someone who wants to actually make a plugin. Apart from the boilerplate stuff the example itself is simpler than the one on github.

https://www.dropbox.com/s/r3my2jkzjf12j ... .capx?dl=0
It loads the js files needed, loads a nima file and some animations, animates it and puts the rendered image on a sprite.
B
94
S
33
G
114
Posts: 5,357
Reputation: 73,775

Post » Tue Mar 28, 2017 10:52 am

That's amazing work @R0J0hound - you managed to figure out their runtime just by reading the source code 8-)

Your .capx makes it look so easy and straight forward - which I know it's not :oops:

Thanks for getting the ball rolling with this! Hopefully someone can pickup where you've left off and run with it...
B
6
S
1
G
1
Posts: 3
Reputation: 1,279

Post » Wed Mar 29, 2017 3:31 am

Elliott wrote:I started animating in programs like EasyToon and TISFAT over 10 years ago, and since then I've used every commercial, hobbyist and niche animation software, both 2D and 3D, I could get my hands on.

That editor has the best UI I've ever seen. Please for the love of God someone make this work with C3.


I went and tried this because of what you said, but I found it really difficult to use. There are a lot of things with the UI that don't work that well for me. Also, the animating is very confusing. Someone like me that has never done this sort of thing will be lost, because a lot of it isn't self-explanatory.
The examples look cool anyways.
B
47
S
22
G
65
Posts: 1,127
Reputation: 38,395

Post » Wed Mar 29, 2017 8:10 am

Hey!

I'm loving all the NIMA samples, I've just created an account but I'm not sure where/ how to launch the app.
Can anyone send me a link, I'll try and look around the site in the meantime.

I would love to have this work in Construct 3, the "Simple Weight Painting" feature that can be added to bones is awesome!

Td
Me not see bugs!
B
17
S
3
G
2
Posts: 24
Reputation: 1,727

Post » Wed Mar 29, 2017 12:37 pm

Hey @Totally2d!

Once you've signed in, just click "YOUR FILES" in the top right, where the "LOGIN" would be!

Here's the link anyway, just in case https://www.2dimensions.com/my/characters
B
6
S
1
G
1
Posts: 3
Reputation: 1,279

Post » Wed Mar 29, 2017 1:01 pm

@dante :D thank you,
So it was right in front of me all this time!
Me not see bugs!
B
17
S
3
G
2
Posts: 24
Reputation: 1,727

Post » Wed Mar 29, 2017 5:59 pm

Message: castor2d can only post plain text URLS until they have 500 rep. 1 URLS modified. Why?
Hi All,

I'm the developer over at https://www.2dimensions.com. I'm very new to Construct but I love the concept and am excited to see another team with similar vision. @dante, thanks for bringing our attention to Construct!

As a lot of you have noticed, we're missing documentation. That's part of why we're still in beta. We're working on that! Our tool is a high quality professional grade tool which will have a little bit of a learning curve as it offers a wealth of features (with many more planned) behind a minimalist and clean UI.

@R0J0hound thanks for already taking a look at our runtimes! We will get to supporting Construct as soon as we are more familiar with the product. We'd love to provide a fully integrated plugin. If anyone is interested in speeding this along, we'd like to work closely with those individuals and provide them all the feedback and information they need on how our runtimes work. If Construct exposes the WebGL context, then we shouldn't have much trouble at all.

Alternatively, if someone wants to point us in the right direction in regards to what features and integrations are necessary for a good plugin, we'd be very receptive to that as well.

Looking forward to working with Construct!
B
4
S
1
Posts: 4
Reputation: 308

Post » Thu Mar 30, 2017 2:51 am

@castor2d
Here's the sdk documentation if you're curious to take a look:
https://www.scirra.com/manual/15/sdk

You can get the webgl context in the drawgl function of a plugin. C2's renderer assumes it's the only thing changing the state of the context so if a plugin changes something it should be changed back when it's done or it will break things. Also c2's renderer is batched so the current batch should be ended before drawing directly with webgl.

Also, c2 uses an old version of gl-matrix which isn't compatible with the new one used by your library. I ended up renaming everything in the new version to avoid conflicts. I was unable to find a cleaner solution.

As far as making a plugin the only types available are numbers, text and object types, which can make it tricky to access other kinds of types. I guess you could look in the plugin's section and look at the spine, spriter, and creature2d plugins to see how similar things were done. I think there was another plugin that I can't think of.
B
94
S
33
G
114
Posts: 5,357
Reputation: 73,775

Next

Return to Tools and Resources

Who is online

Users browsing this forum: No registered users and 1 guest