initializing parameters
STARFIELD 47 Info + Update Logs
created by meWho
Inspired by Star Trek's Viewscreen, this web app was created to provide some interesting 3D visuals of warp-speed (lightspeed, FTL) traveling right in a modern browser without any additional plugins. Many aspects of the scene and LCARS UI are generated dynamically & randomly. So the overall animation is always different. The powerful Babylon.js framework was utilized in this app. Best to experience STARFIELD 47 on a not-too-old desktop in fullscreen mode using Google Chrome browser. Hope you will enjoy it :-)

If you'd like to support this app, please consider buying me a Ko-Fi at www.ko-fi.com/system47/
Feel free to email me or leave a message on my YouTube channel or Twitter Thanks!! 

AUTO NAV The Auto Navigation system is enabled by default. It's accessible from the top right section of the viewscreen or from the Control Panel. When enabled, the Auto Nav mode will be engaged after idling for ~24 seconds. Clicking on the word "IDLE" or pressing the "G" key will engage the system right way. Clicking on any part of the viewscreen will automatically disengage it. When the Auto Nav mode is "locked", the system will engage immediately. And most of the user interface will be disabled or faded. Accidental screen clicks will not disengage it. The Auto Nav system can also be disabled completely.

Main Control Panel
NAV. This button will engage or disengage the navigational system.

WARP SPEED BAR STOP Use these buttons to adjust the warp speed factor.

VECTOR Changes the heading (or view point) between the center origin & a random location.

OPS. Activates the Spatial Grid Analysis Scan. A double tap will alter the scan direction.

REF. MK STARS Reveals the Reference Markers or the Stars Markers. *When traveling in high warp, the Star Markers will likely get turned off automatically.

FILTER Enables the Subspace Emission filter. A double tap will enable the viewscreen's lens distortion filter (lens blur & vignette).

R&D Starts up the Short Range Sensor Array. When traveling in high warp, a double tap will "freeze" the star light trails.

FULLSCREEN Toggles the fullscreen mode -- not available on some mobile devices.

SETTINGS Brings up the app's settings. Settings will be stored locally & auto applied on your future visits.

Mini LCARS Display Windows Each mini LCARS display has 3 functional buttons on the left side of its frame. When the buttons are single or double clicked, they can: update the graph, change the color scheme, and minimize/close the display. To reset the graph, click on the display's text title.
      Each display can be moved around, resized or minimized to the main Control Panel's LCARS Display area. Long press on the display to activate the "free positioning" of that LCARS display.
      From the main Control Panel, a new mini LCARS Display can be created until the max number of displays is reached. All mini LCARS displays can also be minimized or closed at the same time via buttons from the main Control Panel.
      Glowing effect of mini LCARS displays is only activated when the user setting "Graphics Intensity Level" is set to HIGH.
Additional graphs & features will be added in future updates.

System47 YouTube Display This display is located at the lower left corner of the screen. It is minimized by default. When this display is activated, data bandwidth WILL BE actively consumed to stream a System47 video from YouTube. **AdBlockers could prevent this YouTube Display from loading properly. Please adjust your AdBlocker settings accordingly if necessary.

Direct URLs for "Auto Nav Locked" mode

