After knowing iBrent , a youtuber for coding share his tutorial online. I like most of my application coding base on his tutorial. So as i was finding the code for Pan gesture i go through his video to understand what function is using what line of code.
So i like how to add in pan gesture and how to use multitouch gesture. I don't really know that is pan gesture exit after i do this research compare with move gesture, pan gesture need to user to use two finger to signal the device that user wanted to move the object or a simple image.
FB4.5: AS Mobile - Android - Multitouch GESTURE_PAN setup
https://www.youtube.com/watch?v=eqlbJrzvk68
Due the some of the event i had already add in previously that is not much to add in
base on the tutorial i need to add it a function to setup gestures to tell flash that i am using gesture
After finish orientation coding i start to search for zoom and scale gesture so that i can scale the map bigger.
I try to search some of the youtuber that i research for android AS3 coding. I found out one of the youtuber, Ibrent. In his channel he share a lot different information of how to create an application and application gesture.
https://www.youtube.com/watch?v=-vw_DmIusHE
so in this video i learn how to how zoom in a image by using gesture and rotating the images by using Action script 3.
The are link to the Ibrent website where he share most of the tutorial samples. I visit the side and i download the zoom and rotating tutorial down as a sample so that i analyse and understand the code better while i am watching the tutorial.
http://www.tutorialsbyibrent.com/
so base on the video i create my own prototype to test the coding.
I wanna create a cool interactive menu, so i figure that a lot of application use swipe gesture in the application so i think that it will be cool to create one menu that allow user interact with swipe gesture.
I start to find out tutorial from iBrent youtuber to search out something that are relevant. So i found this tutorial about swipe gesture
Flash CS5.5- iOS - Multitouch - Swipe - on an iPhone
https://www.youtube.com/watch?v=Nesz5-NoTmk
Although it wrote for iPhone but is able to Android as well.
So as usual i watch through the video then i get the free source in his website the try to understand the coding. Basically swipe gesture is by sensing the gesture that created by user, the large object will move left or right depend on which way the user swipe.
Due to the isn't must time to test out the prototype i straight apply into my application and below is a video how it work.
The next step i will like to learn to how to code for orientation but in still a test either user will use the app in portrait or in landscape mode. So i try to learn how to program orientation.
before start the coding i use some of the design i did before so that i can use it to check the coding.
portrait mode
landscape mode
I find this tutorial that teach me how to code for orientation. So basically is using that stage to check with accelerometer when the stage size is bigger than the object image it will size between landscape and portrait.
The youtube tutorial video link
http://www.developphp.com/view.php?tid=1181
This video is simple and basic for beginners to follow on, the voiceover help to understand and easier to follow what and where is the point is it pointing. I take sometime to watch the video. The i realise the are open source share for me to use and create a trail.
I create my own by referencing on the source code that are share online.
beside that i also code some event listener to check after the stage is rotate do the button still can function.
So basically, i learn how create condition to make the screen switch base of stage size instate of accelerometer.
Beside that i realise this code only can check with a mobile devices but so far i don't really have an android device so i only can check whether the button is functioning or not.
Today i start to explode the coding part of my application. So i go online to search some tutorial to learn how to program Accelerometer.
First i need to understand what is Accelerometer. To explain in a simple like is "The accelerometer is a built-in electronic component that measures tilt and motion. It is also capable of detecting rotation and motion gestures such as swinging or shaking."
I found a few of research The first link i found is
http://www.republicofcode.com/tutorials/flash/as3accelerometer/
but while i am exploring it i found the version that was shown in the web is no similar to what i downloaded in my computer. So i have a quite scroll to check out more i find out i cannot really follow this tutorial. So i continue my research online to find another tutorial.
After some research i found this youtube tutorial that teach user to create a pinball game by using accelerometer.
In this tutorial, we start to learn how to track down the data of accelerometer collected. Accelerometer are able to sense x, y and z in dept. So by tracking down the code we are able to use the code to make the pinball.
In the youtube tutorial, it have a tutorial link for people to visit to tutorial homepage and in the homepage it provide the code that he use in the tutorial
After watching the video, i start my flash to try out the code the are given.
first i create a template the look like a map.
After i finish the code i try to change the instant name first. and before the i try to trace the accelerometer x and y.
These are the code i will be using to trigger the movement of map.
And below is the outcome of my learning . I learn how to trigger the accelerometer and how it link to trigger the map.
After doing the test i realise that calculation that the tutorial teach didn't go too well with accelerometer. So continue some research on other coding.
This video show a better calculation of how to move the object by using accelerometer . and this is the code that code in the video.
9/12/2013-15/12/2013
flowchart
Base on my research i create out the flow of user using the app first the i only start to create my flowchart.
first flow chart
The first flow chart was not complete due to the information are all link together so i had a consultation with lecturer. And the feedback from lecturer is to create narractive or scenario of how a user will interact the application then only create the flowchart.
user scenario
flowchart refine
Basically this week i am focusing mostly on the digitalise the design. I also will try out some coding of accelerometer and orientation as well
Below are some of the design that i did.
I also create the layout of how the application user interface should look like .
2/12/2013
today i get the feedback from Chuan Zui about STI assignment Part A. Overall of the proposal and references are fine the problem i need to concentrate is the time i allocated for programming can be longer.
Then i show some of my progress that i did last week to lecturer.
3/12/2013
Today class Zui ask us to create a flowchart for our design and show it to him next week
4/12/2013 -8/12/2013
I start to progress on the design and digitalize work
