This week, I did more work on my otamatone. I managed to create the slider! It is functional, however I am not a big fan of the styling used. After going through a lot of research, I managed to find a way to increase the height (in this case, the horizontal width). Annoyingly, it was not very well documented as I assume this is a new style for the slider import I used. I am considering switching my slider to another one, but I may keep it as is for now to focus on importing my otamatone’s head.
Last week I assumed I’d need to wrap my slider in a pressable tag in order to function. This is not the case.
for testing purposes, I have drawn this basic otamatone head. I may or may not use it in my final project. When the head is pressed, the otamatone opens its head and is squeezed from the side. In my project however, any pressing and holding onto the head will trigger it to open from any angle. Right now, I am wondering if I should use a circular perusable with 100% opacity in order to make some kind of ‘hitbox’ or if anywhere on the uploaded image can be pressed.
I have tried to make the best use of the image space to avoid as much empty clickable area as I can, however on a mobile device it could just seem ‘close enough’ to click the highlighted green area. I will test how image interaction works to see if I can switch between the two images easily when pressed.
I do have an issue however, since when the head of the otamatone is squeezed, a different noise is made. In my case I will change the frequency when the head is pressed and the slider is used at the same time, but since I am using an emulator I cannot test holding multiple presses at once. I’m not even sure if multiple presses can simultaneously affect each other, I will research this over the weekend.
i attended a lecturer with a user experience and user design lecture. I found it interesting how she used her degree to get into the games industry, even though she isn’t specifically ‘making’ the games