Today, Holly and Sophia showed me the new UI UML Diagram at the CS 3rd floor lab. Basically, the difference was the addition of a time timer. What is a "time timer" you may wonder? I doubt you are wondering that, but if you are, a "time timer" is a timer that uncircles down, making it really obvious that it is counting down. It is good for keeping you on task. For this app, it is good at keeping you putting your individual clothes on within 60 seconds.
Sophia made the above storyboard UI in Xcode. So there are three main parts to the app: clothes screen, time timer screen, and badges screen. You are shown a clothes you need to wear. Then on the next screen, a time timer ticks down. You have 60 seconds to dress that clothing. This repeats until you have finished putting on your outfit. Then you are given a badge for your good start to a great morning.
So me and Javier in the afternoon met up to work on the app, continuing off of Sophia's storyboard and our work from yesterday (OUTFITS). But after a few hours of tinkering, it got very frustrating dealing with view controllers.
What is a view controller? A view controller is basically a different screen. It is used to organize the app. For us we have clothes view controller, timer view controller, and badges view controller. But it was really annoying communicating between the clothes and view controller since they needed to talk to each other to exchange information such as going to the next clothing item.
Screw it. I decided to give up this annoying view controller way of doing things and decided to make this the sprite kit game way. In sprite kit, you put stuff into a SKScene, which runs at 60fps. The images in the scenes are called SKSpriteNodes and you can do animations and cool game related stuff. We are officially using SpriteKit to make this app, which you can see our progress in the video at the top of the page. Javier worked on the clothing images, which are not up yet, but they look really cool!
The most time consuming part was the time timer, and it also is my most favorite part.
I had to rotate a line by 1 angle every 10 frames. Here is how you rotate a point so I can remember:
endX = centerX + radius * cos( angle )
endY = centerY + radius * sin( angle )
-Calvin Tham
What is a view controller? A view controller is basically a different screen. It is used to organize the app. For us we have clothes view controller, timer view controller, and badges view controller. But it was really annoying communicating between the clothes and view controller since they needed to talk to each other to exchange information such as going to the next clothing item.
Screw it. I decided to give up this annoying view controller way of doing things and decided to make this the sprite kit game way. In sprite kit, you put stuff into a SKScene, which runs at 60fps. The images in the scenes are called SKSpriteNodes and you can do animations and cool game related stuff. We are officially using SpriteKit to make this app, which you can see our progress in the video at the top of the page. Javier worked on the clothing images, which are not up yet, but they look really cool!
The most time consuming part was the time timer, and it also is my most favorite part.
I had to rotate a line by 1 angle every 10 frames. Here is how you rotate a point so I can remember:
endX = centerX + radius * cos( angle )
endY = centerY + radius * sin( angle )
-Calvin Tham