Everything seems going wrong today. My hypercomic website suddenly cannot do parallax scrolling and the buttons to link every pages together also malfunction.
Luckily, there still got a bit times for me to fix the errors. As I not sure what happens to all of these errors, I try my codes on my own laptop and the school computers. Finally, which the help of one of my lecturers, I manage to get the clue for all of these sudden errors.
Apparently, my school computers do not allow my codes to import my external code library, which is Edge Common to from local disks, so the codes for parallax scrolling of my hypercomic malfunction. To fix this error, I further explore the possibilities of Edge Common on EdgeDocks and realize that I actually can use the external code library by using the linking my hypercomic pages to external link of the code library, which is the URL of the external code library.
In addition, I also manage to fix my button malfunction issues. From the video tutorial below, I realize that I actually using the wrong ways to code the functions of the buttons. I deleted all my previous buttons, and start all over again by following to the video tutorials shown below:
As shown in the video, the author actually use an ImageHolder to hold the images for different PNG image for normal state, mouse over state, and clicking state. Different from my own code previously, this method us much more easy and secure as I do not have to worried about calling wrong elements / attributes of the button, which is the mistake I made previously can cause my buttons to malfunction.
Last but not least, I also manage to centered my composition finally. I actually get my inspiration from this video:
From this video, it showed me the manual way to code my own css to make the composition align to center. After trying several time, I found the codes only functioning when I set my stage width to pixel, but malfunction when I set my stage width to 100%. From the situation I get here, I try using the Edge Common centering code, which is ES.centerStage (sym) by setting stage width to pixel, and it functioning perfectly!
However, to get the centering composition result, I have to scarify 100% width stage option, which is fullsceen background. The background currently only appear fullscreen in small screen monitor and laptop, but the users will able to see the blank white spaces on the both sides of the compositions when they view my hypercomic in wider and bigger monitor and laptop screen.
Thank God I able to fix all my codes, and finished my hypercomic on time, although still have some small bugs, I already very happy about what I have achieved so far.
References:
Cdn.edgecommons.org. n.d. EdgeCommons CDN Overview. [online] Available at: http://cdn.edgecommons.org/ [Accessed: 08 Feb 2014]. Annotation: I revisit this page again and try to explore how to link the code using external library URL. Finally manage to make my parallax scrolling of my website functioning again thanks to the help of this website.
Widjaja, S. 2013. Everything for Adobe Edge Animate, Edge Reflow and Edge Code | EdgeDocks.com. [online] Available at: http://www.edgedocks.com/ [Accessed: 8 Feb 2014]. Annotation: I revisit this website again today to look for ways to fix my errors of my hypercomic. Fortunately, I able to find the solution here.
YouTube. 2013. Adobe Edge Animate - Lesson 8 - Mouseover Image Button. [online] Available at: http://www.youtube.com/watch?v=EIDnE6Jzorw [Accessed: 10 Feb 2014]. Annotation: This tutorial show me the more easier and proper way to create a mouse over image button. It basically using a ImageHolder to hold the PNG images for different situation of the button. I able to make the buttons of my hypercomic functioning again after referring to this tutorial.
YouTube. 2013. How To Center Your Adobe Edge Animate Website. [online] Available at: http://www.youtube.com/watch?v=Cmogy0OZ74c [Accessed: 08 Feb 2014]. Annotation: Well, a very short video teaching me on how to center the composition in Edge Animate. I manage to do it when the stage width is set to pixel, but when convert into 100%, the code not functioning anymore. From this result, I try the edge common centering code with static pixel width stage, and the centering function of the code functioning again, with the lose of ability to make my hypercomic background fullscreen.
No comments:
Post a Comment