Skip to content

Latest commit

 

History

History
61 lines (31 loc) · 3.17 KB

presentation.md

File metadata and controls

61 lines (31 loc) · 3.17 KB

How I made this app in 6 days

  • Found cool stuff on the internet. Put it all together in one package.

##Day 1

Day 2

  • Did some styling. Moved some stuff around.

  • Playing with this Landscape Circle SVG thing. Trying to get the bouncy circle to work. Having difficulty.

Day 3

  • Still playing with this Landscape Circle SVG pen. When I cut out the tress and mountains, the circle just sits there statically. Researching TimelineMax brought me to GreenSock. This is an interesting site. I look forward to playing with this.

  • Update: GreenSock is a huge rabbit hole. I'm on a time crunch. Just going to use Ripple for now.

  • Spent half an hour freaking out. Thought I broke it. Turns out, I had my headphones plugged in and it was messing up the input. Lol.

  • Update: Filtered out Ripple so I get only one Ripple. Making the Ripple coincide with how many seconds a person ommmmmms is going to be more complicated.

  • Fixing the wave/frequency visual (wave is too sharp, frequency needs to be scootched over to the right some).

  • Cool transfergraph tool by Kevin Ennis

  • Visualizations with Web Audio API

Day 4

  • Made zero progress. Well, no discernible progress anyway. I learned more about what is going on in the code and things that can break the app (I broke it more than once). However, I did cut out some fat and learned more about frequency.

Day 5

  • Feels like I made very little progress, but I'm still learning a lot and I feel like I'm allllmost there. The waves look a little better. I'm now getting a frequency readout in the console. I want to make the canvas bigger/smaller if the frequency is within human range.

  • Tried some things like var halfIntendedWidth = intendedWidth / 2;

  • var ctx = document.getElementById('canvas').getContext('2d');

  • canvas.setAttribute

  • ctx.scale(x, y);

Other Cool Pens