Tinkle-on-Tips

• 

  Welcome Screen

• 

  Animation in the playground

Inspiration

I wanted to create something special yet fun to use and visually pleasing :) So I created tinkle-on-tips.

What it does

tinkle-on-tips is a visual sound-kit application that allows a user to create diffferent tunes using their imagination with the help of just their computer keyboards. No fancy equipments required ;)

How I built it

My team and I built this application using vanilla javascript and css. The goal was to stick to the basics and not use complicated technologies.

Challenges I ran into

We wanted to give a screen record feature wherein the user could record the sounds with the animation without the use of any third party screen recorders. But the recording code messed up a bit and we are only able to record audio.

Accomplishments that I'm proud of

The application turned out pretty well especially the random postions of the animating circles that change their size and colors.

What I learned

We learned a lot of css properties from this project and it was really fun building it.

What's next for Tinkle-on-Tips

We look forward to properly implement the screen record function for our application.

Built With

• css
• html
• javascript