24/01/22 - Animate Work

In today's lesson, we started to learn about how to use Adobe Animate.

We began the lesson, by first covering what we would be learning over this next Semester, so that we would know what to expect in comparison to what we have already covered. After this, we opened Animate, to begin practicing using the software. We had to firstly create a new document, and we chose the size 'Medium Web', which was 800 x 600px, to practice on. We also had to make sure that we set the Frame Rate to 30.00, and made sure that we had the Platform Type set to HTML5 Canvas, so that our work could be saved and viewed online.

We then had to design a robot character. We did this, by creating a new symbol, and then making different layers for our different body parts, and then bit by bit, we had to build up our robots. We had to experiment by using the different shapes and available tools, to learn how to use different parts within the software. I designed my robot character, using a range of shapes, and adding in some dials and an error message.

We then had to use the timeline within the software, and add in some keyframes, so that we could alter our robot characters, after a certain amount of time has passed, so that we could make our characters move. I made my robot's dials and eye pupils move, and the error message changed to a fixed message. I also made my robot's face change from a sad face, to a happy face.
We then had to export our work, making sure that we set all the settings correctly, and exported it as a Spritesheet, rather than a texture, as well as making sure that it was scaled to 'Fit in view'. This allowed us to produce a html file containing our robot character, which flipped between each of my designs, and when the screen size was changed, the character changes size and adjusts with it.

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