* User interface will be disabled in "AutoNavLocked" mode.
Ideal when used as an animated desktop wallpaper with Lively Wallpaper (GitHub)


  • + − keys ... increases/decreases warp speed
  • 1, 2 ..., 9 keys ... jump to warp factor #
  • 0  `  Delete keys ... full stop
  • Escape key ... full stop & reset to center view
  • V key ... random/reset viewing direction [Vector]
  • O key ... toggles [Ops] spatial grid analysis; +Shift to alter direction
  • R key ... toggles [Ref.Mk] reference markers
  • T key ... toggles [Stars] star markers; +Shift to reveal links
  • F key ... toggles [Filter] subspace emission filter
  • P key ... toggles [R&D] short range sensor array
  • Ctrl+Shift+F keys ... toggles fullscreen mode
  • Arrow keys ... moving in angular directions
  • W A S D keys ... 2D moving/panning in space
  • Z X keys ... zooming in/out
  • N key ... enables/disables the Auto Nav system
  • G key ... engages/disengages Auto Nav immediately
  • L key ... locks/unlocks Auto Nav (lock = limited user interface)
  • i key ... this info page
  • Ctrl+Shift+E keys ... ** toggles lens distortion effect - a bit more GPU intensive, could be sluggish on older machines



  • OPS. button: activates Spatial Grid Analysis Scan [nav brackets animation]
  • FILTER button: single-click turns on a random Subspace Emission Filter [color filter]; double-click toggles the lens distortion effect
  • double clicking on Control Panel's command button to minimize/restore the whole panel without transitioning animation (the COMMAND button is the box next to the text "STARFIELD 47")
  • R&D button: more randomized effects
  • STARS button: double-click to toggle the new star marker links
  • added & changed some keyboard shortcuts
  • fixed to reduce browser dark mode conflicts (thanks LV!)
  • Misc bug fixes & app improvements


  • 24-hour clock option added to the settings
  • control panel blur effect when it's dimmed. Not applicable when graphics intensity level is set to "low"
  • adjusted the area where a mini LCARS display can be positioned to. *To place a mini LCARS Display to any position, turn on the "free positioning" first by long-pressing on the display.
  • user setting of the System47 YouTube Player caused the app to freeze in some cases
  • Misc bug fixes & app improvements


  • Control Panel UI big overhaul
  • light bar at the bottom of the viewscreen
  • viewscreen styles for R&D & filter commands
  • base font size
  • Misc bug fixes & app improvements


  • mini LCARS Displays!... contains a few hidden button functions :-) scroll up a bit to read about its features
  • Misc bug fixes & app improvements


  • clock display added
  • App Settings allow fine-tuning several aspects of the overall experience


  • fullscreen option on loading screen
  • dynamically loading of YouTube API for SYSTEM 47 video display
  • star markers were visible in high warp when auto nav was engaged


  • nebula dust added
  • SYSTEM 47 YouTube video display added -- **consumes network bandwidth while the YouTube video is playing
  • refinement on Star Markers
  • keyboard shortcuts E & F now require additional Ctrl+Shift keys
  • Misc bug fixes; app & UI improvements


  • "star markers" added as a part of the reference markers -- can be activated by double-clicking the R.M. button, or by tapping the T key
  • more random styles for reference markers
  • idle animation countdown in Auto Nav UI (a tiny dot)
  • rotation of distant background added
  • warp speed travel distance recalibrated with an exponential curve
  • Auto Nav speed -- now less frequently to jump into high warps
  • updated algorithm for the frequency graph
  • UI refresh issues
  • reference marker was not completely cleared
  • unnecessary over spinning of the view point when the spin angle is greater 180°
  • EXPERIMENTAL: lens effect added -- a bit more GPU intensive, could be sluggish on older machines -- the effect can be activated by a double tapping on E key, or by double clicking on the "Revision Date" at lower-right corner of the screen


  • alert notification system added -- clicking on a note will dismiss it immediately. Two manual dismissals will disable the notification system.
  • frequency graph added to the lower right screen -- frequency animation is influenced by current warp speed
  • additional keyboard controls
  • big update on Auto Nav's interface & process. It can now be disabled or locked manually
  • warp speed acceleration/deceleration time duration lengthened
  • mouse & keyboard inputs made less sensitive
  • occasional jerky animations during view point changing
  • Misc bug fixes & app improvements


  • "Auto Nav Locked" mode added
  • This "Info Update Logs" added
  • nebula animation improvement


  • incorrect screen resizing & buttons layout when viewed on mobile. For best experience, please view it on a desktop :-)


  • STARFIELD 47 released to public!


  • UI elements inspired by Star Trek's LCARS/Okudagram, originally created by Michael Okuda!
  • This app utilizes Babylon.js, an open-source Web 3D Engine
  • D3.js open-source library used to manipulate random graphical data in mini LCARS displays
  • Distant starfield background photos from NASA Images
Graphics Intensity Level  // takes effect on future reloads * intensity = CPU/GPU workload
  • HIGH
  • LOW
Active Nebulas  // takes effect on future reloads * try [disabled] for slower computer
  • Active
Lens Filter Effect on Start  * takes up more CPU/GPU workload
  • Effect On
  • Effect Off
Auto Nav on Start  // takes effect on future reloads
  • Default/Idle
  • Engage on Start
  • Locked & Engaged
  • Disabled
Show LCARS Displays on Start // 2 displays on start, 1 if low gfx intensity
  • Show LCARS Displays
  • No LCARS Display on start
CLOCK Display
  • 12-hour Clock
  • 24-hour Clock
  • Hide Clock
System47 Youtube Display on Page Start  !! uses data bandwidth while playing
  • AutoLoad/Minimized
  • Load & Display
  • Hidden & Disabled
System47 Youtube Display Size
  • Large
  • Medium
  • Small
System47 Youtube Display Audio Status
  • Audio On
  • Audio Off
Show Live Frame Rate / Frames Per Second // best fps is at 60
  • Show FPS
  • No FPS
• Reset all settings to default values, then reload
  • Reset & Reload
0 0