09/02/23 - Animate Work

In today's lesson, we started to work on how we will make our interactive posters, focusing on creating the buttons that we would need to move around our documents.


To begin this, we first created a new document, making the size 640x960px, and making sure it ran at 25 frames per second. We then on this new document, had to create different layers, which we then added keyframes to, every 10 frames, up to frame 50. On the layer we named Actions, we then opened the Action code page, and copied in some code to stop everything from playing, which we had been given to copy in.
We then created a new button symbol, which opened a new page, where we had to make a main menu button, that we would be able to press to get to our other pages. We got to change the colours that this button turned when hovered over and clicked on. We then had to return to our Main Stage, and open the Library tab. Within this, we then had to duplicate this button page, and rename it to make the remaining number of buttons that we had to create for our other pages.

We then had to place all of these buttons onto their correct places within the Main Stage, and name them. To start coding our buttons, we started by copying in the code for our menu button that we were given, making sure that it linked up with the names that we had written. We had to copy this code for the different menu buttons within the other pages as well, but slightly changing the name each time.

We then had to copy in the code to work the other buttons on our Main Menu page. We had to make sure that all of the names within the functions and Event Listeners matched up with the names we had given our buttons previously. After this, we had to test our pages, to see if they actually worked, which luckily mine did.


We then had to find a logo for the Design Museum, and trace the Bitmap on our document. We then slightly altered it so that the colours of the letters changed when hovered over, by creating multiple keyframes, and changing each one slightly, so it created a pattern. We then created a movie clip with this and the original, so that when not being hovered over, the logo remained black. 
To finish off the lesson, we created a circle button, which we made change colour when hovered over, and then added into our main stage, onto a new layer, where we added in a Motion Tween, so that it would move around the page, creating a design. We then duplicated this, and slightly rotated it, so that there were a couple of circles moving around the page.

https://ca-net.herts.ac.uk/~na21aav/Poster/Poster.html - Link to Work.

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