chiiida / facio Goto Github PK

Why

We need a screen to show the app's detail.

Acceptance Criteria

• Show Setting Screen when tapping on the setting button.
• Back to Home Screen when tapping the close button.

Why

In order to allow the user to add their own image, we need an image picker.

Acceptance Criteria

• Show iOS Photo Library permission for the first time opening the app.
• Present image picker modally.

Resources

https://www.figma.com/file/xstyCGqeRxXyd7XlKBUZOj/Facio?node-id=417%3A75

Why

In order to use each feature, we need a menu to go to other screens.

Acceptance Criteria

• Show a list of options as design.

Resources

https://www.figma.com/file/xstyCGqeRxXyd7XlKBUZOj/Facio?node-id=415%3A7

Why

We need menu for 3D objects to allow to add the 3D object.

Acceptance Criteria

• Use the same design as particle menu

Why

In order to allow the user to add their own image, we need an image picker.

Acceptance Criteria

• Show selected image on the user's face.

Why

In order to allow the user to add text, we need a text editor.

Acceptance Criteria

• Show edited text on the user's face

Why

Our application can record both video and camera, so we need to provide user options.

Acceptance Criteria

When tap Camera button:

• Show capture button.
• When tapping the capture, take and save a picture to Photo Library.

When tap Video button:

• Show record button.
• When tapping the record, record a video with 3 min maximum and save it to Photo Library.

Why

We need 3D objects and POC

Acceptance Criteria

• Add 3D Objects
• POC of 3D objects map with face blend shapes.

Why

We need to show particle options for users to customize their filters.

Acceptance Criteria

• Add particles:
  • Bokeh
  • Confetti
  • Stars
  • Rain
  • Firework
• Add POC for using particle in the app.

Why

We need lanes for testing and distributing the app.

Acceptance Criteria

• Setup test lane for both unit tests and UI tests
• Setup Fastlane to distribute the app with Firebase.

Issue

The image is not displayed correctly.
The image is rotated when it is a taken portrait image with any scale other than 16:9.

Expected

The image is displayed correctly.

Why

We need an app icon in order to show on the user's home screen and others.

Acceptance Criteria

Add app icon for all sets.

Resource

https://www.figma.com/file/xstyCGqeRxXyd7XlKBUZOj/Facio?node-id=459%3A7

Why

We need to show particle options for users to customize their filters.

Acceptance Criteria

• When tapping on a particle:
  • Show the selected particle on the AR camera.
  • Show tools of the selected particle (birth rate slider, speed slider, and add image).
• When tapping the done button, hide the particle menus and show the main menus.

Why

We need a blank drawing board to let the users draw their own designs.

Acceptance Criteria

Create Drawing Board Screen as designed:

• Show a blank drawing board for drawing objects.
• Show drawing tool (PencilKit).
• Show undo and done button.
• Show toggle switch

Resources

https://www.figma.com/file/xstyCGqeRxXyd7XlKBUZOj/Facio?node-id=419%3A28

Why

When the users open the app they should see the front camera.

Acceptance Criteria

• Show front camera when opening the app
• Show capture button

Resources

https://www.figma.com/file/xstyCGqeRxXyd7XlKBUZOj/Facio?node-id=415%3A7

Why

To allow users to adjust their facial appearance.

Acceptance Criteria

• Show slider bar for adjusting skin texture to be smoother.
• Adjust skin texture as slider bar value

Why

To allow users to adjust their facial appearance.

Acceptance Criteria

• Show slider bar for adjusting face shape.
• Adjust face shape as slider bar value.

Why

We need a pipeline to set up CI/CD for testing and release.

Acceptance Criteria

• Set up CI/CD pipeline with Bitrise.

Why

We need to show particle options for users to customize their filters.

Acceptance Criteria

• Implement UI as design (including slider bar and image button)
• UI component should be dynamic since each particle will have a different option.

Resources

Why

In order to allow the user to add text, we need a text editor.

Acceptance Criteria

• Show font selector.
• Show color selector (show default color and color wheel picker).
• Show done button.
• Show editing text on the camera screen.

Resources

https://www.figma.com/file/xstyCGqeRxXyd7XlKBUZOj/Facio?node-id=437%3A49

Why

We need a blank drawing board to let the users draw their own face masks.

Acceptance Criteria

• Allow the user to draw only on the face mask guideline.
• When tapping on undo button, undo the lastest action.
• When tapping on done button, crop image as the size of the face mask and save the drawing as a png file for later usage (to display on the home screen).
• When toggling the switch, switch between drawing board and face mask board default state.

Why

In order to use each feature, we need a menu to go to other screens.

Acceptance Criteria

• Tap image button, show Image Picker
• Tap drawing button, show Drawing Board
• Tap text button, show Editing Text Screen
• Tap beauty button, show Facial Appearance Screen

Issue

• Hard to drag the node.
• Sometimes node moves in the opposite direction with the finger.
• The text node hard to move it need to increase position z first.
• Position z reset every time node moved.

Expected

Node move along with the finger position

Why

We need a screen to show the app's detail.

Acceptance Criteria

• Implement UI as design.

Resources

Why

We need Beautification menus to allow a user to customize their face filter.

Acceptance Criteria

Show Beautification menus as design.

Resources

Why

We need a project to work with ARKit and MVVM architecture.

Acceptance Criteria

• Setup UIKit project
• Can show a single empty screen with ARKit face tracking demo.
• Setup .gitignore file for the project.
• Setup fastlane
• Setup Cocoapod

Why

to allow users to add a 3D object

Acceptance Criteria

• add a 3D object when selecting the 3D object
• allow only one object at a time.

Why

We need menus for users to add 3D content.

Acceptance Criteria

• When tapping on 3D content button, hide the main menu and show 3D content menus.
• Animation transitionCurlDown and transitionCurlUp

Why

We need to show particle options for users to customize their filters.

Acceptance Criteria

• When tapping on the particle button from Home Screen, show particle options and setting tools for each particle.

Why

We need tools to allow the user to remove, move, and adjust the size of the added objects.

Acceptance Criteria

List of criteria to be accepted.

Resources

Figma, document, api ...

Why

To allow users to adjust their facial appearance.

Acceptance Criteria

• Show slider bar for adjusting skin tone.
• Adjust skin tone as slider bar value

Why

We need tools to allow the user to remove, move, adjust the size of the added objects.

Acceptance Criteria

List of criteria to be accepted.

Resources

Figma, document, api ...

Why

We need a blank drawing board to let the users draw their own face masks.

Acceptance Criteria

Create Drawing Board Screen as designed:

• Show a blank drawing board for drawing objects.
• Show face mask guideline.
• Show drawing tool (PencilKit).
• Show undo and done button.
• Show toggle switch

Resources

https://www.figma.com/file/xstyCGqeRxXyd7XlKBUZOj/Facio?node-id=419%3A110

Why

We need menus for users to add 3D content.

Acceptance Criteria

• Update the beautification button to be the 3D content button.
• Implement UI for menus as design.

Resources

Why

We need a blank drawing board to let the users draw their own drawings.

Acceptance Criteria

• When tapping on undo button, undo the lastest action.
• When tapping on done button, crop image as the size of the drawing and save the drawing as a png file for later usage (to show on the home screen).
• When toggling the switch, switch between drawing board and face mask board default state.