Spooking Out's Modern Roblox Port

news roblox classic-roblox modern-roblox spooking-out tech thought · blog · · 1487 words

Hey everyone, I am proud to announce the modern Roblox port of Spooking Out! has been published to the Roblox website!

This means you can now play our game on modern Roblox. Oh, and we also went back and improved the experience to make playing it on mobile, controller, and Xbox just as playable and fun!

Play it here!

Don’t know about Spooking Out? Wanna check out the Novetus 2010L version? Check out the previous article

There are also 5 badges – essentially, achievements. Here’s one of them:

![Brown bag with the word “Tix” printed on it, overlayed on a Spooking Out map screenshot with an orange-yellow filt](images/SpookingOutModernBadge.png Can you get them all?)

TL;DR

Here’s a list of this port’s additions/changes to the 2010L Novetus version.

Release Date

You might notice that I am publishing this article on November 1, which is not, in fact, Halloween. Except I DID RELEASE IT ON TIME!

Screenshot of my Tweet with a text body of “LET IT BE KNOWN THAT I HAVE RELEASED ‘Spooking Out!’ ON OCTOBER 31 2022 (Halloween) AND NOT November 1 2022 (not Halloween). literally turning it in at 11:59 pm like it’s homework lol. #Roblox #RobloxDev”. A screenshot image of the game page for Spooking Out on modern Roblox is attached to the Tweet. The tweet is dated October 31, 2022 at 11:48 PM.

Though, I’m releasing this a few days late. Sorry… some things got in the way, schoolwork being one of them. I hope you still enjoy the game in it’s own right!

Behind the scenes

This was a solo effort because Tobu.fi already wanted to take a break and he doesn’t know modern Roblox development very well. Plus, this was pretty simple, so I could do it by myself.

Work was split into 2 phases of development. Fixing the code to run on modern (the important part), and then “bonus features” in the remaining time I have.

Fixing the code

So, who would’ve thought that 12 years of engine updates would break our game? Actually, it mostly worked. Rounds, shop, and leaderboards all worked perfectly. But the tools don’t. Because the former runs code on the server, and the latter on the client… and that’s where Roblox’s most devastating change that breaks old games lies.

Filtering Enabled

That’s what it’s called. It was added in 2014, and it became mandatory some time after, a few years or so. I’ll be brief about it to not get too boring, if you want to read more about it, check the Roblox Wiki Developer Hub Documentation. Also, don’t take this as the complete truth, this is all from memory.

You have your clients and your server. The server handles most of the data, and the clients are each player connecting to it. This is how hackers can perform exploits; they manipulate what their client tells the server to do or change. For example, they could instantly have 1 million gold by telling the server that they have 1 million gold, if there are no proper checks in place.

This is why exploiting is so rampant on old Roblox servers (besides the fact new anticheats can’t be very easily modded on): there is much less security in place for what clients can manipulate. There is some, but in general, you can do basically whatever you want in a tool, such as placing a bomb, or killing a player, all done from a clientsided Script.

This is fun and easy for developers to work with! But, exploiters are annoying too, of course. Roblox added this “Filtering Enabled” thing some years afterwards, where the server pretty much does not trust the client at all. If the client wants to place a bomb or kill a player, they have to ask the server to do it by activating a “RemoteEvent” or “RemoteFunction”, which signals a function in a server-sided script to run.

A diagram of the Filtering Enabled flow in modern Roblox. A LocalScript has an action: “Player presses ‘Buy’ button”. A remote event links an arrow from the LocalScript to the (server) Script’s flowchart: “Does player have enough money?” A “NO” arrow links to “Don’t give item”, and a “YES” arrow links to “Give item to player”.


With that said, fixing the tools to be FE compatible was a fairly easy effort. Move the function that should be run on the server to a server script, and have the client call a RemoteEvent to run that function instead of directly running the function. Simple.

Although, our from-scratch Grab tool designed solely for this game is a bit more complicated than the 2007-era tools found in the shop. The Grab tool relies on maintaining a state and flow of the code and events.

But, it was not very hard to do either.

Bonus features

Mobile, controller, and Xbox support

Roblox already has built-in support for all these control options. Even though the code was designed only with old Roblox’s single platform in mind, Windows keyboard+mouse, they have great backwards compatibility. So when the tools trigger on “Mouse left click”, in actuality a controller right trigger press or mobile tap activates this as well.

Ghostwalk

This was the simplest. It actually all works, but I added a very simple quality-of-life feature for mobile and controllers.

The Ghostwalk ability lets you hold down left click to float into the air for a bit, like a ghost. But on controllers, it’s a bit uncomfortable to always hold down right trigger, and on mobile, you need to let go of the tap to move the camera or player!

So, I made the “stop floating” part of the code not run if the last input type was a touchscreen or controller. Thanks, UserInputService!

Grab tool

Simple too, utilize ContextActionService to replace the Mouse events with “Context Bindings” which maps the actions to multiple inputs - a mouse click, a touchscreen tap, and a controller button press.

No new behavior was added in this refactoring, but I had to do it for one specific thing: a mobile button. You can use ContextActionService to display a UI button to trigger the action on mobile.

The reason I did this was due to a tap anywhere on the screen triggering the Mouse actions. This is fine for picking up, but what about throwing? Simply tapping the screen to move the character or camera will throw the ghost - very annoying!

GUI

This is what the gui looked like as-is from the 2010L version on mobile.

A mobile screenshot with the menu buttons overlapping with the banner and chat UI, and the charge UI overlapping with the tools list.

Now here’s after my redesign.

A mobile screenshot with the menu buttons positioned vertically on the left center side of the screen and the charge UI placed neatly above the tools list.

A screenshot of the menu buttons, with a controller

Badges

Badges were pretty simple. Just add the check for the requirement to get it in the script that handles that behavior. The “buy everything” badge will be awarded by the shop script, the perfect score badge in the rounds script, etc.

You can see how to get each badge on the Roblox page.

The rest

As I said, Roblox has surprisingly good backwards compatibility with old code. Every other part of the game, such as the shop, round status text banner, and the other shop tools, work just fine on mobile, controllers, and Xbox.

Of course, I could have worked more. I could have ported it to ContextActionService and give mobile users a dedicated button on some tools. Or, add a lock-on feature for controller users so they don’t have to look straight at the ghosts? But, those things are more complicated and would take time, time I don’t have. It should be quite playable on mobile, controller, and Xbox nonetheless : ]

Wrap-up

Here’s how everything came together, allowing me to play our game on modern Roblox, on my phone!

I’ve tried making modern Roblox projects before, but like with old Roblox, this is my first time releasing a finished product. All in all, it was fun. We hope you continue enjoying it just as much as we did porting it!

After almost a month of active work on this project from the both of us, it’s finally 100% complete. We’ll be taking a break for a few weeks to figure out where to go from here. Stay tuned for more blog posts and other tech projects from me in that time!

Hope you had a great Halloween!

Tags: