Skeletal animation for 2D games

Using Spine app to create skeletal animations for 2D games.

Transcript

1. Skeletna animacija Za 2D igre
2. Paddler
3. Izziv / K1 » Hitri a nestabilni kajaki » Različne animacije za različna stanja
4. Možnosti » Sličica za vsak frame » Drevesna struktura
5. Za kulisami » cocos2dx » Drevesna struktura
6. Za kulisami » cocos2dx » Drevesna struktura » !! Kako animirat? "
7. Animacije
8. Animacije
9. Animacije
10. Animacije
11. Osnova animacij » Rotacija » Translacija » Skaliranje
12. Osnova animacij » Rotacija » Translacija » Skaliranje » Starš → otrok
13. !! Kako animirat? » Ročno = duhamorno ! » Editor = veliko dela " » Kosti in sklepi? 2D? #
14. Spine
15. Spine Drevesna struktura
16. Spine Kosti in sklepi
17. Spine Kosti in sklepi
18. Spine Animacije
19. Spine Animacije
20. Spine Animacije
21. Spine Uporaba v programu » Izvoz v datoteke: skeleton.json skeleton.atlas skeleton.png
22. Spine Uporaba v programu » Uvoz preko runtime: » cocos2dx » HTML5 » Unity » SpriteKit » ... (20+ uradnih, 50+ third party)1 1 http://esotericsoftware.com/spine-runtimes
23. Spine Uporaba v programu SkeletonAnimation *node; node = SkeletonAnimation::createWithJsonFile("skeleton.json", "skeleton.atlas"); // Spine nastavitve node->setAnimation(0, "paddle-normal", true); // cocos2dx nastavitve node->setPosition(27, 295); parentNode->addChild(node);
24. Spine Uporaba v programu SkeletonAnimation *node; node = SkeletonAnimation::createWithJsonFile("skeleton.json", "skeleton.atlas"); // Spine nastavitve node->setAnimation(0, "paddle-normal", true); // cocos2dx nastavitve node->setPosition(27, 295); parentNode->addChild(node);
25. Spine Dogodki void setStartListener(const StartListener& listener); void setInterruptListener(const InterruptListener& listener); void setEndListener(const EndListener& listener); void setDisposeListener(const DisposeListener& listener); void setCompleteListener(const CompleteListener& listener); void setEventListener(const EventListener& listener); void setTrackStartListener(spTrackEntry* entry, const StartListener& listener); void setTrackInterruptListener(spTrackEntry* entry, const InterruptListener& listener); void setTrackEndListener(spTrackEntry* entry, const EndListener& listener); void setTrackDisposeListener(spTrackEntry* entry, const DisposeListener& listener); void setTrackCompleteListener(spTrackEntry* entry, const CompleteListener& listener); void setTrackEventListener(spTrackEntry* entry, const EventListener& listener); Primer: node->setAnimation(0, "game-over", false); node->setCompleteListener([&](spTrackEntry *entry) { ... });
26. Spine Zanimivosti » Hitrost animacije: node->setTimeScale(0.5); » Horizontal/vertical flip: node->setScaleX(isFlipped ? -1 : 1); node->setScaleY(isFlipped ? -1 : 1); » Prelivanje animacij: auto animation = node->setAnimation(0, "paddle-normal", true); animation->mixDuration = 0.4;
27. ! KONEC!!! » Cena in nekaj alternativ:2 Program Cena Spine3 $69 / $199 Creature $99 / $299 Moho 12 $399 Spriter $60 » @tomsbarks » Vprašanja? 3 http://esotericsoftware.com 2 https://www.slant.co/topics/588/~best-2d-skeletal-animation-tools