![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/12/Screen-Shot-2022-12-11-at-5.26.58-PM.png)
Author: Michal Shahaf
Presentation for Final Project-Michal S.
Keyboard Sampler-Michal S.
![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/11/Screen-Shot-2022-11-27-at-7.33.53-PM.png)
Here is my Code.
Pattern: Grid
User Interface
Pattern Variations
Animated logo
Interactive logo
![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/10/Screen-Shot-2022-10-24-at-10.38.55-PM.png)
![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/10/Screen-Shot-2022-10-24-at-10.36.37-PM.png)
![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/10/Screen-Shot-2022-10-24-at-10.36.41-PM.png)
Here is my code.
Instructions:
- Touch the character to change the colors.
- Click on John to make him do something.
logo
![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/10/logo-65.png)
Interactive Self-Portrait
![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/10/Screen-Shot-2022-10-03-at-2.52.42-PM-1-683x1024.png)
![](https://openlab.bmcc.cuny.edu/mmp-210-fall-2022/wp-content/uploads/sites/2622/2022/10/Screen-Shot-2022-10-03-at-2.53.07-PM-2-679x1024.png)
In my self-portrait, you can click the mouse to change the time of the day.
Also, my character can look at the mouse as it is moving.