I
launched this build to celebrate Halloween. Not because it is in any
way scary, but because it is dark.
Hey, that’s as far as I go with
Halloween. 😑
But I did add a twist for my planned live tour of 3 scenes. The story line for the experience would have a beginning, middle, and end. It was not just about visiting and looking around.
Scene 1: Start in Flynn’s Hideout. A wall is hiding the full city. I will
play the music because without Behavior Graphs at this time, I did not
know how to otherwise time the wall to descend at the same time as the
“Tron” aspect of the song arrives. I invited folks to look at the
fireplace for something to do.
Tron arrival view. Notice the “Tron City” is an image on the wall.
Scene 2: Explore Tron city (The
Grid). It’s really fun to turn your movement speed up to 2.0 and zoom
down the main entry road. I did it nearly every time I visited the
build while working on it.
Scene 3 (an actual other whole Hubs scene): I switched scenes once everyone was comfortable.
The center building was replaced with a “5th Element” style duck (IYKYK),
everything now purple monotone for Halloween, and eliminated Flynn’s Hideout. The sky
changed from black to a purple/orange gradient. Inadvertently, the navigation mesh which I only flirted with in Blender, worked.
The Bummer
Unfortunately,
no one who showed up for the Halloween event knew the Tron movies. So
all of my work adding in references and allusions was for naught at the time.
😔 Hopefully I’ll be able to show this build live to a real Tron fan someday!
The Video
Because
I knew I was launching this space on October 31 at ~3:00 p.m., I
prepared all of my social media in advance of the event to be able to submit it to the show-and-tell Hubs Discord channel for October.
Other inspirations
I would like to point out some other inspirations that I used because this build took me about 8 weeks.
The Tron font generator was brilliant! Another happy accident was getting the purple neon Hubs in Tron font work well in the Hubs space.
Combination neon from the Tron font generator with Hubs bloom.
I did not know that Disney was releasing Tron: Ares
but I did notice that Tron red clips started showing up in my YouTube
searches. Tron: Ares released on October 10, 2025 and did very
poorly. My build released on October 31, 2025 and was completely unrelated!! Cringe!
I did attempt some UV scrolling but in the end, I didn’t like the effect inside of the build; it was too flashy against all the black. The neon bloom was already enough.
Early
on, I collected a few Sleeping Beauty images because I’ve been
intrigued by the angular branches on the trees in the background. These
didn’t show up in the build but I’m keeping those ideas for the future.
I did not make a Recombinant. Thought about it, because it is very basic geometry (it makes the Solar Sailer look very complex). But decided not because in the Tron lore, it is sorta a bad guy.
Easter egg hidden: I made a back door and garage where the Light Cycle starts it’s straight line run across the city. The door does not open until the wall opens, but I figured that I could direct everyone to look towards the city and NOT see the door opening behind them at the same time. That way, that Easter egg would stay mostly hidden until I pointed it out.
Lessons Learned
Keep Blender source files for everything.
Keep a Project folder in my browser for images, fonts, music, anything.
Plan the experience – I liked my 3 scene narrative plot.
Make the social media early. It is stressful but it did work.
There are MANY fan art pieces for the Tron Light Cycle (Sketchfab Tron Light Cycle search results, ArtStation search results) showing many styles, emphasizing different elements. I did giggle at a model out there that used a human with bare feet. There is even a significant difference between the Light Cycles shown at Comic Con (green and blue) and in the Tron 2 movie (orange and blue). I picked the features that I wanted to for my 3D Light Cycle object which I made in blue and purple.
The Light Cycle was a two day build and I completely restarted it once. Relatively, this was a fast build but I had a lot of fun making it. It’s too bad that it does whiz past in the actual scene, but I know it’s cool. 😎
Light cycle version 1
In my first attempt, I started with the wheels which turned out pretty good. But I was primed by this video of a Light Cycle remake. But I didn’t like that core which was a mesh cylinder.
In my second attempt, I just used a mesh cube because that was easier to use loop cuts to get faces that I could pull the arms, legs, and head from. I did add in a mesh cylinder, however, for the light “engine”. I knew that it needed an added glowing tail, but I made the texture for the Solar Sailer and reused it for what Tron lore calls the Light Cycle Ghost Tail.
Light cycle, version 2Light Cycle, with glowing transparent tail (made in GIMP).
Similar but different
POST SCRIPT: This section added
I realized after I pressed Publish (the world’s greatest proofreader) that I had not fully explained what I meant by this build utilizing negative space. Also, I need to properly give credit for the light cycle animation, which goes to Hubs community member, Theanine. I did look at his Synthcity Blender file to find out how he animated his spaceships. I was wondering: did he use a generator of some kind or did he use animation. The answer was animation.
However, while I was there looking at his blend file, I realize that there was a some common “look” from his Synthcity build and my Tron build– both used glowing colors. However, I used a negative space idea and depended on my textures to carry the work and he actually HAS the heavy work in his build.
Here is an example. In Synthcity, windows are added planes that have their own glowing material shading. In Tron, any windows are created as a result of rectangular shapes in the texture. So I didn’t build windows into my buildings. I left my buildings (all of them) as plain shapes. But when I applied the texture, I saw how Blender applied the 2D texture to a 3D shape and with little editing, I went with the results. The straight lines and dashes on the textures became apparent as windows and road paint. So I didn’t bother with the details that Theanine had, but I got a very similar result! Synthcity is going for a video game city look and Tron is going for a city as circuit board look. But Theanine was gracious to comment favorably on my Tron build and that should make all artists happy.
In the Tron 2 movie (TRON: Legacy), it is implied that Sam and Quorra fall in love on the Solar Sailer– which I find a bit rich. 😕 But the scene of them on the Solar Sailer sailing into Tron city is beautiful and I wanted to replicate that.
I used Blender make the shape of the solar sailer (easy, one day). I made the sail texture in Blender as well, which turned into what I call a happy accident when I’m making my art. I made a cylinder, shaped as a six-sided hexagon, made glowing beveled edges, duplicated it, snuggled them up to each other to fill the camera view with a good scale. I did a bit of tweaking to try to make the texture seamless but alas, no one really notices it so far into the sky. But when I went to render a 2D image out of this 3D object set, you guessed it – completely black. I had not put ANY light into the scene so Blender was like “Nope, you get completely black as a result.” So I threw a “light” source haphazardly over the scene while saying something like “Give me SOMETHING lit” and Blender rendered the texture I show in the Inspiration image—it’s a lit just a bit of left-center. And I realized— YES! That’s how I see my Solar Sailer moving through the scene! It will float through on the right side of the city so it will be “lit” from the left.
What a cool, happy accident! I ran with that texture. It’s actually one of my proudest accomplishments because instead of a flat texture, I had a texture that meant something real inside the scene (and I simply changed the color for a purple equivalent Solar Sailer).
One Hubs note here: I thought about trying to put a waypoint on the Solar Sailer so that visitors could go up and sit on it (ride it?) just like the Inspiration image above. But I did remember that Hubs doesn’t do moving objects to ride on. Later, I asked a Hubs expert about it and he said that a visitor could go to the waypoint (utilize it) but then they’ll stay on one place in space as the object the waypoint is attached to moves on. Oh well, a future version of the software will accommodate moving waypoints, I’m sure.
My Tron Solar Sailer
Tron Avatar
No Tron avatar is complete without an identity disk so I attempted that first.
Sketchfab models in wireframe mode are very helpful for buildingMy Identity Disk in blue
I customized an already available orange and white “Spaceman” avatar from Hubs, created by Jim Conrad.
I changed the base texture using GIMP and removed the air supply hose. I added a Tron Identity Disk on the back
Work in progress: Adding my Identity Disk in BlenderTron avatar blueTron avatar purple
I made a blue avatar for all of my attendees by placing it up on my Hubs instance and taking all other avatars offline for guests via the Hubs Admin Panel. Then I made a purple avatar for me to wear as host (and it was a hint that a purple Grid was coming).
In Part 3, I’ll cover the big reveal as this build was not even leaked to the public before the opening day, Halloween 2025.
As promised, I’m starting blog posts about my Hubs/Blender builds. This will be a bit like stepping into a running stream as I’m over 2 years into my learning journey. I’m not that far in, still working primarily in modeling and I’ve done a little animation and I’m currently learning Grease Pencil (2D). Plus, I hope that some of my writing will help others.
What I do in Hubs and with Blender, for now, is pure art.
And that’s a good starting point for this blog because My Tron build, The Grid, was a really fun art study in negative space. In other words, this build had me work on what was not there just as much as what was there.
Tron
I don’t remember how me and YouTube started cross-pollinating on Tron. Truly, I’m not that into the movie (you will not believe that by the time this post is done because now, my Tron lore cup runneth over). It might have been this video, Sweet Dreams are Made of These, Epic Tron Version. I just find this song mesmerizing.
At some point, probably when searching out YouTube Blender tutorials, I ran across this video, Make Tron City in Blender, Real Time Render.
I watched this, it’s only 39 minutes and the creator is true to his word (mostly) that the build can be made in a short period of time. (There is little sped up footage.) That means a lot when evaluating a Blender tutorial. Many creators speed up time and give building ‘the hand wave’ approach. However, a close watch will show that this creator, Daniel Grove, made the Tron city three times as there are two different showcased cities (the center building changes) and then the one he builds as his how-to in real time.
Nonetheless, it looked very simple. I was intrigued to play with bloom. Making my own textures with Blender was something I had just learned to do. I started.
Textures
This video and I think perhaps one by Grant Abbitt on using Grease Pencil Drawing in Blender got me going with using the Drawing tools in Blender and practicing something relatively easy, straight lines. I input a few circles but most of the textures are straight lines with a few angles.
In my “lit review” of Tron art, angles are a cool element. They are not quite 45 degrees, but they play near there.
Inspiration images – note some of these are directly from the Tron movies/books but some are fan art.
So I had my first bunch of textures, these were all made in Blender. Note that they are white on black.
None of these show up in the final build
I got the rest of the buildings made (and conceived of my “Halloween twist”), put the textures on and ramped up the bloom. The tutorial has you build a Color Ramp to turn the white to blue. In Blender, it looked fabulous! Essentially, I’m done! No, I’m not. I make immersive art.
I put the build up into Hubs to get inside it for the first time.
Nothing. Blackness. But that’s because my build was unlit– as in completely unlit; no light source. I had to play with some HDRIs to get the lighting I wanted.
And, I had bloom off on my own browser. That’s the problem that you can partially see below. It’s not glowing.
Work in progress. Note that the blue color is working but nothing is glowing.
So starts the work of translating what is a great scene in Blender to work in the WebXR platform, Hubs. There are LOT more settings to be worked on. In total, lighting took me ~3 days, slowing tweaking each setting and using the Hubs Blender Add-On after every tweak to see if was working towards the effect I wanted. Plus I had to turn bloom on.
Problem
But of course, Hubs cannot understand the color ramp taught in the tutorial. So now I had to rebuild my entire set of textures in blue on black. Plus by now I know I want a set of purple on black for Halloween. I didn’t quite keep a set of Blender files for each texture, so I had t remake most of them from scratch. Bummer. That was another two days work. Plus I had to check for just the right “blue” (HEX 0DC2FF) and “purple” (HEX 7809A4) inside of Hubs. I would reference those 2 HEX codes frequently. In hindsight, the blue worked great. But the purple– even though I tried 3 different purples (a dark, a mid, and a light) was still too dark; it didn’t glow much in general. I’d pick a lighter purple if I did this again.
Notice how the purple just seems darker.
At this point I have one of the textures in blue (the road) but I’m still tweaking the bloom. Notice the white in most of the textures. The street lights are glowing from a blue material with emission, not a texture.
Only the blue is emissive at this point. I haven’t replaced all of the textures yet.
In addition to re-texturing, I was adding Flynn’s Hideout (aka apartment or safehouse) and heavily researching Tron lore to determine the purposes for things. I learned a LOT more about Tron that I ever wanted but it was cool to explore a world that was a computer simulation.
For example, there is a fireplace with a mantel in the hideout. I had to ask “what is fire in the Tron world?” and found that it appears to be blue transparent cubes (Tron Wiki, Flynn’s Safehouse, Trivia). Blue transparent cubes coming up! First, actually made in 3D in Blender. Then I picked a camera viewpoint and rendered one in 2D to be used with Hubs spawner. The result? Close enough. I’m still hesitant with transparency in Blender and Gimp. If I were to make these again, I would not have as many lines.
My Tron fire cube
Design Elements for Flynn’s Hideout
Should be spawn location
Can see Tron city (The Grid) from an outer deck
Includes water or meditation pool
Has angled black shiny walls (entire Tron world is black angled shiny rock)
There needs to be a book shelf in the back. Books appear to be significant in Tron lore. Books containing “text” might be the only part of the real world that computer programs can attempt to understand. The poorly done ‘do you know Jules Verne’ joke implies that programs struggle with fiction/nonfiction text.
No real food, but Flynn does eat. Note: humans are users. Users are self-powered in the Tron world. They are the only entity that is self-powered. That self-empowerment grants them somewhat of a god status in the Grid. It also allows Flynn to live separate, off the Grid, and beyond the reach of Clu.
There should be a bedroom to the side.
The fireplace has objects that seem to bemuse and simultaneously confuse Clu. I recreated this scene in my video. #CluDoesNotGetTchotchkes
Work in progress: Blender screen showing that the basic city is only 3 cubes
This series of images shows what I mean by “the textures carry the weight” and the use of negative space is compelling. The textures add what could be windows, doors, or programming through the scene. On the “roads” the textures give a sense of movement. It’s wild that all that busy city is from a few cubes, with the Mirror Modifier and some linear textures.
Tron City Elements
Apparently, it’s always dark and stormy in the Grid. Technically, it can rain and the Grid is rather proud that it can simulate rain. I did not make rain. I added some blue-tinted clouds that float across the scene via my animation. The black rock everywhere is shiny. Perhaps it is a break in the rain.
It’s always stormy in the Grid
I became much more comfortable with the Mirror Modifier in Blender in this build because the tutorial has you create the city with one mirror (i.e. X axis) but I simply added the other horizontal mirror (i.e. Y axis) for things like the roads and you quickly get a much larger symmetrical city!
The city is NOT fully symmetrical. I created some extra buildings that I manually placed into the scene.
By Nehrams2020, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=6637555
My purple socket set with a neon Hubs sign
I chose not to make the Games stadium. It’s already a big build and I didn’t need another building complex for my story line.
I thought about having the Solar Sailer arrive at some sort of tethered location at an antennae. I built the building for it to arrive at (per the Tron plot). But I decided that I liked the look of it just sailing through and past better.
About that center power beam
The tutorial doesn’t care how high the beam goes up as you just get it going up out of the animation render camera shot. But since my city is immersive, I had to think about how high of a beam I wanted. The beam IS part of Tron lore and it represents communicating back with reality so I thought it should go up forever! I really thought I had a perfect application for Fading Assets Gracefully with Vertex Alpha. But with Blender 4.0 (or some version near there), alpha has changed and changed how it is done. Thus, I’m lost and could NOT get it to work. I’m sure the problem is with me and I just need to adjust to the new system, but still I’m floundering.
Still, a mantra that I keep repeating did work: There is more than one way to do things in Blender.
So I tried Hubs black fog instead. Plus, since I already knew by that time that that beam was about 500m from the spawn point, if I set the fog to 500m it should just about perfectly hide the beam until a visitor goes out to the cliff edge.
View of Tron city after just stepping outside of the HideoutView of Tron City further out on the cliff edgeWIP image: Note the elements: the cushion, the water pool, the bedroom, and the far off city.
By The Numbers
The final build of Tron City with Flynn’s Hideout: ~18MB. I’m very sure most of that were my textures. But all things considered, that’s a tiny number for a build 1 kilometer in size.
Mozilla Hubs put out their social media this week for the article I wrote “Bringing Learners into the Immersive Web: How to Begin” where I described the new user orientation space built by NYU Langone Medical School.
It was a great example of helping users get started on the basics of entering and moving in WebXR. Their users were in VR headsets but the instructions also apply to WebXR users for the most part.
The first draft of the article, however, had another focus that doesn’t show up in the final version: the tour that Greg and Kristen took us on and how that tour fit into the Friday Community Meetups hosted by Mozilla Hubs. Matt Cool and I decided that that focus could go into another future article.
Looking back on the article now since it’s been a couple of weeks since the experience and writing the article, I find the topic very dry.
I’ve engaged in a short conversation – that I’m writing up – about the use of virtual reality offices and what those will be in the future. A Facebook community member bemoaned that Meta showed work meetings happening in work meeting offices.
She wanted meetings to be held in volcanoes– which brings up a regular decry when something in VR looks new– there will be those who say it’s NOT cool enough. So I went on to explain to her that starting in VR in known spaces like rooms with floors, ceilings, doors, and windows is, IMO, a better idea as it keeps apprehensive (or READ BUSINESS) users comfortable. With the ‘replication of reality’ of those spaces, users just behave better, then tend to NOT walk into walls, etc. Believe me, that is very important – proper real world behaviors are expected in virtual reality- because trying to go back in time and remind men that they should not speak openly and derogatorily about women’s avatar bodies is a really hard Pandora’s box to close.
Then this week, Ford Motor Company just opened their IMG DEI Museum in FrameVR and I took a quick tour. Here are some photos from the space:
Video of the first few seconds being in the Ford IMG DEI space (no sound, 25 seconds)
Right off the bat, I liked how they were taking care of what could be first-time-ever XR users.
They had VERY simple instructions:
1. Click this link.
2. An image of the buttons and mouse to use.
3. A first-person (first-avatar) point of view video of what looking at and entering the Museum looked like, including the ‘floating feeling’ of movement.
*Note: there is NO acknowledgement or use of avatars in this experience. So it’s a great example of #MetaverseWithNoAvatars. You don’t (and can’t) look down at your avatar body.
So two different WebXR experiences with two different orientations or Getting Started experiences.
Technically, I prefer the video approach from Ford over the how-to from NYU. Even though NYU did have this very cute Alice in Wonderland-style of instructions that SHOULD be emulated, (Click me, Watch me),
the show ’em what you’ll show ’em style of a quick video (it was 21seconds and could have been shorter!) of Ford’s experience nails the quick intro experience WHILE still taking advantage of the XR space. (READ: YOU SEE AND THEN YOU DO, there are no other choices.)
It was nice to compare 2 entry experiences so closely together in time. I’m reminded of a recent quote:
The topic has come up again. I guess I should start being happy that it’s coming up again and again. The topic is accessibility versus XR as instructional designers see it. The throw-down response of some instructional designers is “XR is not accessible” and they discard it as real learning option for the future.
So I gathered 7 examples (current as of August 2022) of organizations and people working FOR accessibility and I posted them. I’m re-sharing them here.
This is quick in – out, giving IDs examples they can quote that XR is gaining ground on accessibility.
I hold to my premise:
In general, people care and they want MORE people to enjoy XR versus less.
WebXR in general is good for smartphone access which can help with
internet access and speed accessibility problems too.
I recently
attended a conference session with examples of how low access continents
like Africa are racing ahead with WebXR. https://youtu.be/le1WHqtiBzM?t=7164)
XRAccess is another organization that is heavily working on standards https://xraccess.org/
– these will show up for IDs as *defaults* when we work with platforms
in the future (READ: default closed captioning, default bubble spaces,
default no flying, etc.)
I’m gearing up to talk more about Virtuleap, VR for cognitive exercise & monitoring, on my social media channels. https://virtuleap.com/
Vision
There are even efforts to use VR to combat the negative effects of VR (READ: vertigo.) https://youtu.be/E6jFqqy0wes
But
if you explore nothing else from an ID perspective the first 1:30 of
this video shows that accessibility is gaining ground…https://youtu.be/rvsZ1ssyom8
This article is not meant to be exhausting and lord knows I love the
research teams out there working on these topics. Hey neurodiversity & medical XR research teams, I see you!! They are doing SO
MUCH.
Don’t count XR out when it comes to accessibility. Not by a long shot.
