System47 meWho•Rob
System47 • 1-Hour Loop in 4K [from ver. 2.5.01]
updated
📘 This 1-hour video was captured from the MAP module on my Titan.DS (Titan Display System) interactive website. This module debuted on June. 18, 2025. And a short demo video on this module is available here: youtu.be/mvQPTSMvbIY
* The Region View design was based on the star chart created for ST: Picard by Andrew Jarvis.
* The Galactic View: Source of the Milky Way Galaxy illustration: By NASA at science.nasa.gov/universe/galaxies
👉 This video's playback quality is available up to 4K resolution.
➡️ More modules & #lcars elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
Here is a quick demo to my latest project, TURBOLIFT 1. It's a recreation of a beautiful display panel from the turbolifts in Star Trek: Picard. Kudos to the show's art department for creating such an elegant design. I found it so compelling that I wanted to recreate it as a semi-static display. My vision is for it to run on a large, ultra-wide screen, hung on a wall like a piece of digital art.🙂
The original LCARS layout was composed by Star Trek designer Andrew Jarvis (https://ion.studio) who created the new LCARS style for the Picard series. The "circuits" overlay comes from another display on the show. According to source, the "circuits layout" is credited to the legendary Geoffrey Mandel (geoffreymandel.com), who has contributed so much to the look and feel of Star Trek over the years.
More info on TURBOLIFT 1 in my project log: mewho.com/logs/#t2025.09.03a
🤗Big shout out to all my Patreon & KoFi supporters - Thanks!!
I hope you enjoy this project.🖖
Cheers ~ made with 💙 by meWho • Rob ~
::: for HD screenshots, scroll down for links to my Google Photos & Flickr albums
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
A longer walk-through demo video will be uploaded soon. Cheers~🖖
* Source of the Milky Way Galaxy illustration: By NASA at science.nasa.gov/universe/galaxies
🟠 Titan.DS interactive website mewho.com/titan
::: for HD screenshots, scroll down for links to my Google Photos & Flickr albums
🤗Thanks to my Patreon & Ko-Fi members for your continued support. I truly appreciate it! Happy thoughts to you all🖖
➡️ More modules & #LCARS elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
🎨 Design Reference: Star Trek: Picard TV show & Mike Okuda's TNG Technical Manual.
➡️ Happy Star Wars Day😉
[devLog] This Galaxy object will be included in the final MAP module of Titan.DS. Image source of this Milky Way galaxy illustration is from NASA/JPL-Caltech: science.nasa.gov/universe/galaxies
I 3D-ized it a little bit. The central Star Trek setting represents only a relatively small area when compared to the immense size of the Milky Way. A galaxy is really huge! And this is only a tiny portion of the entire universe~ 🤔
May the force be with you 🖖
🟠 Titan.DS interactive website mewho.com/titan
👉 This video's playback quality is available up to 4K resolution.
➡️ More modules & #LCARS elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📝 Log entry on this update mewho.com/logs/?t2025.03.28a
📘 One of my goals for Titan.DS has been to find ways to keep it visually engaging, even when you're not actively interacting with it. It's taken a while to get here because Titan.DS's codebase has grown significantly over the last two years. I've spent the past several months reorganizing and scaling the app's internal logic. This made it easier to develop the algorithm for Auto Mode's controlled randomness, and I'm pretty excited to finally release it! This feature has been requested by several fans, with the first request dating back quite a while❤️ If you've used Auto Mode in my other projects: STARFIELD 47 & Project RITOS, you'll feel right at home🙂
🟠 Titan.DS interactive website mewho.com/titan
::: for HD screenshots, scroll down for links to my Google Photos & Flickr albums
➡️ What is Auto Mode?
Following a period of inactivity (Idle state), Titan.DS's Auto Mode transitions to the Active state and begins a series of subtle, randomized, autonomous animations:
• Random tasks within the current module
• Periodically switching to a different module
• Occasional Red Alerts...
The Auto Mode will revert back to its idle state upon any user interaction, such as clicking or keyboard interaction. Think of Auto Mode as a simulated user, continuously interacting with the interface. And it's almost like a screensaver when in fullscreen mode!
➡️ Customizing the Auto Mode System
Auto Mode is enabled by default. It can be disabled completely. The new Auto Mode Settings page lets you adjust several parameters:
• Idle/Inactivity Duration Before Auto Mode activates (default: 2 min)
• Activity Level: Frequency of random animations
• Customize Active Modules: Choose modules for random selection
• Option to mute Red Alert during Auto Mode
• Option to disable Grayscale filter during Auto Mode
🤗Thanks to my Patreon & Ko-Fi members for your continued support. I truly appreciate it! Happy thoughts to you all🖖
➡️ More modules & #LCARS elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 This 1-hour video was captured from the Warp Drive module on my Titan.DS (Titan Display System) interactive website. This module debuted on Nov. 18, 2024. And a "User Manual / Demo" video on its interactivity is available here: youtu.be/5q07SS3wi9E
Design of this Warp Drive module was roughly based on several LCARS elements seen on the bridge of the starship U.S.S. Titan-A from ST: Picard. Kudos to Mike Okuda, Andrew Jarvis & the art/design crew from the show.
👉 This video's playback quality is available up to 4K resolution.
➡️ More modules & #lcars elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📝 Log entry on this update mewho.com/logs/?t2024.11.18a
📘 After 3+ months of planning, asset making & coding, I am so stoked to share this module with everyone! Big shout-out to the art/design crew from ST: Picard, I replicated and mimicked many elements from various cool displays seen on the show. And thanks to Mike Okuda, several components & technobabble could be easily referenced from his enchanting book, ST:TNG Technical Manual (wikiLink: en.wikipedia.org/wiki/Star_Trek:_The_Next_Generation_Technical_Manual). Also thanks to Andrew Jarvis (https://ion.studio), I wouldn't have made the Tracer mode without your kind suggestion🙂
🟠 Titan.DS interactive website mewho.com/titan
::: for HD screenshots, scroll down for links to my Google Photos & Flickr albums
This module comes with 3 display variants:
• Display A -- Matter/Antimatter Reactant Injectors
• Display B -- Warp Core & Coils with optional Subspace Warp Field
• Display B with Tracer Mode -- Auto walkthrough of the entire warp propulsion system
A quick note on the fuel/plasma animation speed, it can be changed by altering the "reactant intermix ratio." First, locate the intermix ratio numbers -- it sits at 22:1 in the default condition. (Technobabble: it means 22 parts of matter reactant with 1 part of antimatter reactant) Then tap on the nearby plus/minus signs to change the reaction (animation) speed. The speed increases when the ratio gets closer to 1:1. Both Display A & Display B will be synchronized to the new speed. Tap the ratio number to reset it back to 22:1. For more technobabble explanation on the intermix ratio, please see pages 61-62 in 📕ST:TNG Technical Manual.
Here is the updated User Manual (infographic) for Titan.DS on its interactivity.
mewho.com/titan/infographic.html
😅It's been exhausting but fun to make this module. Let me know what you think in the comments, on my Patreon page, on my Discord server, or on my Bluesky page. A next module won't be released until 2025. Though before the year ends, and if time allows, I'd still like to modify the internals of the Titan.DS a bit so that it can be packaged up as an Offline Desktop app, also as a wallpaper for Wallpaper Engine on Steam. Fingers crossed for the new experiments.
🤗Thanks to my Patreon & Ko-Fi members for your continued support. I truly appreciate it! Happy thoughts to you all🖖
👉 This video's playback quality is available up to 4K resolution.
➡️ More modules & #LCARS elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
🎨 Design Reference: Star Trek: Picard TV show & Mike Okuda's TNG Technical Manual.
➡️ Previewing the Matter/Antimatter Injectors and Warp Coils, part of the upcoming Warp Drive module on my Titan.DS interactive website. SVG line art elements were created in Figma, then animated via CSS & Javascript. The new module is scheduled to be released later this month (2024 November). Cheers🖖💛
🟠 Titan.DS interactive website mewho.com/titan
👉 This video's playback quality is available up to 4K resolution.
🔅 An additional "glow" effect was added to this video in the post with video-editing software.
➡️ More modules & #LCARS elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
Making some #LCARS for the next Warp Drive module in my Titan.DS project.
🟠 Titan.DS interactive website mewho.com/titan
Cheers 💙 by meWho • Rob ~
🧡🧡🧡🧡🧡🧡🧡
If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino), or YouTube's Super Thanks donation on any of my videos. Thanks!
Subscribing to this channel will also help too . Thx :-)
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
_________________________
🟠 Titan.DS mewho.com/titan
🟡 Project RITOS mewho.com/ritos
🔵 Trek Countdown mewho.com/trek
✨STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
🐦 Twitter twitter.com/meWho_System47
🟪 Mastodon https://mastodon.social/@mewho
🟦 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🚹 Facebook facebook.com/profile.php?id=100090524439253
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
_________________________
#webdevelopment #LCARS #startrek
Making some #LCARS for the next Warp Drive module in my Titan.DS project.
🟠 Titan.DS interactive website mewho.com/titan
Cheers 💙 by meWho • Rob ~
🧡🧡🧡🧡🧡🧡🧡
If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino), or YouTube's Super Thanks donation on any of my videos. Thanks!
Subscribing to this channel will also help too . Thx :-)
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
_________________________
🟠 Titan.DS mewho.com/titan
🟡 Project RITOS mewho.com/ritos
🔵 Trek Countdown mewho.com/trek
✨STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
🐦 Twitter twitter.com/meWho_System47
🟪 Mastodon https://mastodon.social/@mewho
🟦 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🚹 Facebook facebook.com/profile.php?id=100090524439253
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
_________________________
#webdevelopment #LCARS #startrek
📘 This 8-hour video was captured from STARFIELD 47 website while running in AutoNav Mode most of the time. At the time of recording, STARFIELD 47's build version was 2024.SEPT.16. This video's playback quality is available up to 2K resolution. Enjoy~ Feel free to leave a message right here on YouTube 🙂
✨ STARFIELD 47 interactive website mewho.com/starfield47
👉 best when viewed using a modern browser on desktop in fullscreen mode
~ made with ❤️ mewho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#StarTrek #LCARS
📘 PROTOSTAR.NX interactive website at: mewho.com/protostar
[ NEW Project ] :: This blueish LCARS stands unique in its slight difference from the traditional Trek interface. It is based on the fictional UI seen on the starship U.S.S. Protostar in Star Trek: Prodigy.
I learned a few tricks while making this project -- mostly related to the animated charts. It's all fun and challenging trying to find browser-efficient methods of animating those chart lines. I will try applying them to my Titan.DS project. Oh, I've also changed a few elements from the original design to make this interactive site slightly more user-friendly for the 21st century😉
UI referenced directly from the show (now on Netflix), and from the demo videos by the awesome folks at Territory Studio! Also thanks, MikeJF. on twitter, for your detailed analysis of Protostar's MSD!
Currently there are three modules on Protostar.NX - Ship Plan View, Ship MSD, and Sector Scan. And I do have an idea for another one. I will start working on it when I get some down time and motivation🙂
Go Fast... Cheers~🖖
made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#LCARS #StarTrekProdigy #startrek #webDev #webdevelopment
📘 As the TV series "ST: Discovery" coming to a close, here I present you my latest module addition, NCC-1031, to the Titan.DS website. The toggle for this new module can be found on the right side of the main display, sitting below the NCC-1701-G module button. By default, the Spore Drive gets activated every 47 seconds. You can disable this loop by toggling off the "INTRO.LOOP" button. The random color change that accompanies each loop can also be disabled by toggling off the "RND.COLOR" button.
Clickable ship areas:
• BRIDGE: activates the spore drive
• SECONDARY HULL: cycles through all color styles for the ship
• NACELLE: toggles ship display orientation
Let me know what you think about this module on my social media channels🖖
👉 This video's playback quality is available up to 4K resolution.
🔅 An additional "glow" effect was added to this video in the post with video-editing software.
➡️ More modules & #LCARS elements will be added to Titan.DS website in the future.
🟠 Titan.DS interactive website mewho.com/titan
::: for HD screenshots, scroll down for my Google Photos & Flickr links
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
The text in this LCARS is randomized. It showcases location and coordinate details from a selection of 20 observatories. Several of these locations are well-known to Star Trek fans, such as the Griffith Observatory in Los Angeles, which was prominently featured in the "Future's End" episode of Star Trek: Voyager.
This module is now live on Titan.DS website at:
mewho.com/titan
#APOD #NASA
📘 APOD STARDATE viewable at: mewho.com/apod
APOD STARDATE is my interpretation of a webapp featuring minimal Star Trek LCARS UI, displaying astronomical image/text content from the NASA APOD website (Astronomy Picture of the Day). It includes voice narration, audio visualizer, and sound effects. The UI is interactive and responsive for various screen resolutions. Given the stunning visuals of many APOD images, this webapp is optimally developed for a desktop experience.
APOD STARDATE offers several visual effects to enhance the space sci-fi experience. Most of these features are deactivated by default. A set of keyboard shortcuts are included for faster interaction with the content & UI interface. Additionally, some URL parameters are available for customizing the initial startup configuration. See this User Manual for further details.
➡️ APOD Stardate User Manual:
mewho.com/apod/Apod_Stardate_User_Manual.png
If you're in the mood for a "busier" LCARS look and feel, I've also integrated APOD STARDATE as a module into my other project, Titan.DS.
mewho.com/titan
* Images & text content used on APOD STARDATE are obtained via NASA's Astronomy Picture of the Day (APOD) API. The content is the property of NASA and is used with permission. Entries with videos or copyrighted images have been excluded from this webapp.
* The dot-matrix 3d animation in this webapp was inspired by Data's positronic brain animation from Star Trek: Picard Season 3's end-credits sequence. This web animation effect was created using the Three.js 3D library and is based on a buffergeometry drawrange example developed by Fernando Serrano: threejs.org/examples/webgl_buffergeometry_drawrange
I've been spending small chunks of my time here and there to developing this project, experimenting with visual effects and testing code since August 2023. I am excited to share it with you now! I hope you will find it both enjoyable and educational in your exploration of astronomy.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#LCARS #APOD #startrek #webDev #webdevelopment
📘 February 6, 2024 ** Project E.D.E. page is complete, viewable at mewho.com/ede
📘 January 23, 2024 ** A recreation of a static LCARS display of the ENTERPRISE-D from ST:TNG episode “Emergence” S7x23, originally designed beautifully by Mike Okuda*. I chose to keep the simplicity of the display and only made a few changes, adding minimal animations and basic interactivity. I will post the URL of this page here when it's complete. This is a relatively small project. Once completed, I don't plan on updating or expanding it.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#LCARS #startrek #webdevelopment
📘 For making animated LCARS (Okudagram) webpages, I typically use Figma for creating the elements, then output the SVG vector graphics so that I can further manipulate them via Javascript & CSS. This video is a quick demo on creating a simple #LCARS box using the Figma app (free starter plan). *NOT sponsored by Figma.
Feel free to drop a comment if you like this kind of content. If there's enough interest, I'll create more videos. Or "like" the video, that will do too😊
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
🎄❄️ 8 holiday jingles + Data's Life Forms
This 1-hour video was captured from the DNA module on my Titan.DS (Titan Display System) interactive website mewho.com/titan/. This module debuted in April 2023. And the music jingles & ❄️ snowflakes effect were added in a December 2023 update. See here: youtu.be/9W5nojyCUHc
This DNA module design layout was inspired by the end credits sequence from ST:Picard S3. Kudos to the show's art designers on these pretty DNA designs! ➡️ Mike Okuda, Andrew Jarvis, ... (plus a few more -- apologies that I don't have the names)
👉 This video's playback quality is available up to 4K resolution.
🔅 An additional "glow" effect was added to this video in the post with video-editing software.
➡️ More modules & #lcars elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
🎄This Titan.DS holiday update idea came at the last minute. Initially, I was attempting to fix the existing sound effect on the ten 3D DNA Pairs so that they would match a musical note scale. Previously, I had the audio pitch (PlaybackRate) change on a linear scale via Javascript. After some R&D, I adjusted it to a logarithmic scale. And that worked! Then, one thing led another, and I added a holiday musical section to the DNA module! I might have learned more about musical notation during this update than I'll ever need😂 Oh, one of the music clips is my very poor imitation of Data's Life Forms song from the Star Trek: Generations movie😬 See if you recognize it.
🟠 Titan.DS interactive website mewho.com/titan
❄️ Snowflakes Efx has also been added. It's inactive by default. This snowflake effect option is only available in December. It will be completely turned off after January 3rd. Surprising the green color from the Borg Scan mode makes this whole DNA screen even more festive! 🧡 Happy Holidays~
👉 Btw, this DNA module was added to Titan.DS back in April 2023 -- inspired by the end credits sequence from ST:Picard S3. Kudos to the show's art designers on these pretty DNA designs! ➡️ Mike Okuda, Andrew Jarvis, ... (plus a few more -- apologies that I don't have the names)
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 This 1-hour video was captured from the Spacedock module on my Titan.DS (Titan Display System) interactive website -- mewho.com/titan/. This module debuted on Sept. 19, 2023. And a "User Manual / Demo" video on its interactivity is available here: youtu.be/hTeR4GS2pNU
This Spacedock (Sol Station 398392/ aka Probert Station) is based on a short LCARS video clip shared by ST: Picard's FUI (fictional UI) designer Andrew Jarvis (https://ion.studio).
And that clip could be briefly spotted in season 3. I made a few changes and added several interactive animations so that it could be integrated with the Titan.DS website smoothly.
👉 This video's playback quality is available up to 4K resolution.
🔅 An additional "glow" effect was added to this video in the post with video-editing software.
➡️ More modules & #lcars elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 Here is a busy looking Enterprise-G module -- Plus a mini memory game & a 🎃color mode. Drawing inspiration from the rich source materials of ST: Picard, I've remixed & incorporated various UI elements from season 3 into this module. A big shout-out to Jeremy M for sharing some set photos he took; they've been a big help for referencing🧡 Additional reference photos publicly & generously tweeted by Dave Blass and Bill Krause were utilized. Mr. Krause is the designer of the Constitution III Titan!
⚠️ Designed with a focus on 4k displays, this particular module may present smaller elements & text as slightly fuzzy or blurry on an HD (1080p) display😬
👉 This video's playback quality is available up to 4K resolution.
🔅 An additional "glow" effect was added to this video in the post with video-editing software.
🟠 Titan.DS interactive website mewho.com/titan
➡️ More modules & #LCARS elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 This 1-hour video was captured from the Enterprise-G module on my Titan.DS (Titan Display System) interactive website (build version 2023.OCT.31) mewho.com/titan/. Drawing inspiration from the rich source materials of ST: Picard, I've remixed & incorporated various UI elements from season 3 into this module. A big shout-out to Jeremy M for sharing some set photos he took; they've been a big help for referencing🧡 Additional reference photos publicly & generously tweeted by Dave Blass and Bill Krause were utilized. Mr. Krause is the designer of the Constitution III Titan!
⚠️ Designed with a focus on 4k displays, this particular module may present smaller elements & text as slightly fuzzy or blurry on an HD (1080p) display😬
👉 This video's playback quality is available up to 4K resolution.
🔅 An additional "glow" effect was added to this video in the post with video-editing software.
➡️ More modules & #lcars elements will be added to Titan.DS website in the future.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #StarTrekPicad
📘 This Spacedock (Sol Station 398392/ aka Probert Station) is based on a short LCARS video clip shared by ST: Picard's FUI (fictional UI) designer Andrew Jarvis on Twitter.
➡️https://x.com/ajarvis_art/status/1650942889424216064
And that clip could be briefly spotted in season 3. I made a few changes and added several interactive animations so that it could be integrated smoothly on the Titan.DS website mewho.com/titan
A kind warning: I used a combination of SVG animation & CSS 3D transform to create the overall effect. It could be a bit heavy when running on a underpowered machine, resulting sluggish performance. And somehow Firefox crashes frequently when displaying this module, at least on my machine 🤷 ¯\_(ツ)_/¯ **I will make a recording of this module and share it on my YouTube channel soon, so that everyone could enjoy this Spacedock animation without needing a fast computer.
Anyhoo, besides being an interactive module, I've also repurposed those spinning mini LCARS to list out names of my project supporters on the Patreon & Ko-Fi platforms, as my special way of making shoutouts😉
🧡 YOUR CONTINUED SUPPORT IS MOST APPRECIATED! The names are arranged randomly on each refresh. Remember to use the "Via Patreon" & "Via Ko-Fi" buttons to switch on/off the platform category.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 In essence, I integrated my Starfield 47 project into Titan.DS website mewho.com/titan/. And a new module was born. I've named it the STELLAR CARTOGRAPHY module!
You'll find the button for this module, labeled "STLR-CRTO", positioned just above the DNA Module button, towards the lower right corner of the main display. Once activated, Titan.DS will attempt to load the Starfield 47 website within an iframe (a website within a website). Due to the difference in UI design, the original interface of Starfield 47 wouldn't fit well with Titan.DS. To resolve this, I created a new UI layer within Titan.DS that would communicate with the SF47 iframe. You can still interact with the 3D Space in this module, just like in Starfield 47. 👉The keyboard shortcuts with Starfield 47 retain their functionality here as well. (Remember to click on the 3D Space before utilizing the shortcuts to ensure the module gains focus first.)
Other enhancements include - -
👉 The addition of an N-S CRTR button within the NCC-1701 & NCC-1701-F modules. This button toggles the visibility of the Nacelle-Sucking Creature👀
👉 A clickable text field, sister ship Pegasus-C, has been added in NCC-1701-F module. When clicked, the ship name will change from Enterprise-F to Pegasus-C. The Odyssey class starship Pegasus-C serves as the flagship of Starbase 400😉
👉 You can now smoothly change how fast the 3D DNA animation spins. Just drag the orange ticker above the 3D DNA to make it play faster, slower, or in a different direction
👉 Keyboard arrow keys can now be used to change Titan.DS's display view. On a touch device, try swiping left/right/up/down to change the display view.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 I added this Nacelle Sucking Creature to the Titan.DS project (mewho.com/titan) in the August 8, 2023 update. If you've watched a few episodes of Star Trek: Lower Decks, you've already seen it🙂 It is well featured in the opening credits of the Lower Decks. Recently this creature made an appearance in season 2 of Star Trek: Strange New Worlds as well! Crazy time😂
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #StarTrekLowerDecks #startrek #LCARS
🐨 The Cosmic Koala has been hiding in #ProjectRITOS (mewho.com/ritos) since last year (2022). This video shows you how to find it 😉 🖖May the Cosmic Koala Smile Upon You~
Made with 💙 by meWho • Rob 🖖~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#StarTrek #LCARS #StarTrekLowerDecks #LCARS
✨ STARFIELD 47 website mewho.com/starfield47
📘 It's been while since my last update on this project... There's this one feature that I wanted to add ever since I saw an example on Babylon.js Playground website. It's a 3D star generated by using Babylon.js's awesome particle system. I finally incorporated it into Starfield 47 with a few modifications & randomization.
So how to see the 3D big stars in STARFIELD 47? When the warp speed sits at zero, first turn on the Star Markers (STARS button) from the Control Panel (shortcut key T). Then click on any one of the star markers floating in the space to toggle the 3D big star. Double-click on the 3D star or the text marker to change the camera's zoom level. You can also use the shortcut key Y to focus on a random big star. Oh, black holes are out there too😉
Other updates include:
👉A bunch of keyboard shortcuts got added, including keys to control the mini LCARS display, etc. Check out the info page right on Starfield 47 website for a complete list (use the question mark '?' or "i" keyboard shortcut)
👉The Event Notification text is now hidden by default. This can be changed in the Settings. It can also be toggled via Shift + N shortcut key.
👉Maximum number of mini LCARS displays has been bumped from 7 to 9. Though too many opened displays can still impact on the overall performance.
👉Several more "tiny ship" graphics were added (Enterprise-F, Enterprise-G, USS Cerritos, USS Protostar)
👉Plus general app improvements
Enjoy🖖 ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#StarTrek #LCARS #StellarCartography #webDevelopment #Babylonjs
📘 Titan.DS website update on 2023.June.13 ⭐️New starship module: USS Enterprise • NCC-1701 -- the version from Star Trek: Strange New Worlds (SNW). Video here demoing several randomized animation styles. The wireframe is based on an image tweeted by SNW's motion graphic designer/supervisor, Timothy Peel. (twitter.com/timothypeel1/status/1549452000206770176)
The bridge, the saucer section & the nacelles are all responsive to clicks.😉 Small improvements were made on other ship modules as well. Titan.DS website now has a total of 3 starship modules (Enterprise, ENT-D & ENT-F). More will be added in the future.
👉Titan.DS interactive website mewho.com/titan
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #StarTrekStrangeNewWorlds #startrek #LCARS
📘 This 1-hour video was captured from my Titan.DS [Titan Display System] interactive website with sound effects on (build version 2023.MAY.22). Website at mewho.com/titan/. The ambient engine noise was turned off for this recording. This project was inspired by the LCARS seen on Star Trek: Picard. Kudos to the crew of the show's art/design department for making such a wonderful end-credits LCARS sequence. More elements will be added to the website in the future. Enjoy 😀
* Here is the same video that DOES NOT Contain the AMBIENT ENGINE NOISE: youtu.be/LGg6j0LbelM
** An additional "glow" effect was added in the post with video-editing software.
*** A special shout-out to Starbase400.org for its wonderful reference images on Enterprise-F! youtube.com/@starbase400
👉 This video's playback quality is available up to 4K resolution.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#StarTrekPicad #StarTrek #webDevelopment #LCARS
📘 This 1-hour video was captured from my Titan.DS (Titan Display System) interactive website with sound effects on (build version 2023.MAY.22). The ambient engine noise was turned off for this recording. This project was inspired by the LCARS seen on Star Trek: Picard. Kudos to the crew of the show's art/design department for making such a wonderful end-credits LCARS sequence. More elements will be added to the website in the future. Enjoy 😀
* Here is the same video that CONTAINS the AMBIENT ENGINE NOISE: youtu.be/LEQ9m5IgfIc
** An additional "glow" effect was added in the post with video-editing software.
*** A special shout-out to Starbase400.org for its wonderful reference images on Enterprise-F! youtube.com/@starbase400
Feel free to drop me a line or any questions in the comments section🙂 And please do subscribe to my channel. Greatly appreciated.
👉 This video's playback quality is available up to 4K resolution.
🟠 Titan.DS interactive website mewho.com/titan
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #StarTrekPicard
* This animation was extracted from my Titan.DS project.
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘 I recreated this Enterprise-D vector art based on the graphic found in one of Trek's famous books -- ST:TNG Technical Manuel. I then wrote some code to create this 2D "assembly-like" animation using JavaScript+CSS. It was then integrated into my Titan.DS project.
There are a total of 8 color styles. Throughout the animation, the styles were randomly selected. And many aspects of the "assembly" animation were randomized on each loop iteration. For example, the plates from the saucer module were always fly in from different directions at different times.
For the purpose of this YouTube clip, I've removed the UI from Titan.DS. And a glow effect was added to the ship in the post with video-editing software. I mixed in the sound effects from System47 screensaver😬 Another version of this video in portrait view is also available.
If you're interested in trying out the interactive version of this Enterprise-D animation, visit my Titan.DS website. 👉mewho.com/titan
Feel free to drop me a line or any questions in the comments section🙂
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #StarTrekPicad
* This animation was extracted from my Titan.DS project.
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘 I recreated this Enterprise-D vector art based on the graphic found in one of Trek's famous books -- ST:TNG Technical Manuel. I then wrote some code to create this 2D "assembly-like" animation using JavaScript+CSS. It was then integrated into my Titan.DS project.
There are a total of 8 color styles. Throughout the animation, the styles were randomly selected. And many aspects of the "assembly" animation were randomized on each loop iteration. For example, the plates from the saucer module were always fly in from different directions at different times.
For the purpose of this YouTube clip, I've removed the UI from Titan.DS. And a glow effect was added to the ship in the post with video-editing software. I mixed in the sound effects from System47 screensaver😬
If you're interested in trying out the interactive version of this Enterprise-D animation, visit my Titan.DS website. 👉mewho.com/titan
Feel free to drop me a line or any questions in the comments section🙂
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #StarTrekPicad
🟠 Titan.DS interactive website mewho.com/titan
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘 I've been working on this big update on-and-off since I posted my first version of the Titan•EPS web animation right after ST:Picard's season 3 premier two weeks ago (Feb 18, 2023). Several new ideas were born while I was developing this update. And now I can share them with you :-)
👉 mewho.com/lab/titanEPS.html
*** First of all, this Titan•EPS display is my recreation based on part of the beautifully designed credits scene from ST:Picard season 3. Major kudos to its art/design department!!
All features from the 1st version were kept in this update. For the desktop experience, I've also added my own flavor of UI elements & animations for expansion.
=== NEW FEATURES ===
* RED ALERT: matching the alert symbol and animation from season 3. No red alert sound yet. It will be added on a Tuesday.
* I purposely dimmed the outer UI elements so that the ship can stand out better visually. There's a dimmer button that can make the UI brighter.
* Supporting ultrawide monitor (which I don't have, though it's popular among hardcore gamers supposedly). This is one of the experiments I put a lot of time in. It looks pretty cool. I made sure that the extra content on the sides can be viewed by folks with 16x9 monitors as well -- via the ZOOM button and two ARROW buttons to slide the content to left/right.
* Live Screenshot Generator -- another experiment. Click the dedicated button to capture current screen for a screenshot image. Mainly for desktop, iffy on mobile. On mobile, one could easily take a snapshot using the phone's native function.
* One unremarkable button will reveal the Odyssey class Enterprise-F. It shouldn't be too difficult to spot it :-) Let me know if you need help. Once revealed, the Enterprise-F can be shown in several color styles and with saucer separated from the secondary hull. ** Special shout-out to Starbase400.org. They gave me access to their beautiful renders so that I could use them to trace/create SVG graphic of the Odyssey class starship!
👉The updated Titan EPS page is located at: mewho.com/lab/titanEPS.html
👉My 1st version (simpler, cleaner in a way) is still viewable, at: mewho.com/lab/titanEPS_1.html
Enjoy :-)
* a glow effect has been added to this video during editing
Feel free to drop me a line or any questions in the comments section🙂 And please do subscribe to my channel. Greatly appreciated.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #StarTrekPicad
📘 Star Trek: Picard's showrunner Terry Matalas recently posted a photo of the bridge console of the starship (supposedly) Titan-A. Here's link to his tweet:
twitter.com/TerryMatalas/status/1621193745550155776
From his photo, a top-down view of the starship is visible. Since I couldn't find a good reference image on the internet, I decided to use Terry's photo as a reference to construct my own version of the ship's top view in 2D vector format. Once that's done, I wrote some code to test out some possible animation with JavaScript+CSS on this new asset. Then I made the test animation to keep on repeating with a random preset on each loop.
And here is the result - recorded from web browser for 1 hour. A bit mindless to watch :-)
Still not sure how this will be integrated into my future project😬
* an additional lens flare effect was added in the post with video-editing software.
Feel free to drop me a line or any questions in the comments section🙂 And please do subscribe to my channel. Greatly appreciated.
Cheers ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #StarTrekPicad
twitter.com/TerryMatalas/status/1621193745550155776
From his photo, a top-down view of the starship is visible. Since I couldn't find a good reference image on the internet, I decided to use Terry's photo as a reference to construct my own version of the ship's top view in 2D vector format. Once that's done, I started playing with some possible animation with JavaScript+CSS on this new asset. And here is the result. Still not sure how this will be integrated into my future project😬
#webdevelopment #StarTrekPicad #StarTrek
Feel free to drop me a line or any questions in the comments section or on my Twitter🙂 And please do subscribe to my channel. Greatly appreciated.
==================================
❤️ If you want to support the projects I make, please check out my page on Ko-Fi -- a content creator platform -- and buy me a cup or two of ☕Raktajino there. Link below. Also please consider subscribing to this channel Thanks!!
_________________________
🟡 Project RITOS mewho.com/ritos
🔵 Trek Countdown mewho.com/trek
✨STARFIELD 47 web app mewho.com/starfield47
🖖 System47 screensaver mewho.com/system47
☕ Ko-Fi - ko-fi.com/system47
🧡 Patreon - patreon.com/user?u=81962352
🐦 Twitter - twitter.com/meWho_System47
🖼 Flickr - flickr.com/photos/mewho3000/albums
💬 Discord - discord.gg/SnRdmSmnjK
==================================
Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ mewho.com ~
📘 This demo video was captured from my Trek Countdown website (build version 2023.JAN.28). The website is interactive. See URL below. Enjoy 😀
This project is my first experiment on animating LCARS 2.0 -- a newer LCARS style introduced in Star Trek: Picard. Andrew Jarvis is the designer from the show who was tasked to come up with the updated LCARS design language. He did an awesome job! Now I love both the original & the updated LCARS!! Here is the YT video of him talking about the updated LCARS:
youtu.be/r19n1JGQG2o
** This Trek Countdown project might get expanded or branched out to be another one. Haven't made up my mind yet. If you have any suggestions, feel free to post in the comments💙
🔵 Trek Countdown website is located at mewho.com/trek
👉 best when viewed on desktop with modern browser in fullscreen mode
Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #TrekCountdown
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘 This 1-hour video was captured from updated Project RITOS interactive website (build version 2023.JAN.7), including the new SICKBAY section! An additional "glow" effect was added in the post with video-editing software. Enjoy 😀 ~ made with 💙 by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#StarTrek #LCARS #StarTrekLowerDecks
⚙️ Wallpaper Engine Workshop steamcommunity.com/sharedfiles/filedetails/?id=3111347854
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘...something that's different from Star Trek here :-)
This 1-hour video was captured from the "Doctor Who Gallifreyan Clock" web page I made. It's a mini web project, so only minor features will get added in the future.
The website version should work fine in all modern browsers. A full screen mode is available as well.
👉 When visiting the Clock page, click on the "❔Question Mark" near the page's lower right corner to reveal each Gallifrey ring's function.
As for this YouTube video, some additional "glow" effect was added in the post-editing. And it has a resolution quality available up to 4K. This video is great for playback on a big smart TV if it comes with a YouTube app (or via the Chromecast). Enjoy 😀
Feel free to leave a message right here on YouTube.
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#DoctorWho #Gallifrey #webdevelopmentagency
This Sickbay screen design is partially derived from the LCARS seen on Lower Decks. In the show, Cerritos's Sickbay LCARS always has an aqua color scheme. So I follow the trend :-)
Also new in this update is the AUTO MODE feature. It's enabled by default. When prolonged idling has been detected, Auto Mode will kick in & start running an automation script that simulates user interactions with the screen. Basically the Auto Mode behaves like a screensaver/kiosk/demo function.
Let me know what you think, or if you encountered any bugs :-) Cheers all & Happy New Year!!! 😀
🟡Project RITOS website is located at
mewho.com/ritos
👉 best when viewed on modern desktop with Chrome in fullscreen mode
==================================
❤️ If you want to support the projects I make, please check out my page on Ko-Fi -- a content creator platform -- and buy me a cup or two of ☕Raktajino there. Link below. Also please consider subscribing to this channel Thanks!!
_________________________
🟡 Project RITOS mewho.com/ritos
🔵 Trek Countdown mewho.com/trek
✨STARFIELD 47 web app mewho.com/starfield47
🖖 System47 screensaver mewho.com/system47
☕ Ko-Fi - ko-fi.com/system47
🧡 Patreon - patreon.com/user?u=81962352
🐦 Twitter - twitter.com/meWho_System47
🖼 Flickr - flickr.com/photos/mewho3000/albums
💬 Discord - discord.gg/SnRdmSmnjK
==================================
Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ mewho.com ~
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘 This 1-hour video was captured from Project RITOS website (build version 2022.NOV.23). Some additional "glow" effect was added in the post with video-editing software. This video's playback quality is available up to 4K resolution. Enjoy~ Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #StarTrekLowerDecks
📘 Oct 25, 2022 update • Project RITOS is now live. Open to public at: mewho.com/ritos
Have fun 🙂
* best when viewed on desktop in fullscreen
===================================
📘 Oct 12, 2022 • Star Trek Lower Decks started its season 3 about a month & a half ago. It has been great, and I love every single episode so far! In season 1, I did feel pretty neutral about the USS Cerritos. Though now it has certainly grown on me. So I decided to spend some time recreating its schematics (MSD / Master System Display).
Surprisingly, Cerritos's MSD has been shown prominently in several episodes. Though the MSD from season 1 is a bit different from season 3's. The updated MSD seems to have a more "logical" internal layout. And in s03e05 the "Reflections" episode, there are a few shots of the MSD showing the engineering hull section. And THAT has been a great help for me.
After cross-referencing materials from the Memory Alpha website, I started tracing & recreating the schematics using Figma. Hmmm...many educational guesses were definitely made during this process. Oh, I also borrowed a few internal parts from the Enterprise-E used in my System 47 project 🙂
Right in Figma, the entire MSD was exported to an SVG file with various groupings & ID's so that I could manipulate them via JavaScript. The animations were achieved using a combination of several techniques:
* CSS transition & animation properties
* D3.js transition
* SVG SMIL animation
* SVG.js timeline & animate (I probably will drop this one out)
Anywhooo, the final release will include more mini animations & interactivity. My goal is to publish this on my website before Lower Decks' season 3 wraps up. Fingers crossed.
Feel free to drop me a line or any questions in the comments section🙂 And please do subscribe to my channel. Greatly appreciated.
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #StarTrek #StarTrekLowerDecks
📘 This 1-hour video was captured from STARFIELD 47 website (build version 2022.SEPT.06) with modified mini LCARS display layout for the purpose of recording. Some additional "glow" effect was added in the post with video-editing software. This video's playback quality is available up to 4K resolution. Enjoy~ Feel free to leave a message right here on YouTube 🙂
✨ STARFIELD 47 interactive website mewho.com/starfield47
👉 best when viewed using a modern browser on desktop in fullscreen mode
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 This 1-hour video was captured from STARFIELD 47 website while running in AutoNav Mode most of the time. At the time of recording, STARFIELD 47's build version was 2022.SEPT.06. This video's playback quality is available up to 4K resolution. Enjoy~ Feel free to leave a message right here on YouTube 🙂
✨ STARFIELD 47 interactive website mewho.com/starfield47
👉 best when viewed using a modern browser on desktop in fullscreen mode
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
✨ STARFIELD 47 web app mewho.com/starfield47
📘 == Feature demonstration of STARFIELD 47's mini LCARS Display ==
The mini LCARS Display has gone through several small improvements & bug fixes in the past few months. The goal is to provide unique chart/graph animations that are aesthetically pleasing, that's all 😊
I structured the mini LCARS Display with 3 root elements: a frame, a graph type and an optional panel of buttons. Each element has its own degree of variations & randomness.
1. Display Frame
The following properties are randomized: frame shape (rather subtle), blinking lights, color scheme, outline mode, frame title text & small decorative text.
2. Graph
Currently I've programmed 9 graph types. When a mini LCARS Display is initializing, a random graph type will be chosen. More weight has been placed on ClipArt graph & SpaceImages -- I simply like them more. 😊 Within each graph type, I programmed in a lot of random variations so that two displays with the same graph type would still be somehow unique in their own way.
3. Panel of Buttons
When a graph type is initialized, the button panel is also optionally created. And the button panel is set to be randomly placed on either the side of the graph. The button shape & text also get randomized. Just for fun... when clicked, one of the buttons in the button panel will reset the panel.
What's your favorite graph type? Is there's a graph that you'd like to see in the future build? Put your thoughts in the comments. Cheers 🖖
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #StarTrek #LCARS
📘 Whew... finally finished adding sound effects to STARFIELD 47 (mewho.com/starfield47). Definitely more challenging than I anticipated to mix sound variations & randomness with interactive elements 😬 Also, modern web browsers do not allow audio playback right from the beginning if there's no user interaction. This is a good thing in general. However, for developers, it's rather tricky to work out the AudioContext detection in Javascript.
16 sound clips are used & mixed for various tasks in STARFIELD 47. And one of 6 different "whooshing" sounds is randomly used when the "space vector" is swinging.
In the beginning, I noticed right away that when the same sound clip was played over and over again for the same task, it quickly became "stale" and annoying. So I added some code to randomly change the playback speed & sometimes the volume as well. The playback speed affected the audio pitch. This made the overall sound effects more dynamic.
The background ambient sound is basically one clip played on a loop. On top of that, a short beeping sound is randomly mixed in from time to time.
The whole background sound effect is kept on one soundtrack, and the "task" sound effects are placed on another soundtrack. With 2 different soundtracks, their volumes can then be adjusted independently by the user from the app settings.
Feel free to leave a message right here on YouTube. Enjoy 😊
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
Oh, these are very abstract icons. Please don't be too picky on the tiny little ships' details 😉 I've posted some of them in PNG format on my Discord. I will post all six icons there soon.
==================================
✨STARFIELD 47 web app mewho.com/starfield47
💬 Discord - discord.gg/SnRdmSmnjK
🐦Twitter - twitter.com/meWho_System47
❤️ If you'd like to support this app, please consider subscribing to my channel, or buying me a ☕ Ko-Fi with the link below. Thanks!!
☕ ko-fi.com/system47
Feel free to leave a message right here on YouTube :-)
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘 This 8-hour video was captured from System47 Viewer Program which was configured to only display the animation of Enterprise-E schematics. The animations utilized the entire 16x9 wide-screen area, as supported by the latest version of the screensaver & the new Viewer Program (version 2.5.01). This video's playback quality is available up to 4K resolution. Enjoy 😀
The updated Enterprise-E Schematics animation features:
* Multiple color variations on the LCARS interface & on the ship schematics
* Zooming in to various parts of the ship
* Areas in schematics are labeled
* More small elements are animated -- shuttlecraft, transporter room, holodeck, etc.
* Random trek text messages
* Easter eggs embedded 😉
Additional info on #System47 Viewer Program / Screensaver
==================================
Version 2.5.01 was released on November 18, 2021. New features include:
* utilizing full 16x9 or 4x3 display area
* font typeface update
* Various animation refinement upgrades
* Enterprise-E schematic animation received tons of new additions
* more "randomness" & variations built in
* a clock display integrated into the #LCARS UI
* a new config setting display with keyboard shortcuts
* volumes from effect sound & background sound can be independently adjusted
* the animation frame rate got bumped up from 18 to 30FPS, resulting smoother animation -- Unfortunately, low-end computers could suffer from sluggish playback
Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #USSEnterprise
🧡 Supporting/Funding my projects? See below for my Patreon & Ko-Fi links.
📘 This 8-hour video was captured from System47 Viewer Program / Screensaver. The animations utilized the entire 16x9 wide-screen area, as supported by the updated version, 2.5.01. This video's playback quality is available up to 4K resolution. Enjoy 😀
#System47 Viewer Program / Screensaver version 2.5.01 were released in November 2021. New features include:
* utilizing full 16x9 or 4x3 display area
* font typeface update
* Various animation refinement upgrades
* Enterprise-E schematic animation received tons of new additions
* more "randomness" & variations built in
* a clock display integrated into the #LCARS UI
* a new config setting display with keyboard shortcuts
* volumes from effect sound & background sound can be independently adjusted
* the animation frame rate got bumped up from 18 to 30FPS, resulting smoother animation -- Unfortunately, low-end computers could suffer from sluggish playback
Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek #USSEnterprise
📘 Are you watching the new StarTrek: Strange New Worlds (SNW) tv series? Highly recommended! Not only the stories & characters were great, the tech displays on the show were phenomenal. Between this series and Star Trek: Picard, there were so many eye-catching fictional user interface effects to enjoy.
In SNW season 1 episode 7 "The Serene Squall," I caught this interesting circular scanning display on Enterprise's viewscreen. The show's designer Timothy Peel shared this display animation on his Twitter account, link below. I thought it'd be cool to emulate & integrate it into STARFIELD 47.
(*** Nerdy thought: True that LCARS hasn't been invented during the time of SNW... Perhaps UI designers in the 24th century would still continue to use some dated technologies. "If it ain't broke, don't fix it" should still hold true in the future ;-)
From the beginning of this development, I quickly decided not to use CSS animation methods on DOM elements. Since this particular effect would cover nearly the entire viewing area, the performance penalty in animating large DOM elements would probably be too steep. So I utilized #Babylon.js 3D framework for this 2D effect.
Instead of applying static textures on 2D meshes for the rotating circles, I used this high-performance polar coordinate shader that I'd learned from Patrick on Team Babylon.js. See his YouTube link below. Patrick's tutorial on this shader was extremely helpful. The advantage of using shaders was for the awesome WebGL rendering performance. Plus this shader could be easily hooked and programmed for animations via JavaScript.
I am still more comfortable with CSS's transition & animation methods. They are simpler in concept. As for animating with Babylon.js, it's quite different & complex. Well, it has to be, since it is dealing with various properties in a 3D world. With all of its capabilities, I am only scratching its surface and using it mostly for 2D effects 😂 For this particular dev, I'm starting to get a little more comfortable with Babylon's animatables, targetedAnimation, animationGroup, speedRatio... And yet there are a ton more to be learned 😬
Anyway, to activate this circular scan effect (which I named it "Proximity Scan" for now), click on the "cross target" icon from OPS area in the Control Panel. Double-clicking on it will change the scan's color. The scan's center square is clickable 😉
Next update? possibly work on something related to the Shield, or reorganizing the "Settings" page so that more controls are exposed to users. No sound effects yet for SF47. That's still in the research phase. Cheers 🖖
SNW Timothy Peel's twitter post:
twitter.com/timothypeel1/status/1537837763243950081?s=20&t=j4Y03iqX1oyadomLy7X8_w
Patrick Ryan from team Babylon.js on making polar coordinate shader:
youtube.com/watch?v=n5WuGHmSZgk
Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ by meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek
📘 When I started the STARFIELD 47 project, I was targeting for the modern desktop browser platform. Prior to this, the only touch screen tests I had done were right on my phone. Recently I was lucky to get a hold on an old PC laptop with touch-screen capability. And here's a recorded session of the test.
The UX testing was mostly okay. The two-finger gesture for resizing the mini LCARS display could use some improvements. Since I chose not to spend too much dev time for touch devices, I used a helper library - interact.js - for the multitouch gesture. I do wonder how SF47 would run on an iPad...
By the way, if you had the audio volume up while watching this video, the sound effects you heard weren't originated from STARFIELD 47. I borrowed the sfx from System47 ;-) Implementation of sound effects in SF47 is on my to-do list. Fortunately Babylon.js 3D framework does have a built-in sound engine. Fingers crossed. I will experiment with that soon.
====== Background Music Credits ======
The following music was used for this media project:
Music: Dance Of Pulsars In Deep Space by MusicLFiles
Free download: filmmusic.io/song/7308-dance-of-pulsars-in-deep-space
License (CC BY 4.0): filmmusic.io/standard-license
Artist website: cemmusicproject.wixsite.com/musiclibraryfiles
Feel free to leave a message right here on YouTube 🙂
~ made with ❤️ meWho • Rob ~
▂▂▂▂▂▂▂▂▂▂▂▂▂
🧡🧡🧡 If you enjoy the projects I make, please consider supporting me via Patreon, Ko-Fi (☕Raktajino, also accepts PayPal), or YouTube's Super Thanks donation on any of my videos. Links Below. Subscribing to this channel helps too . Thx :-)
▔▔▔▔▔▔▔▔▔▔▔▔▔
💛 Patreon patreon.com/mewho
☕ Ko-Fi ko-fi.com/system47
🦋 Bluesky https://bsky.app/profile/mewho-rob.bsky.social
🟪 Mastodon https://mastodon.social/@mewho
🚹 Facebook facebook.com/mewhoRob
📐 ArtStation artstation.com/mewhorob
💬 Discord discord.gg/SnRdmSmnjK
🏠 All My Projects 👉 mewho.com
🟠 Titan.DS mewho.com/titan
⚪️ Protostar.NX mewho.com/protostar
🔭 APOD Stardate mewho.com/apod
🔵 Trek Countdown mewho.com/trek
🟡 Project RITOS mewho.com/ritos
✨ STARFIELD 47 web app mewho.com/starfield47
⏹ System47 screensaver mewho.com/system47
📽 LCARS animation album photos.app.goo.gl/HFndj74q8XA9wbSs8
🖼 LCARS image album photos.app.goo.gl/ue7ZsNYda5KCkcma6
🖼 Flickr flickr.com/photos/mewho3000/albums
▔▔▔▔▔▔▔▔▔▔▔▔▔
#webdevelopment #LCARS #startrek


