VectorBridgeAdapter/about.html at main · Cosmic-Layers/VectorBridgeAdapter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>About VectorBridge — How the project came to be</title>
  <meta name="description" content="The story behind VectorBridge: rediscovering the feel of true 6‑DoF controllers and keeping classic SpaceOrb/SpaceBall/Magellan devices alive." />
  <link href="https://fonts.googleapis.com/css2?family=Yellowtail&display=swap" rel="stylesheet">
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    :root{ --vb-red:#D36063; --vb-blue:#223F77; --vb-space:#0B0E11; --vb-cyan:#7AD1FF; --vb-ink:#0F1320 }
    .sb{ box-shadow: 0 10px 30px rgba(0,0,0,.10); }
  </style>
  <link rel="canonical" href="https://vectorbridge.net/about" />
</head>
<body class="bg-slate-50 text-[color:var(--vb-ink)]">
  <header class="sticky top-0 z-40 bg-white/85 backdrop-blur border-b border-slate-200">
    <div class="max-w-6xl mx-auto px-4 py-3 flex items-center justify-between">
      <a href="/" class="flex items-center gap-3">
        <img src="sphere360_icon.png" width="56" height="56" alt="VectorBridge crest" class="rounded sb"/>
        <span class="font-semibold tracking-tight">VectorBridge</span>
      </a>
      <nav class="hidden md:flex items-center gap-6 text-sm">
        <a href="/#features" class="hover:opacity-80">Features</a>
        <a href="/#devices" class="hover:opacity-80">Devices</a>
        <a href="/#videos" class="hover:opacity-80">Videos</a>
        <a href="/#faq" class="hover:opacity-80">FAQ</a>
        <a href="/software" class="hover:opacity-80">Software</a>
        <a href="/about" class="font-medium hover:opacity-80">About</a>
        <a class="inline-flex items-center px-3 py-1.5 rounded-xl text-white hover:opacity-90" style="background:var(--vb-space)" href="https://www.etsy.com/shop/CosmicLayersStore" target="_blank" rel="noopener">Get VectorBridge</a>
      </nav>
      <!-- Mobile hamburger -->
      <button id="menuBtn" class="md:hidden inline-flex items-center justify-center p-2 rounded-lg border border-slate-300"
              aria-controls="mobileNav" aria-expanded="false" aria-label="Open menu">
        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor">
          <line x1="3" y1="6" x2="21" y2="6"></line>
          <line x1="3" y1="12" x2="21" y2="12"></line>
          <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
      </button>
    </div>
    <!-- Mobile menu -->
    <div id="mobileNav" class="md:hidden hidden border-t border-slate-200 bg-white">
      <div class="max-w-6xl mx-auto px-4 py-3 grid gap-3 text-sm">
        <a href="/#features" class="py-1 hover:opacity-80">Features</a>
        <a href="/#devices" class="py-1 hover:opacity-80">Devices</a>
        <a href="/#videos" class="py-1 hover:opacity-80">Videos</a>
        <a href="/#faq" class="py-1 hover:opacity-80">FAQ</a>
        <a href="/software" class="py-1 hover:opacity-80">Software</a>
        <a href="/about" class="py-1 hover:opacity-80">About</a>
        <a class="inline-flex items-center justify-center px-3 py-2 rounded-xl text-white"
           style="background:var(--vb-space)" href="https://www.etsy.com/shop/CosmicLayersStore"
           target="_blank" rel="noopener">Get VectorBridge</a>
      </div>
    </div>
  </header>

  <main>
    <section class="bg-white">
      <div class="max-w-3xl mx-auto px-4 py-10">
        <h1 class="text-4xl font-extrabold tracking-tight">How VectorBridge Came About</h1>
        <div class="prose prose-slate max-w-none mt-6">


        <figure class="my-6">
          <img src="SpaceOrb360Box.PNG" alt="Original SpaceOrb 360 retail box with 'a new way to move in 3D' headline" class="w-full rounded-xl border border-slate-200 sb bg-white"/>
          <figcaption class="text-xs text-slate-500 mt-2">The SpaceOrb 360 retail box—where the obsession started.</figcaption>
        </figure>
        <p>In the mid 90s, I worked a few minutes walk from a CompUSA store. Before the days of online retailers and the standardizing of gaming peripherals, I would wander the aisles on lunch breaks just to see what new gadgets, and games had come out. One lunch break in 1996, I stood in awe. There was a controller that looked nothing like any gamepad or joystick I’d ever seen. In its neon green, very 90s windowed display box, boasting “a new way to move in 3D”, was the SpaceOrb 360. Instead of the usual thumb sticks or D-pad, there was a big ball, and a few blue buttons. In a crescent moon shape, it didn’t seem built for comfort — in fact, maybe it was built to win.</p>
<p>That night I installed the included SpaceWare software from the CD and fired up the game Descent. I spent a couple hours tweaking sensitivity and gains until it felt right. I wasn’t instantly better at the game with the SpaceOrb 360, but the feel hooked me. After a few days of practice, friends at LAN parties started saying, “I’m not playing if you’re using that thing.” They had a point—the Orb allows continuous circle-strafing in any vector, something a mouse simply can’t do, and that changed the flow of a fight.</p>
<p>Then Windows moved on. After Windows 98, operating system changes made these devices very hard to get working, and nearly obsolete because of the serial port connection. I tried third-party drivers and adapters over the years; they were clever, and I was very grateful to have them, but I never got back the original feel—mostly because I couldn’t fine tune the way the original Spaceware tools allowed.</p>
<p>About a year ago I gave myself a challenge: get the Asciiware Sphere 360 working on a PC. It’s similar to the SpaceOrb but with 14 buttons instead of only 6 buttons of the SpaceOrb—the inputs I always wished I’d had. After a lot of firmware experimentation, I wrote a small tuning app so I could adjust sensitivity, dead-zones, and curves again. That was the breakthrough; the feeling came back. That little tool became the VectorBridge Tuner, and I made sure settings could be saved on the VectorBridge so they travel between PCs.</p>
<p>From there I widened the scope to include the other serial 6-DoF devices I collect, and love—SpaceOrb 360; SpaceBall 2003, 3003FLX, 4000FLX, 5000; Magellan Classic and Plus; and the SpaceBall Avenger. The hardware that tied it together became VectorBridge.</p>
<p>Today VectorBridge is just my way of keeping these odd, wonderful controllers alive. The Tuner lets me dial them in the way I could back then, and a small Mouse&Keyboard Feeder makes it easy to use them in modern games that don't have MS DirectInput support. It isn’t about nostalgia for its own sake; it’s about rediscovering a feel that still makes games more fun.</p>
<p>It’s also about stewardship. These devices were built to last; what they lacked was a modern bridge. If VectorBridge helps even a few SpaceOrbs, SpaceBalls, Magellans—and yes, Sphere 360s—avoid the e-waste pile and get back into people’s hands, that’s a win. If you’re new to 6-DoF, give one an honest hour: tune it until the motion feels natural, try the Feeder in a game you love, and see if you catch the same spark I found in 1996.</p>

        </div>
      </div>
    </section>

    <section class="py-10">
      <div class="max-w-6xl mx-auto px-4">
        <div class="p-6 md:p-8 text-white rounded-2xl sb grid md:grid-cols-2 gap-6 items-center" style="background:var(--vb-space)">
          <div>
            <h3 class="text-2xl font-bold">Ready to revive a classic?</h3>
            <p class="mt-2 opacity-90">Use your SpaceOrb, SpaceBall, Magellan—or Sphere 360—with modern Windows.</p>
          </div>
          <div class="md:text-right">
            <a class="inline-flex items-center justify-center px-5 py-3 rounded-2xl bg-white text-[color:var(--vb-space)] hover:bg-slate-100" href="https://www.etsy.com/shop/CosmicLayersStore" target="_blank" rel="noopener">Get VectorBridge</a>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="py-8 border-t border-slate-200">
    <div class="max-w-6xl mx-auto px-4 text-sm text-slate-500 flex items-center justify-between">
      <div>© <span id="y"></span> VectorBridge • A Cosmic Layers project</div>
      <div class="flex items-center gap-4">
        <a class="hover:underline" href="https://www.etsy.com/shop/CosmicLayersStore" target="_blank" rel="noopener">Etsy</a>
        <a class="hover:underline" href="https://youtube.com/@CosmicLayers" target="_blank" rel="noopener">YouTube</a>
      </div>
    </div>
  </footer>

  <script>document.getElementById('y').textContent = new Date().getFullYear();</script>

<script>
  (function () {
    var btn = document.getElementById('menuBtn');
    var menu = document.getElementById('mobileNav');
    if (!btn || !menu) return;
    btn.addEventListener('click', function(){
      var isHidden = menu.classList.contains('hidden');
      menu.classList.toggle('hidden');
      btn.setAttribute('aria-expanded', String(isHidden));
    });
    menu.querySelectorAll('a').forEach(function(a){
      a.addEventListener('click', function(){
        if (!menu.classList.contains('hidden')) {
          menu.classList.add('hidden');
          btn.setAttribute('aria-expanded', 'false');
        }
      });
    });
  })();
</script>

</body>
</html>