3-2 Continuing on technical progress

Week 3

HI. Back with some technical progress updates

This blog will be mainly sharing the technical progress and issues of the microsite.

---

Enhance user experience

- Added pulse effect on the hover spot

- cursor will change to a pointer when hover over the pulsating spot

Get exact value for scroll indicator

- figure out that I have to get the exact value for it to accurately tween to the specific position for the content information

UI input box

Example: https://playcanvas.com/project/644577/overview/uicomponents

Thanks to the example above, I manage to execute the input box for the email input in the info page

Blur background with post effects

I am trying out 2 different post-effects for the information and images to stand out when the content information are being display. Vignette post-effect and Bokeh post-effect respectively.

Vignette post-effect

Bokeh post-effect

2D animation

I am trying to animate the 2D graphics at the background, as I currently still can't figure out the export and import of 3D animation assets for the 3D scene. I also wanted to see the possibility of animating the 2D assets to deliver the dynamic content ideas.

These are the current technical progress I have so far, will have further updates in future blogs.

---

That's all for now, in the next blog will be the continuation of further updates on the microsite.

Bye :)