bitwise

Splash and first run

The splash stays up until your face is in the frame. After that you can use your camera, or pick a preset. You don’t have to turn the camera on.

Face controls

bitwise

How do you want to control your face?

Camera

Roblox will ask to use your camera so your avatar can copy you. We don’t record it.

Look at the camera.

This device doesn’t have a camera.
0:00.5
01 Smile
You can drag the cheeks around if you want it weirder.

Which skin

Use this

Sheet

Paper and black, with red only on the crop marks and the Snap button. You leave with a sticker sheet, so the game can look like one. Gotham is fine.

Booth

Black, one lit face, film holes. Closer to the Mario head in a dark room. Use it if Sheet feels like a printout.

Bit

One yellow square, moods as switches. Feels like a tool. I’d skip it. The weird part is already the face.

What stays out

The panel in the game today is Gotham on charcoal #18181A with #00AAFF. It looks like a debug window. Keep chroma green on the capture backdrop, or the UI will look like the screen you’re trying to cut out. Cactus and Grandma can stay yours. A green accent would also clash with that backdrop.

The cover, and the framing bug

The camera already locks to the head from the root part, level, about 2.2 studs out. Players can see that, and 2.2 studs is tight or loose depending on the head. That’s why the zoom keys exist. The splash hides the bad frame, and while it’s up we fix the distance. The grid is the thumbnail of the head they’re wearing, the same one on the catalog page for that dynamic head, in one ink color. A player headshot is a bust, so the shoulders would always be in it. The only full-color face is the hole in the middle, once the cover fades.

  1. 0 ms
    Opaque screen cover, already up. IgnoreGuiInset, above every other gui. No transparency. The world camera can be wrong.
  2. Head ready
    Write the camera from the root part’s horizontal look, at head height, the way it does now.
  3. Fit
    While still covered, dolly until the head fills roughly the middle third of the screen. Do not leave this to the player’s zoom keys.
  4. +2 frames
    Let the idle pose tick so the first revealed frame is not a tilted head.
  5. 800 ms min
    The cover stays at least this long, so a fast load never flashes the world.
  6. 200 ms
    Fade the cover. Open a hole in the center. Don’t put a second camera in a viewport frame. The head stays centered. Text sits in the margin and doesn’t shove the camera over.
  7. No head
    Leave the cover up. The line becomes “This avatar doesn’t have a face we can use.” Don’t show a body shot.

People who skip the camera

“Pick a preset” is on the first screen, in the same type and size as “Use my camera.” If the device has no camera, skip the question and open the presets with “This device doesn’t have a camera.” “Turn it on” is plain text. Snap is the only filled button. “Not now” opens the same presets, and we don’t explain it again. We remember that choice for the session. “Use my camera” on the dock is how they switch back, and it’s hidden when there’s no camera. If they already allowed the camera, that button should skip the explanation and go straight back.

With the camera on, the screen is the face, “Look at the camera,” Snap, and “Pick a preset.” Expressions come first, because the pack is 28 of them. Tap one and the face updates. Snap saves it. The animation tab is the uploaded clip: play, pause, and drag the bar. Pausing is how you hold a frame. If nothing is loaded: “No animation loaded. You can still pick an expression.” After the first snap, once: “You can drag the cheeks around if you want it weirder.”

Words

Wordmark
bitwise
Question
How do you want to control your face?
Choice
Use my camera — Your avatar copies you.
Choice
Pick a preset — Pick an expression or an animation.
Camera
Roblox will ask to use your camera so your avatar can copy you. We don’t record it.
Buttons
Turn it on / Not now
No camera
This device doesn’t have a camera.
Live
Look at the camera.
Switch
Pick a preset / Use my camera
Empty
No animation loaded. You can still pick an expression.
No head
This avatar doesn’t have a face we can use.
Once
You can drag the cheeks around if you want it weirder.
Shutter
Snap

In the engine

In Roblox, Sheet is Gotham on Color3.fromRGB(244, 241, 234), ink (22, 22, 22), red (210, 59, 46). Text can’t be letterspaced, which is fine. The drawings on this page are only here so the layout is readable. In the game, the grid is real heads in one color, except the live one in the hole. The mood buttons can stay this simple.