Skip to content

Commit

Permalink
Add a few missing information
Browse files Browse the repository at this point in the history
  • Loading branch information
moeenz committed Feb 25, 2021
1 parent a03e831 commit 1875b3a
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 1 deletion.
8 changes: 8 additions & 0 deletions Design/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
# Design

All the works here are credited to Taha Mousavi.

## Wireframes

<p>
Expand Down Expand Up @@ -41,3 +43,9 @@ See the transition from [gallery-transition-animation.mov](./gallery-transition-
<p>
<img width="800" src="./watch.jpeg">
</p>

## Sketch Resource

<p>
<a href="./Specto.sketch">Download file</a>
</p>
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ Specto consists of four main views that we go over briefly here:

**RecordView** is the responsible one for starting and storing a session. It holds the `AudioVisualizer` view which uses fast fourier transforms to project calculated paths over the spinning LP record. The TextRank algorithm is applied at the end of the session to detect verbal context.

`AudioVisualizer`view uses angular gradients to project the FFT to concentric circle paths. The whole image shows 50 FFTs calculated five time per second each with 33 components witch makes 1650 visual components in total. We started this with multiple curves with different colors, but that implementation was slow, so we switched to using angular gradients that produces a smoother graphic and has a much better performance. We also use `.drawingGroup` for better performance.
`AudioVisualizer` view uses angular gradients to project the FFT to concentric circle paths. The whole image shows 50 FFTs calculated five times per second each with 33 components which makes 1650 visual components in total. We started with multiple curves in different colors but that implementation was slow, so we switched to angular gradients producing smoother graphics with much better performance. We also use `.drawingGroup()` for better performance.

<p style="margin-top: 32px">
<img src="./Design/Screenshots/recordview.png" width="320">
Expand Down

0 comments on commit 1875b3a

Please sign in to comment.