Toon App: Animation!

Forum about forum-provided applications on Toon

Moderators: marcelr, TheHogNL, Toonz

Post Reply
oepi-loepi
Advanced Member
Advanced Member
Posts: 628
Joined: Sat Feb 09, 2019 7:18 pm

Toon App: Animation!

Post by oepi-loepi »

App to control screen animations for special events. This is the test app which app developers can use to show the output of their work on Toon 1 and Toon 2. Of course others can use this app to to have some fun with Toon (some crazy animations out there)!

The latest version has an option menu in which you can allow Toon to show animations on special event dates. Try it out!

Image

Image

Image


To install the app: get the app from the Toon store.

For developers of animations:
have a look at https://github.com/ToonSoftwareCollecti ... animations
also find a Qt5 project file with an example to develop the animations in Qt5

To have the animation work it needs 3 or more files:
1. the. qml file which controls the animation. Some examples can be found in the folder on github
2. the nameindex.json file which contains the animations which should be included in the animation app list
3. the .json file which adds the main specifications to the selected animation from the list
4. spites or spritesheets for the animation if needed

(animations made untill now : Balloon, Roach, Leaf, F1car, Icecream, Firework, Firework2, Santa, Heart, Confetti, Wine, Snow, Butterfly, Roach2, Rabbit, Eggs)
To call the animation from another app. For instance to start Roach from a button:

Code: Select all

onClicked: {
            animationscreen.animationRunning= true;
            animationscreen.qmlAnimationURL= baseurl + "https://raw.githubusercontent.com/ToonSoftwareCollective/toonanimations/master/Roach.qml";
            animationscreen.animationInterval= 3000;
            animationscreen.isVisibleinDimState= true
        }
To stop each animation (each animation will be stopped):

Code: Select all

onClicked: {
            animationscreen.animationRunning= false;
            animationscreen.qmlAnimationURL= "https://raw.githubusercontent.com/ToonSoftwareCollective/toonanimations/master/Balloon.qml";
            animationscreen.animationInterval= 1000;
            animationscreen.isVisibleinDimState= true
            }
To get the best specifications for each animation, open the corresponding .json file (for instance Roach.json) and read the optimal parameters from the file:

Code: Select all

{"mode": "Start", "Toon1time": 7000, "Toon2time": 2700, "component": "https://raw.githubusercontent.com/ToonSoftwareCollective/toonanimations/master/Roach.qml","visibleindimstate" : "no"}
Attachments
BASIS Present voorbeeld.zip
Qt5 project file with example
(295.7 KiB) Downloaded 257 times
Last edited by oepi-loepi on Sat Oct 31, 2020 6:26 pm, edited 4 times in total.
Toonz
Forum Moderator
Forum Moderator
Posts: 1873
Joined: Mon Dec 19, 2016 1:58 pm

Re: Toon App: animation

Post by Toonz »

The new demo app "Animaties" made by oepi-loepi is now available in the ToonStore.
With this app you can easily test the different animations via the tile.

The effects look better on a Toon2 (faster processor and more memory)

Kind regardz,

Toonz
member of the Toon Software Collective
Daniel
Member
Member
Posts: 70
Joined: Fri Mar 15, 2019 4:50 pm

Re: Toon App: animation

Post by Daniel »

haha nice work! The roach :shock:
oepi-loepi
Advanced Member
Advanced Member
Posts: 628
Joined: Sat Feb 09, 2019 7:18 pm

Re: Toon App: animation

Post by oepi-loepi »

Daniel wrote:haha nice work! The roach :shock:
Thanks, have you also noticed that you can kill the roaches of roach2 by pressing them?
oepi-loepi
Advanced Member
Advanced Member
Posts: 628
Joined: Sat Feb 09, 2019 7:18 pm

Re: Toon App: Animation!

Post by oepi-loepi »

Special animation upcoming on Saturday. Make sure you have the animatie app installed and have the option “allow this app to trigger animations on special events” set to the right (allow)..... :lol:
Post Reply

Return to “Toon Apps”