Hands On

After settling with my customization controller, I start to explore how to improve the customization experience. By having multiple items for preview before going to the next page. But with the experience I wish to achieve, I needed to add an external plug-in before using it. So I try with many different kinds of slider codes with pure js or touch swipe jQuery plugin, no matter how I put it in with my design elements it does not work as I intend to.

The most stable and achievable slider, for now, is fotoroma and carousel slider that I used before. I try a few days with fotoroma because I can achieve the preview slider in between, touch swipe and preview panel section. Compare to carousel it needs to hard code most of the things I need whereas fotoroma already included those.

In between preview to compare nightmare background

However, a few days have passed and I found out that fotoroma have a few problems that cause other functions not working. Like a simple click on the image to the next page can't work, causing my nightmare cannot move on to the next page. So immediately I change it back to carousel my previous design on the picture below:

I wasted a few days and now I am trying to improve this first design I did before, also trying to put effort into enhancing the customization buttons. A code I found in codepen for preview slider similarly, I fail again because instead of having it horizontal it stays vertical with uncovering image floating around messing up the controller.

 

I have no choice but to add swipe function in to help ease the clicking since my final artefact is going to be in mobile. Also having a lot of trouble with the swipe function, with the same way I try but fail to make it better. In the end I found in stackflow one of the code worked! and now able to swipe.

 

Sadly with many days of testing and failure, I spend most of my time without any improvement with my controller. Ending up this will be the only thing I have during Alpha test, for now just able to swipe and change colour and background with the customization. 

Thoughts of the day:

I feel frustrated and unhappy with the controller which I spend time on, in the end, unable to use it. I have really go through a lot of trouble just to add preview, slide view and swipe function. Ending up I use back the same design, so what I plan for alpha test fail. Because the trial I did to make firebase work also didn't work the way I think of and I am running out of time to build firebase on looking in the tutorial.