BogaudioModules

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

VCO-pp.svg (17540B)


      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-fm-vco" viewBox="0 0 45px 45px">
     76       <g transform="translate(22.5 22.5)">
     77         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
     78         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/>
     79         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/>
     80         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/>
     81         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
     82         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/>
     83         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
     84         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/>
     85         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
     86         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/>
     87         <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/>
     88       </g>
     89     </symbol>
     90   </defs>
     91 
     92   
     93       
     94       <rect class="module-background background-fill" width="150.0" height="380.0"/>
     95     
     96       
     97       <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"/>
     98       <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"/>
     99       <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"/>
    100     
    101       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">VCO</text>
    102       <g transform="translate(0 374)">
    103         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
    104         <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
    105       </g>
    106     
    107 
    108   <g transform="translate(21 25)">
    109     
    110     
    111     
    112     <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM">
    113       <g transform="translate(34 34)">
    114         <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
    115         <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
    116         <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
    117       </g>
    118     </svg></g>
    119     <g transform="translate(-1 0)">
    120       <g transform="translate(54 54)">
    121         <g transform="rotate(-240) translate(34 0)">
    122           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    123           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text>
    124         </g>
    125         <g transform="rotate(-220.56) translate(34 0)">
    126           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    127         </g>
    128 
    129         <g transform="rotate(-206.667) translate(34 0)">
    130           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    131           <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text>
    132         </g>
    133         <g transform="rotate(-187.23) translate(34 0)">
    134           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    135         </g>
    136 
    137         <g transform="rotate(-173.333) translate(34 0)">
    138           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    139           <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text>
    140         </g>
    141         <g transform="rotate(-153.89) translate(34 0)">
    142           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    143         </g>
    144 
    145         <g transform="rotate(-140) translate(34 0)">
    146           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    147           <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>
    148         </g>
    149         <g transform="rotate(-120.56) translate(34 0)">
    150           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    151         </g>
    152 
    153         <g transform="rotate(-106.667) translate(34 0)">
    154           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    155           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>
    156         </g>
    157         <g transform="rotate(-87.23) translate(34 0)">
    158           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    159         </g>
    160 
    161         <g transform="rotate(-73.33) translate(34 0)">
    162           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    163           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>
    164         </g>
    165         <g transform="rotate(-53.89) translate(34 0)">
    166           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    167         </g>
    168 
    169         <g transform="rotate(-40) translate(34 0)">
    170           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    171           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>
    172         </g>
    173         <g transform="rotate(-20.56) translate(34 0)">
    174           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    175         </g>
    176 
    177         <g transform="rotate(-6.667) translate(34 0)">
    178           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    179           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>
    180         </g>
    181         <g transform="rotate(12.77) translate(34 0)">
    182           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    183         </g>
    184 
    185         <g transform="rotate(26.667) translate(34 0)">
    186           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    187           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>
    188         </g>
    189         <g transform="rotate(46.11) translate(34 0)">
    190           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    191         </g>
    192 
    193         <g transform="rotate(60) translate(34 0)">
    194           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    195           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>
    196         </g>
    197       </g>
    198     </g>
    199   </g>
    200 
    201   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>
    202 
    203   
    204 
    205   <g transform="translate(35 153)">
    206     
    207     
    208     
    209     
    210     <text font-size="8pt" letter-spacing="2px" transform="translate(0 22) rotate(270)">FINE</text>
    211     <g transform="translate(13 0)"><svg id="FINE_PARAM">
    212       <g transform="translate(8 8)">
    213         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    214         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    215         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    216       </g>
    217     </svg></g>
    218     
    219   </g>
    220   <g transform="translate(36 141)">
    221       <g transform="translate(20 20)">
    222         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    223         <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)"/>
    224         <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)"/>
    225         <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)"/>
    226         <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)"/>
    227       </g>
    228     </g>
    229 
    230   <g transform="translate(73 150)">
    231     <g transform="translate(0 1)">
    232       <text font-size="6pt" letter-spacing="2px" transform="translate(10 6.1)">SLOW</text>
    233       <g transform="translate(41 -1.3)"><svg id="SLOW_PARAM">
    234       <g transform="translate(4.5 4.5)">
    235         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    236       </g>
    237     </svg></g>
    238     </g>
    239 
    240     <g transform="translate(0 14)">
    241       <text font-size="6pt" letter-spacing="0.5px" transform="translate(8 6.1)">LINEAR</text>
    242       <g transform="translate(41 -1.3)"><svg id="LINEAR_PARAM">
    243       <g transform="translate(4.5 4.5)">
    244         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    245       </g>
    246     </svg></g>
    247     </g>
    248   </g>
    249 
    250   
    251 
    252   <g transform="translate(44 188)">
    253     
    254     <text font-size="8pt" letter-spacing="2px" transform="translate(10 22.5) rotate(270)">PW</text>
    255     <g transform="translate(18 0)"><svg id="PW_PARAM">
    256       <g transform="translate(13 13)">
    257         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    258         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    259         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    260       </g>
    261     </svg></g>
    262   </g>
    263   <g transform="translate(52.5 178.5)">
    264       <g transform="translate(22.5 22.5)">
    265         <g transform="rotate(-240) translate(15 0)">
    266           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    267         </g>
    268         <g transform="rotate(-210) translate(15 0)">
    269           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    270         </g>
    271         <g transform="rotate(-180) translate(15 0)">
    272           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    273         </g>
    274         <g transform="rotate(-150) translate(15 0)">
    275           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    276         </g>
    277         <g transform="rotate(-120) translate(15 0)">
    278           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    279         </g>
    280         <g transform="rotate(-90) translate(15 0)">
    281           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    282         </g>
    283         <g transform="rotate(-60) translate(15 0)">
    284           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    285         </g>
    286         <g transform="rotate(-30) translate(15 0)">
    287           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    288         </g>
    289         <g transform="rotate(0) translate(15 0)">
    290           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    291         </g>
    292         <g transform="rotate(30) translate(15 0)">
    293           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    294         </g>
    295         <g transform="rotate(60) translate(15 0)">
    296           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    297         </g>
    298       </g>
    299     </g>
    300 
    301   
    302 
    303   <g transform="translate(44 230)">
    304     
    305     <g transform="translate(0 0)">
    306       
    307       <text font-size="8pt" letter-spacing="2px" transform="translate(10 22) rotate(270)">FM</text>
    308       <g transform="translate(18 0)"><svg id="FM_PARAM">
    309       <g transform="translate(13 13)">
    310         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    311         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    312         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    313       </g>
    314     </svg></g>
    315     </g>
    316     
    317     <g transform="translate(57 -0)">
    318       <text font-size="5pt" letter-spacing="2px" transform="translate(-1 -1)">EXP</text>
    319       <g transform="translate(0 2)"><svg id="FM_TYPE_PARAM">
    320       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    321       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    322     </svg></g>
    323       <text font-size="5pt" letter-spacing="2px" transform="translate(0 34)">LIN</text>
    324     </g>
    325   </g>
    326   <use xlink:href="#dial-fm-vco" transform="translate(52.5 220.5)" href="#dial-fm-vco"/>
    327 
    328   
    329 
    330   <g class="io-group" transform="translate(0 269)">
    331     <rect class="output-background" width="130" height="91" rx="5" transform="translate(10 0)"/>
    332     
    333     <rect class="input-background" width="65" height="91" rx="5" transform="translate(10 0)"/>
    334     <rect class="input-background-filler" width="10" height="8" transform="translate(65 0)"/>
    335     <rect class="input-background-filler" width="10" height="8" transform="translate(65 83)"/>
    336 
    337     <g transform="translate(12 0)">
    338       <g transform="translate(3 5)"><svg id="PW_INPUT">
    339       <g transform="translate(12 12)">
    340         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    341         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    342       </g>
    343     </svg></g>
    344       <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 40)">PW</text>
    345     </g>
    346     <g transform="translate(44 0)">
    347       <g transform="translate(3 5)"><svg id="FM_INPUT">
    348       <g transform="translate(12 12)">
    349         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    350         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    351       </g>
    352     </svg></g>
    353       <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(8 40)">FM</text>
    354     </g>
    355     <g transform="translate(76 0)">
    356       <g transform="translate(3 5)"><svg id="SQUARE_OUTPUT">
    357       <g transform="translate(12 12)">
    358         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    359         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    360       </g>
    361     </svg></g>
    362       
    363       <g transform="translate(9 33.5)">
    364         
    365         <polyline class="output-label" points="0,4 0,0 6,0 6,8 12,8 12,4" stroke-width="1" fill="none"/>
    366       </g>
    367     </g>
    368     <g transform="translate(108 0)">
    369       <g transform="translate(3 5)"><svg id="SAW_OUTPUT">
    370       <g transform="translate(12 12)">
    371         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    372         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    373       </g>
    374     </svg></g>
    375       
    376       <g transform="translate(9 33.5)">
    377         
    378         <polyline class="output-label" points="0,8 12,0 12,8" stroke-width="1" fill="none"/>
    379       </g>
    380     </g>
    381 
    382     <g transform="translate(10 44)">
    383       <g transform="translate(2 0)">
    384         <g transform="translate(3 5)"><svg id="PITCH_INPUT">
    385       <g transform="translate(12 12)">
    386         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    387         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    388       </g>
    389     </svg></g>
    390         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
    391       </g>
    392       <g transform="translate(34 0)">
    393         <g transform="translate(3 5)"><svg id="SYNC_INPUT">
    394       <g transform="translate(12 12)">
    395         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    396         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    397       </g>
    398     </svg></g>
    399         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>
    400       </g>
    401       <g transform="translate(66 0)">
    402         <g transform="translate(3 5)"><svg id="TRIANGLE_OUTPUT">
    403       <g transform="translate(12 12)">
    404         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    405         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    406       </g>
    407     </svg></g>
    408         
    409         <g transform="translate(9 33.5)">
    410           
    411           <polyline class="output-label" points="0,4 3,0 9,8 12,4" stroke-width="1" fill="none"/>
    412         </g>
    413       </g>
    414       <g transform="translate(98 0)">
    415         <g transform="translate(3 5)"><svg id="SINE_OUTPUT">
    416       <g transform="translate(12 12)">
    417         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    418         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    419       </g>
    420     </svg></g>
    421         
    422         <g transform="translate(9 33.5)">
    423           
    424           <path class="output-label" d="M 0 4 A 2 3 0 0 1 6 4" stroke-width="1" stroke="#333" fill="none"/>
    425           <path class="output-label" d="M 6 4 A 2 3 0 0 0 12 4" stroke-width="1" stroke="#333" fill="none"/>
    426         </g>
    427       </g>
    428     </g>
    429   </g>
    430 </svg>