The Recreation

The Recreation;

So the past week has been a bit long because unlike Edge where you name and spereate everything in Illustrator this is something you have to do in Animate cc and it is alot more time consuming because to begin with I have to convert every part that was going to be able to be coloured in, into a symbol.  Once each part was converted into a symbol I had to then name everything correctly and then draw the colour swatches for the colouring in process and then I had to basically write the code to make each part of the image interactive so it could be coloured in.

The thing is even though it was long winded to name each symbol, when I finally got it finished and the coding done, it worked better than it did in Edge, so all that time learn Animate cc worked out for the best.  Once I got the colouring part finished I started to work on the next section of the start, but the issue is because I was unable to figure out how to make it save the colouring that is done on the previous image I am having to add math sums to the image and make the colours the answers so that what the children colour in the previous scene matches the next page.  I also designed the next page so that it has what appears to be frosted glass over the cakes so that the children have free reign when colouring the cakes in as a type of reward to getting the sums correct.

This allows for the next page to be coloured in and able to continue with the story.

on the right is Animate cc and on the left is the Publish app

Changing software

Changing Software;

So after using it for weeks and creating my intial colouring challenge in it, Edge decided to stop working all together everytime I opened it, it would crash.  So this left me with a big issue a month away from final submission I had to learn a whole new software to create my application.

I had never used Animate CC before I heard it was just a rebranded flash but I wasn't even that comfortable using Flash when it was the main animating software.  So for the past week I have been learning how to use Animate cc and it turns out that it actually works out better for what I need to do I have learnt how to create a small colouring game using it and also a drag and drop game for the other challenges.

So my next task is to recreate what I managed to do in Edge in Animate and hopefully it all works smoothly with out the issues and able to just create the game without the external codes.

Mark 2

Mark 2 Presentation;

The Mark 2 Presentation didn't go as smoothly as the Mark 1, I showed off all my stuff I had prepared but I was starting to have issues with Edge again because everytime I closed Edge or close over my MacBook the app would stop working and I had to rebuild the entire thing.

But apart from this everything went as smoothly as it could of I got some good feedback again and this time I even was given a few suggestions where to go with my project next, which helped because I was struggling to think about what I could do with the next section of the story.  So a suggestion I was given was to only use colours in the next challenge with the reds taken away and let the children colour in using only the colours someone with Protanopia could see, and to do the same with Deutanopia.

These suggestions were good and I decided to have a look into them to see what I could do with the choices.

The Story

Working on the Story;

So with my working prototype finished or at least the colouring bit working, and the Mark 2 Presentation only a week away I decided to start working on the story and how everything fitted together so I could go in and be able to show them how it is all going to work.

The Story or at least the start of it;

Welcome to Woogleton,
The town is known for its margical colours, friendly towns people and its marvolous cakes.

Woogleton may seem small, but that adds to its charm.  With its small size everyone in the town knows everyone, and if you ask anyone who has had the chance to visit, they would tell you it was full of friendly people alwyas willing to help.

But sadly not everyone in this town is friendly or happy to be here.  On the far side of town where the colours turn to greys and storms seem to rage, there is a house where one such person lives.

This is the house of Doctor Watzit, the mad doctor was born with the colour missing from his world and the town didn't understand.  His only friend was also from a world of grey.  Badar the Scary Moon, his only friend lighting up the night sky and removing all the colour from the land with its darkness.

This gave Doctor Watzit an idea.

He worked hard to creat a machine that when finished will change woogleton forever.  His machine will not only strip the colour from the land but for some places he will just change it.

"Mwhaha, it's finally finished, for all thos eyears I will finally show Woogleton what it's like to lose all colour."  Doctor Watzit said he pointed the ray at Ella's toy shop, "for you my sweet dear Ella, lets see how santa feels about you when all the red is removed."

He then followed suit by pointing it at Isla's Fruit and Vegatable shop, "Let's see how your shop does without its greens." Doctor Watzit said while laughing.  "And for you little Natalie, who will purchase your world famous cakes when all colour is taken from your bakery."

So with the base line for the story created I think I am ready for the Mark 2 Presentation

Start of the Animation

Adobe Edge;

So it has been a week since the Mark 1 Presentation and in that time I have managed to finish the design for the cake shop and I am ready to start the animation process to allow for colouring in.

The first step of this process though starts in Illustrator not Edge.  First of all I had to go in and manually select each part of the cake shop and insert a piece of coding in the svg interactive menu, I had never coded in Illustrator before and even though it was one line it still surprized me that Illustrator had a section had coding but then again for the case of SVGs it did make sense.

Once I had done this, luckily for me I didn't need to save each part seperately I was able to just do a simple copy and past into Adobe Edge.  Now that this was in Edge I needed to go to the edgedocks website to get a link to the edgecommons where the jquerry I needed to get the colouring in working and then the fun part of the coding began.

Although I managed to get it to work I noticed a few issues that were obviously arrising due to the fact that Edge was no longer getting updated or maintained anymore and I sometimes stuggled to get onto the application itself.  I would of switched to animate cc which might of been easier to do but I had never used it before and was worried that it would take too long to learn.