spencerlambert / stroto Goto Github PK

I've changed many of the navigation colors to black, there are still some areas like when you select images to use, where the color is still blue. Change these other areas to black to match the rest of the app.

Right now the only way to add a foreground image is to drag it where you want it, we want to remove this method and give the user a different one of just tapping the image and then tapping the screen to add the image.

Disable the animation feature that shows the dragging on both the top and bottom bars.

In the StoryApp/Images/ModifierIcons directory I've added the following icons:

ModifierButtonFollowTangent.png
ModifierButtonPerspectiveGround.png
ModifierButtonPerspectiveSky.png
ModifierButtonRotateLeft.png
ModifierButtonRotateRight.png
ModifierButtonZoomLarger.png
ModifierButtonZoomSmaller.png

These icons are buttons that get added to the foreground image list at the end. When the user presses one or multiple of them while selecting pressing on one or multiple foreground images, the modifiers preforms the set tasks.

---> Follow Tangent: This will cause the image to rotate along the tangent of the curve they are creating by moving their finger, like a car going up and down a hill, or a missel flying around the screen.

----> Perspective Ground: This causes the image to get smaller when moved up on the screen and larger when moved down.

---> Perspective Sky: This causes the image to get larger when moved up on the screen and smaller when moved down.

---> Rotate Left: Rotates the image in the direction of the arrow, using the point of rotation the place the user is touching the image.

---> Rotate Right: Rotates the image in the direction of the arrow, using the point of rotation the place the user is touching the image.

--->Zoom Larger: This causes the image to get larger while pressing. Use the place where the user is touching the image as the center of zoom.

--->Zoom Smaller: This causes the image to get smaller while pressing. Use the place where the user is touching the image as the center of zoom.

When using an image (PNG) with a transparent background, the background is showing up white. It needs to be transparent in both the list at the bottom and in the record area.

On the main screen, the bottom bar does not go all the way to the right.

Right now the only way to add a background image is to tap on it. Give the user a second option of dragging the background on. If the user drags the background onto the record area, then add that image as the new background.

I'm thinking about options to delete images from the list. I've updated the GUI.png and added two trashcan images, one open and one closed. I'm thinking that we should put a trashcan along side each row of images. When the user clicks the trashcan is opens and red minus' appear in the top left corner of each image. The user clicks the minus to remove and image. When they click the trashcan again, it closes and the red minus' go away. Let me know if iOS doesn't have a built in red circle minus icon, I'll get an image for you.

The record on/off button is used to start, stop and restart the recording. After the user clicks the recording button to stop the recording, it needs to go to the RecordOff.png, and not the blue play button.

The user needs to be able to add more to the recording. They need to be able to start a recording, do some stuff, then stop it and start it again when they are ready.

There is a black boarder around the currently selected foreground image. You might just be adding it for testing reasons, just wanted to make sure it doesn't stay that way. :)

Need the ability to drag multiple items at the same time. Example, the user has to foreground images on the screen, one on the left the other on the right, they can move each thumb around to control both images at one time.

I've been thinking about the best way to record things so that it's faster an smoother. I'm guessing right now, you are recording a movie file on the fly.

Would it be better to just save the image movements to a sqlite db file, and then build the movie file in the background afterwards?

Please explore the different technical methods with me, and the pros and cons you see.

1. Do you have recording set at 10 FPS? Can we increase this?

2. If you move an image around an then start to scroll through the thumbnails everything becomes smooth and the images are quick and not jerky.

3. But if you are recording and you scroll the images while moving an image, then the animation is not recorded. I'm guessing that something is being shut down when the thumbnails are being scrolled.

4. This might be some clues to helping us make the record feature better.

I created a new class for handeling the sqlite database. In the comments of the STstoryDB.h file I've created the database structure. Start working on this class to add methods to create, load and query the database.

Right now the rotate center point is always in the center of the image. The center of rotation needs to be the middle between the users two fingers are. This give a more true to life experience for the user.

Need to add the Done button in the top right corner of the record page. This saves the recording and returns the user to the main page, were their new recording is in the list.

1. On the main screen change the title to "Stroto".

2. Change the app name to "Stroto".

3. Under the Summary->App Icon section, check "Prerendered".

4. For now disable the tilt views (horizontal/wide view).

On small images it can be hard to zoom, as the zoom requires that both fingers be touching the image. Zoom what ever foreground image is in the middle between the users two fingers.

If you are on "Create Story" and click "Back", then click "Create New Story" again, it keeps the images and loses the Name. Please have it clear everything and forget the images when pressing "Create New Story" the second time, effectively doing a clear all.

Right now when you want to drag an foreground image, you have to first tap it to select it, then it can be dragged around.

It needs to be work if you just touch it and drag it, that it moves around, in one movement.

As I've played around with the record page some more, I think I've noticed a major issue, and why the record page fills slow and doesn't always do what I'm telling it to do.

Right now the user has to make sure that an image is "selected" before any functions like drag, zoom, and rotate can be done.

We need to skip the pre-select and just do the drag, zoom, or rotate on the image that is under the users finger, or between the fingers for drag and zoom.

The user should be able to quickly drag any foreground image around with quick swipes of the finger.

When adding an image to the record page, the image shows up lower than where the image is released. The image position needs to be near the place where it's released.

I had you clear the project when the user clicks back and then on Create New Story again. I want to make this better. In place of always clearing the story, if the user has an un-save project and they click on Create New Story, we need to present them with a message:

You have an un-saved project.
What would you like to do?

Continue        Clear