02/02/23 - Animate Work

In today's lesson, we were continuing to expand our knowledge on how to use the different available uses of Animate. To do this, we created a bug character and animated it.

To begin this design, I first decided that I was going to create a butterfly character, so on a New Symbol layer, as a Movie Clip, I designed my buttterfly, making sure to keep the wings, body, and legs as separate layers, so that I could edit them apart from one another.

I then had to create some new keyframes within the timeline, and on one of these, I changed the positions of the wings and legs, so that it would look like the wings are flapping together, when played consecutively in the animation.



On a new Symbol layer, that was on the Button option, I had to then create a Go Button, that when pressed, would set off my character design. To do this, I had to create three layers on the timeline, one for the main button, one for the text, and one for the button in a down position, and then in their respective layers, designed my button to make it look like it was pressed down when clicked on.

I then had to return to the main stage of my design, and bring in my two created designs, placing them where I wanted them on the stage, and re-sizing them to fit. I then added in a Classic Tween on the Animation Layer, to make my design move across the screen.


I then had to open the Actions tab on the first frame of the timeline, to input the code which would allow me to connect the button being pressed, with the butterfly beginning to move, because of the use of an Event Listener. We got this code from the Code Snippets section, so we didn't have to write it all out ourselves, although we did have to alter a couple of bits within it. 

I then created a new layer on the timeline, and created a background for my design. I also then saved this animation as two new versions, one of which I edited the Classic Tween to have more keyframes, so that the butterfly character would move around the screen more when flying, and on the other one, I removed the Classic Tween, and replaced it with a Motion Tween, making sure to change the final keyframe into a normal frame, so that I could plan it's route more easily for the same reason.

We then had to publish our designs, making sure that they were Spritesheets, otherwise the buttons wouldn't work on our browsers. We then had to move all of our work into our 'Public_html' folders in FileZilla, so that we can get a link to our work from the CA Net, to anything we wanted to. 

Comments

Post a Comment

Popular posts from this blog

07/12/23 - HTML And Figma Alterations

Image
In today's lesson, we covered a more in depth overview of  the HTML coding language as a follow up from last week's lesson. We looked at html tags again, as a recap, and then went on to write our own basic html code in the notepad app. We then learnt about the different tags to change text to be bold and italicized, as well as how to highlight and sub/superscript text. After this, we learnt about character codes, and how to add links and images into our web pages. Following this, we looked into lists and tables, and finished off the work with how to comment on your code. After this, we were allowed to just work on whatever work we needed to do. For this, I was editing my Figma app, to add in a time and Wi-Fi, service, and battery icons. After I'd added these in, I had to slightly rearrange parts of my pages to all fit in better. I also added in coloured rectangle behind each sections of my app, so that it would be easier to see what pages did what at a quick glance at the f...
Read more

10/01/24 - Final Game Session

Image
In today's lesson, I was working on my literature review, as I was for most of yesterday as well after receiving feedback within my morning tutorial. I was finding new sources to reference and add into my work, so that I could discuss the work of different people over many similar topics. However I then had the issue that I was way too far over the 1500 wordcount that I was supposed to be following, so I had to go through my previous work, and cut out or re-word sections that I felt were not as necessary for the overall message that I was trying to get across. In between my writing, I would go and see how the game finalisations were coming along, as Spike was getting ready to export the final game after fixing a couple of small bugs that we had found. 
Read more

08/01/24 - Presentation, App Updates And Game Run-through

Image
In today's first lesson, I was finishing off my presentation. Although I only had a couple of pages left to finish, I needed to ask some questions on how to complete these sections as I wanted to make them as accurate as possible. I then thought of another feature to add to my app, which was a premium membership subscription, so I had to create another page to represent google, as when you press the button it will open a new google page to buy a membership.  I added a few different options for the membership, so that people can feel like they have options, and even added in a student discount option so that students with a lower or no income feel like they are getting a good deal and will be more likely to buy the membership. In today's second lesson, I was continuing to work on this presentation and app page, as our game group is basically finished and I can't really contribute much else for completion. Earlier in the week Spike had told us about how the church model wasn...
Read more