Week 15
HI. Trying to further progress while experimenting and deciding on a better execution.
Like usual, I will be updating my progress in this blog, and sharing the issues faced and possible solutions.
Content layout
After having discussions with my advisors regarding the new content layout, it definitely looks better this week. One of the advisor also suggested that I could make use of the Airbnb content since I am approaching the live update of information.
This link is the same as the link provided in the previous blog, I additionally added the hovering effect over the Airbnb section to provide more information. The addition information provided right now include; types of accommodation, maximum no. of guest allowed, and ratings.
After having the content layout being roughly set up, it's time for me to gather photographs and graphics assets for me to proceed the technical execution of the content information.
Technical progress
Currently, my main issue is on the execution of the 2D screen in my website. Previously mentioned that might switch to using just plain HTML + CSS instead of using PlayCanvas built-in 2D screen interface because of the limitation of animations and transitions.
I roughly tried out both scrolling of information in the built-in 2D screen and also HTML + CSS.
This is executed using HTML + CSS:-
This is executed using the built-in 2D interface :-
When trying out both of these possibilities, there were a few things that I noticed that might help me better decide on the final execution that I want to approach.
Points from HTML + CSS:-
- I can manually do the animations by coding
- it is similar to the 2D screen interface
- I do not need a separate code just to trigger the mouse wheel scrolling
- but I have yet to discover a method to upload personal image/graphics assets in HTML
Points from the built-in 2D interface:-
- it's easier to arrange the UI components and elements
- it's easier to upload my own graphical assets
- the animations and transitions are limited
- it's easier to create a personalized scrollbar
After a few comparisons, I might be going with HTML + CSS but also make use of the built-in scrollbar feature that I could easily customized it using sprite image. There are a couple of things (on-scroll animation, smooth hovering) that I might need to continue trying out, hopefully it works.
That's all for now, in the next blog will be a another progress update of the week.
댓글