Page 1 of 1

Toon App: Animation!

Posted: Sat Oct 03, 2020 12:22 pm
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"}

Re: Toon App: animation

Posted: Sat Oct 03, 2020 2:40 pm
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

Re: Toon App: animation

Posted: Sat Oct 03, 2020 3:34 pm
by Daniel
haha nice work! The roach :shock:

Re: Toon App: animation

Posted: Sun Oct 04, 2020 9:18 am
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?

Re: Toon App: Animation!

Posted: Thu Oct 29, 2020 11:44 pm
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: