Frequently asked question

If the Character is Slow, Lagging, or Floating

1. Chrome settings -> Search for ‘acceleration’ -> Check ‘Use hardware acceleration’ -> Restart Chrome.
2. If it still doesn’t work, clear the cache, close all windows, and reopen them.
3. If it still doesn’t work, restart your PC.
4. If it still doesn’t work, please uninstall and reinstall Chrome.

The GUI doesn’t display correctly when the screen size changes

Did you set the size and offset properties of the GUI object to px?
Learn about the px and % units here.

Why doesn’t .onCollide() work?

Make sure you turned on Physics Body

How can I rename a Script?

Edit from property panel

You can add/edit/delete scripts from the Properties panel of the object. You can also rename the script.

Rename

How to Create a Restart Function?

Currently, Redbrick Studio does not have a dedicated function to restart or reset the game.
However, you can achieve a similar effect with a custom function.
For more details, please refer to this guide.

How to Create a Pause Function?

Currently, Redbrick Studio does not have a dedicated function to pause the game.
However, you can achieve a similar effect with a custom function.
For more details, please refer to this guide.

The changes to the object’s position and rotation are not being applied.

Check if the physics body is enabled.

const trash = WORLD.getObject("trash");
 
function Start() {
  trash.onCollide(avatar, handleTrashCollision);
}
 
function Update(dt) {
  if (trash.body) {
    trash.body.needUpdate = true; //Use body.needUpdate to update
  }
}

How do I change the background color?

Changing the background color in your project can be easily accomplished using the WORLD.background property and the THREE.Color() function from Three.js. Below are various methods you can use to specify colors.

//Hexadecimal color (recommended)
WORLD.background = new THREE.Color(0xff0000);
 
//RGB string
WORLD.background = new THREE.Color("rgb(255, 0, 0)");
WORLD.background = new THREE.Color("rgb(100%, 0%, 0%)");
 
//X11 color name - all 140 color names are supported.
//Note the lack of CamelCase in the name
WORLD.background = new THREE.Color("skyblue");
 
//HSL string
WORLD.background = new THREE.Color("hsl(0, 100%, 50%)");
 
//Separate RGB values between 0 and 1
WORLD.background = new THREE.Color(1, 0, 0);

How do I change the avatar’s jump height?

To change the jump height of the avatar or player, use PLAYER.changePlayerJumpHeight(height). The default jump height is set to 3.

How do I switch to first-person view?

To switch to first-person view, camera.useFPS(). To switch back to third-person view, use camera.useTPV().
however, .useFPS() and useTPV() only work if the .setFollowingCamera() method is applied to the avatar.
For more information about the camera, see here

What does this error mean?

• TypeError: This error occurs when an operation is performed on a value of an inappropriate type. For example, if you try to perform a mathematical operation on a string instead of a number, you’ll get a TypeError.

• SyntaxError: This error occurs when the code contains invalid syntax. It means there is a mistake in the code structure, such as missing parentheses, unmatched braces, or incorrect indentation, preventing the code from being parsed correctly.

How do I move the avatar?

If you want the avatar to move along with moving objects it steps on, you can use the function .changeAxisSpeed(x, y, z). This function allows you to set the movement speed for the avatar along the x, y, and z axes.

Why isn’t my camera properties change working?

If you have modified the parameters of the camera (.fov, .far, .near) through code within the script, you must use .updateProjectionMatrix() to immediately apply the changed values.

How Do I Change the Camera?

You can easily switch using .activate().
To switch from Camera 1 to Camera 2, use the camera2.activate() command.
To switch to another camera, use otherCamera.activate().

How can I display only text?

Here are two ways.

I want to bring and use variables and functions declared in another script

Use GLOBAL.

Even though I used GLOBAL, I can’t import variables and functions from other scripts?
Check if you’ve coded with attention to flow control.

I want to add and use my own files in addition to the assets and images in the studio

Use My Assets.
For instructions, refer to this guide.

I want to move the position of the player or object

Please refer to the content here.

I Want to Modify the Fog Value in the Scene During Gameplay

You can easily adjust it by modifying the WORLD.fog.density property.

let fogDensity = 0.01; // Initial fog density
const fogDensityIncreaseRate = 0.001; // Fog density increase rate per second
 
function update(dt) {
    fogDensity += fogDensityIncreaseRate * dt; // Increase fog density over time
    WORLD.fog.density = fogDensity; // Set fog to the updated density
}

I want to change the appearance of my avatar

You can change the appearance of your avatar for gameplay on the Redbrick website.

If you want to change the appearance of your avatar during gameplay, refer to this snippet.

Can I import a map?

You can import assets in glb or gltf format from My Assets.
However, if you want to import an entire map, the map itself must be in a single file.

I want to apply gravity and physics to an object

In the properties window of the object, enable the Behavior -> CanCollide attribute and the Physics -> Body attribute.
Then, disable the Physics -> Body -> Anchored attribute.

I want to change the color of a Mesh

You can easily change it using MeshObject.material.color.set(0xff0000).