Coding help with cutscenes and UI

hello!

im a student and my group is trying to code a story based game and having trouble with cutscenes and ui. I have some questions on how to code and set up stuff in the game.

heres a forked version of our gameplay:

(move with mouse click)
editor: PlayCanvas | HTML5 Game Engine
game: PlayCanvas | HTML5 Game Engine

So my questions are:

1.) Does anybody know how to code a short cutscene after colliding with an item (the basketball) and go back to the main game?

2.) Does anybody know how to code hp and shield bars? so the bar goes down when hp/shield when it decreases. Also, the hp doesnt go down unless the shield bar is empty?

For 2, they’re basically progress bars: User Interface - Progress Bar | PlayCanvas Developer Site