BogaudioModules

BogaudioModules for VCV Rack
Log | Files | Refs | README | LICENSE

VCF-pp.svg (18005B)


      1 <?xml version="1.0"?>
      2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="150.0" height="380.0" viewBox="0 0 150.0 380.0">
      3   <style>text {
      4   fill: #333;
      5   font-family: 'Roboto', sans-serif;
      6   font-weight: bold;
      7 }
      8 text.title {
      9   font-family: 'Comfortaa', sans-serif;
     10   font-weight: normal;
     11 }
     12 text.brand {
     13   font-family: 'Audiowide', sans-serif;
     14   font-weight: bold;
     15 }
     16 
     17 polyline {
     18   stroke: #333;
     19 }
     20 path {
     21   stroke: #333;
     22 }
     23 
     24 rect.module-background, .background-fill {
     25   fill: #ddd;
     26 }
     27 polyline.module-border-inner {
     28   stroke: #e4e4e4;
     29 }
     30 polyline.module-border-middle {
     31   stroke: #ebebeb;
     32 }
     33 polyline.module-border-outer {
     34   stroke: #f2f2f2;
     35 }
     36 
     37 g.io-group {
     38 }
     39 rect.input-background, rect.input-background-filler {
     40   fill: #fafafa;
     41 }
     42 rect.output-background, rect.output-background-filler {
     43   fill: #bbb;
     44 }
     45 text.input-label, text.output-label {
     46   /* font-size: 6pt; */
     47 }
     48 polyline.input-label, polyline.output-label {
     49 }
     50 path.input-label, path.output-label {
     51 }
     52 
     53 circle.port-rim {
     54   stroke: #f0f0f0;
     55 }
     56 circle.port-barrel {
     57   stroke: #222;
     58   fill: #222;
     59 }
     60 circle.knob-center {
     61    fill: #eee;
     62 }
     63 circle.knob-rim {
     64    fill: #333;
     65 }
     66 circle.knob-tick {
     67   fill: #fff;
     68 }
     69 polyline.knob-tick {
     70   stroke: #fff;
     71 }
     72 </style>
     73 
     74   <defs>
     75     <symbol id="dial-frequency-vcf" viewBox="0 0 150px 108px">
     76       <g transform="translate(75 54)">
     77         <g transform="rotate(-240) translate(34 0)">
     78           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
     79           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-2 3)">0</text>
     80         </g>
     81         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-225) translate(37 0)"/>
     82 
     83         <g transform="rotate(-218.8) translate(34 0)">
     84           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
     85           <text font-size="7.0pt" transform="translate(14 0) rotate(218.8) translate(-12.5 3.5)">100</text>
     86         </g>
     87         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-206.5) translate(37 0)"/>
     88 
     89         <g transform="rotate(-192.6) translate(34 0)">
     90           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
     91           <text font-size="7.0pt" transform="translate(14 0) rotate(192.6) translate(-11.5 3)">500</text>
     92         </g>
     93         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-181.9) translate(37 0)"/>
     94 
     95         <g transform="rotate(-172.2) translate(34 0)">
     96           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
     97           <text font-size="7.0pt" transform="translate(14 0) rotate(172.2) translate(-7.5 3)">1K</text>
     98         </g>
     99         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-151.3) translate(37 0)"/>
    100 
    101         <g transform="rotate(-133.9) translate(34 0)">
    102           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    103           <text font-size="7.0pt" transform="translate(14 0) rotate(133.9) translate(-16 3)">2.5K</text>
    104         </g>
    105         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-110.1) translate(37 0)"/>
    106 
    107         <g transform="rotate(-90) translate(34 0)">
    108           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    109           <text font-size="7.0pt" transform="translate(14 0) rotate(90) translate(-6 4)">5K</text>
    110         </g>
    111         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-41.6) translate(37 0)"/>
    112 
    113         <g transform="rotate(-56.3) translate(34 0)">
    114           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    115           <text font-size="7.0pt" transform="translate(14 0) rotate(56.3) translate(-3.5 3)">7.5K</text>
    116         </g>
    117         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-72.3) translate(37 0)"/>
    118 
    119         <g transform="rotate(-27.9) translate(34 0)">
    120           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    121           <text font-size="7.0pt" transform="translate(14 0) rotate(27.9) translate(-5 5)">10K</text>
    122         </g>
    123         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-2.9) translate(37 0)"/>
    124 
    125         <g transform="rotate(19.8) translate(34 0)">
    126           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    127           <text font-size="7.0pt" transform="translate(14 0) rotate(-19.8) translate(-5 2)">15K</text>
    128         </g>
    129         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(40.6) translate(37 0)"/>
    130 
    131         <g transform="rotate(60) translate(34 0)">
    132           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    133           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.5 3)">20K</text>
    134         </g>
    135 
    136         <text font-size="7.0pt" transform="rotate(90) translate(44.5 0) rotate(-90) translate(-6.5 0)">HZ</text>
    137       </g>
    138     </symbol>
    139 
    140     <symbol id="dial-slope-vcf" viewBox="0 0 50px 60px">
    141       <g transform="translate(25 30)">
    142         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-2 3)">1</text>
    143         <polyline points="0,0 2,0" stroke-width="0.7" transform="rotate(-176) translate(22 0)"/>
    144         <text font-size="6.0pt" transform="rotate(-149.6) translate(24 0) rotate(149.6) translate(-1.5 1)">2</text>
    145         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-112.1) translate(22 0)"/>
    146         <text font-size="6.0pt" transform="rotate(-83.3) translate(24 0) rotate(83.3) translate(-2 2)">4</text>
    147         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-59.1) translate(22 0)"/>
    148         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-37.7) translate(22 0)"/>
    149         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-18.4) translate(22 0)"/>
    150         <text font-size="6.0pt" transform="rotate(-0.7) translate(24 0) rotate(0.7) translate(-2 2)">8</text>
    151         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(15.8) translate(22 0)"/>
    152         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(31.4) translate(22 0)"/>
    153         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(46) translate(22 0)"/>
    154         <text font-size="6.0pt" transform="rotate(60) translate(24 0) rotate(-60) translate(-5 3)">12</text>
    155       </g>
    156     </symbol>
    157 
    158     <symbol id="dial-mode-vcf" viewBox="0 0 60px 60px">
    159       <g transform="translate(30 30)">
    160         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-67.5) translate(11 0)"/>
    161         <text font-size="6.0pt" transform="rotate(-67.5) translate(24 0) rotate(67.5) translate(-3 7)">LP</text>
    162 
    163         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-22.5) translate(11 0)"/>
    164         <text font-size="6.0pt" transform="rotate(-22.5) translate(24 0) rotate(22.5) translate(-7 5)">HP</text>
    165 
    166         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(22.5) translate(11 0)"/>
    167         <text font-size="6.0pt" transform="rotate(22.5) translate(24 0) rotate(-22.5) translate(-7 0)">BP</text>
    168 
    169         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(67.5) translate(11 0)"/>
    170         <text font-size="6.0pt" transform="rotate(67.5) translate(24 0) rotate(-67.5) translate(-3 -1.5)">BR</text>
    171       </g>
    172     </symbol>
    173 
    174     <symbol id="dial-linear-vcf" viewBox="0 0 50px 50px">
    175       <g transform="translate(25 25)">
    176         <text font-size="6.0pt" transform="rotate(-240) translate(24 0) rotate(240) translate(-4 3)">0</text>
    177         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(22 0)"/>
    178         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-180) translate(22 0)"/>
    179         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(22 0)"/>
    180         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-120) translate(22 0)"/>
    181         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(22 0)"/>
    182         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-60) translate(22 0)"/>
    183         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(22 0)"/>
    184         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(0) translate(22 0)"/>
    185         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(22 0)"/>
    186         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(60) translate(22 0)"/>
    187       </g>
    188     </symbol>
    189   </defs>
    190 
    191   
    192       
    193       <rect class="module-background background-fill" width="150.0" height="380.0"/>
    194     
    195       
    196       <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
    197       <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
    198       <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    199     
    200       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCF</text>
    201       <g transform="translate(0 374)">
    202         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
    203         <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
    204       </g>
    205     
    206 
    207   
    208   
    209   
    210 
    211   <g transform="translate(21 25)">
    212     <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM">
    213       <g transform="translate(34 34)">
    214         <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
    215         <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
    216         <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
    217       </g>
    218     </svg></g>
    219     <use xlink:href="#dial-frequency-vcf" transform="translate(-21 0)" href="#dial-frequency-vcf"/>
    220   </g>
    221 
    222   <g transform="translate(25 126)">
    223     <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">CV</text>
    224     <g transform="translate(20 12)"><svg id="FREQUENCY_CV_PARAM">
    225       <g transform="translate(8 8)">
    226         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    227         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    228         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    229       </g>
    230     </svg></g>
    231     <g transform="translate(8 0)">
    232       <g transform="translate(20 20)">
    233         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    234         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(20)"/>
    235         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    236         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-20)"/>
    237         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    238       </g>
    239     </g>
    240   </g>
    241 
    242   <g transform="translate(82 126)">
    243     <text font-size="8pt" letter-spacing="2px" transform="translate(10 27) rotate(270)">FM</text>
    244     <g transform="translate(20 12)"><svg id="FM_PARAM">
    245       <g transform="translate(8 8)">
    246         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    247         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    248         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    249       </g>
    250     </svg></g>
    251     <g transform="translate(8 0)">
    252       <g transform="translate(20 20)">
    253         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    254         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/>
    255         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(43)"/>
    256         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(0)"/>
    257         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#333" fill="none" transform="rotate(-43)"/>
    258       </g>
    259     </g>
    260   </g>
    261 
    262   <g transform="translate(54 165)">
    263     <text font-size="8pt" letter-spacing="2px" transform="translate(7 38) rotate(270)">MODE</text>
    264     <g transform="translate(13 11)"><svg id="MODE_PARAM">
    265       <g transform="translate(8 8)">
    266         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    267         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    268         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    269       </g>
    270     </svg></g>
    271     <use xlink:href="#dial-mode-vcf" transform="translate(-9 -11)" href="#dial-mode-vcf"/>
    272   </g>
    273 
    274   <g transform="translate(2 220)">
    275     
    276     
    277     <text font-size="8pt" letter-spacing="2px" transform="translate(13.5 43.5) rotate(270)">RES/BW</text>
    278     <g transform="translate(24.5 0)"><svg id="Q_PARAM">
    279       <g transform="translate(19 19)">
    280         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    281         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    282         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    283       </g>
    284     </svg></g>
    285     <use xlink:href="#dial-linear-vcf" transform="translate(18.5 -6)" href="#dial-linear-vcf"/>
    286   </g>
    287 
    288   <g transform="translate(73 220)">
    289     
    290     
    291     <text font-size="8pt" letter-spacing="2px" transform="translate(13.4 38.5) rotate(270)">SLOPE</text>
    292     <g transform="translate(24.5 0)"><svg id="SLOPE_PARAM">
    293       <g transform="translate(19 19)">
    294         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    295         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    296         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    297       </g>
    298     </svg></g>
    299     <use xlink:href="#dial-slope-vcf" transform="translate(18.5 -11)" href="#dial-slope-vcf"/>
    300   </g>
    301 
    302   <g class="io-group" transform="translate(0 269)">
    303     <rect class="output-background" width="130" height="47" rx="5" transform="translate(10 44)"/>
    304     <rect class="input-background" width="98" height="44" rx="5" transform="translate(26 0)"/>
    305     <rect class="input-background-filler" width="98" height="10" transform="translate(26 34)"/>
    306     <rect class="input-background" width="97" height="47" rx="5" transform="translate(10 44)"/>
    307     <rect class="input-background-filler" width="10" height="47" transform="translate(97 44)"/>
    308 
    309     <g transform="translate(16 0)">
    310       <g transform="translate(12 0)">
    311         <g transform="translate(3 5)"><svg id="FREQUENCY_CV_INPUT">
    312       <g transform="translate(12 12)">
    313         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    314         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    315       </g>
    316     </svg></g>
    317         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">CV</text>
    318       </g>
    319       <g transform="translate(44 0)">
    320         <g transform="translate(3 5)"><svg id="PITCH_INPUT">
    321       <g transform="translate(12 12)">
    322         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    323         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    324       </g>
    325     </svg></g>
    326         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
    327       </g>
    328       <g transform="translate(76 0)">
    329         <g transform="translate(3 5)"><svg id="FM_INPUT">
    330       <g transform="translate(12 12)">
    331         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    332         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    333       </g>
    334     </svg></g>
    335         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(9 40)">FM</text>
    336       </g>
    337     </g>
    338 
    339     <g transform="translate(10 44)">
    340       <g transform="translate(2 0)">
    341         <g transform="translate(3 5)"><svg id="IN_INPUT">
    342       <g transform="translate(12 12)">
    343         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    344         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    345       </g>
    346     </svg></g>
    347         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(10.5 40)">IN</text>
    348       </g>
    349       <g transform="translate(34 0)">
    350         <g transform="translate(3 5)"><svg id="Q_INPUT">
    351       <g transform="translate(12 12)">
    352         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    353         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    354       </g>
    355     </svg></g>
    356         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">R/BW</text>
    357       </g>
    358       <g transform="translate(66 0)">
    359         <g transform="translate(3 5)"><svg id="SLOPE_INPUT">
    360       <g transform="translate(12 12)">
    361         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    362         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    363       </g>
    364     </svg></g>
    365         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(7 40)">SLP</text>
    366       </g>
    367       <g transform="translate(98 0)">
    368         <g transform="translate(3 5)"><svg id="OUT_OUTPUT">
    369       <g transform="translate(12 12)">
    370         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    371         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    372       </g>
    373     </svg></g>
    374         <text class="output-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">OUT</text>
    375       </g>
    376     </g>
    377   </g>
    378 </svg>