Mobile Application Development Homework 12

CptS 479 Mobile Application Development
Homework 12

General Instructions: Put the entire app directory into one zip file and submit as an attachment
under Content à Homework 12 for this course on the Blackboard Learn system by the above
deadline. Note that you may submit multiple times, but only the most recent entry submitted before
the above deadline will be graded.
For this homework you will create a version of the Quiz App that displays the questions in 3D as
they move off into the distance like the introductory stories in the Star Wars films, all while playing
the Star Wars theme music. A Next button will cycle through the questions. A video of the app in
action is at https://www.eecs.wsu.edu/~holder/courses/MAD/hw12/QuizAppHW12.mp4. See
screen shots below. Specifically,
1. Create a new Single View project, embed the view in a Navigation Controller, and set the
title and prompt in the navigation bar. Drag in a SceneKit View and set its auto layout
constraints to the edge of the navigation bar at the top and the edge of the view at the
bottom, left and right. Add an outlet to this SceneKit View to the ViewController.
2. Add a SceneKit Scene File to the project and name is “QuizScene.scn”. In the scene editor
add two 3D Text objects: one for the question and one for the Next button. You will need
to modify the color, position and angle of these 3D Text objects either in the scene editor
or programmatically.
3. Similar to HW2, add a Question class to the project. In the ViewController, initialize a quiz
array containing at least three questions. You may want to add some newlines ‘\n’ in your
question and answer strings if they are long, e.g., “The earth is which planet from the
sun?.\n This will be…”.
4. Also similar to HW2, add a method for displaying a question with the question number,
prompt, and all answers, each on a separate line. The question as a whole should be
centered and start somewhere near the bottom of the screen. See the code snippet below
for how I positioned the question once the whole thing is in the string quizString.
2
5. To the question text object add an infinitely-looping MoveBy action. You can tweak the
dx/dy/dz and duration of the action to get the desired Star Wars effect.
6. Create a Blink sequence action (fadeout, fadeIn) that is run on the Next text object
whenever the user taps Next.
7. Override the touchesEnded method to identify when the user taps the Next button. This
should trigger the Blink action and advance to the next question, which should start at the
bottom-center position again. Tapping Next on the last question should move to the first
question in the quiz array.
8. Finally, set up an AVAudioPlayer to continually loop through the Star Wars theme music.
You can find an MP3 at https://archive.org/details/StarWarsThemeSongByJohnWilliams
(see Download Options).
9. We will test your app only in portrait mode on an iPhone 8 simulator, so the app does not
have to adapt to different orientations or device sizes.
10. And may the force be with you!
StoryBoard:
3
Scene Editor:
Simulator: