Fabric Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
~~REDIRECT>https://docs.fabricmc.net/develop/blocks/transparency-and-tinting~~
====== Manipulating a Block's appearance ======

//This is the 1.15+ version of this tutorial. For the 1.14 version, see [[tutorial:1.14:blockappearance|Manipulating a Block's appearance (1.14)]].//

===== Making a block transparent or translucent =====
You may have noticed that even if your block's texture is transparent or translucent, it still looks opaque. To fix this, you need to set your block's render layer to cutout or transparent.

In a [[documentation:entrypoint|client-sided mod initializer]]:

//For version 1.21.5 and before://
<yarncode java ExampleModClient.java>
public class ExampleModClient implements ClientModInitializer {
    public void onInitializeClient() {
        // To make some parts of the block transparent (like glass, saplings and doors):
        BlockRenderLayerMap.INSTANCE.putBlock(TutorialBlocks.MY_BLOCK, RenderLayer.cutout());
        
        // To make some parts of the block translucent (like ice, stained glass and portal)
        BlockRenderLayerMap.INSTANCE.putBlock(TutorialBlocks.MY_BLOCK, RenderLayer.translucent());
    }
}
</yarncode>

//For version 1.21.6 and after: //
<yarncode java ExampleModClient.java>
public class ExampleModClient implements ClientModInitializer {
    public void onInitializeClient() {
        // To make some parts of the block transparent (like glass, saplings and doors):
        BlockRenderLayerMap.putBlock(TutorialBlocks.MY_BLOCK, RenderType.CUTOUT);
        
        // To make some parts of the block translucent (like ice, stained glass and portal)
        BlockRenderLayerMap.putBlock(TutorialBlocks.MY_BLOCK, RenderType.TRANSLUCENT);
    }
}
</yarncode>

You probably also want to make your block non-opaque. To do that, use the ''noOcclusion'' method on your block settings. This will also make sides render inside.

<yarncode java>
     public static final Block MY_BLOCK = new Block(BlockBehaviour.Properties.of().noOcclusion());
</yarncode>

If you do not mark your block as non-opaque like this, then block faces behind the block will not render and you will be able to see through the world.

Be sure to add your client entrypoint to [[documentation:fabric_mod_json|fabric.mod.json]]. You can do this like so:
<code javascript>
{
  [...]
  "entrypoints": {
    "main": [
      "net.fabricmc.example.ExampleMod"
    ],
    "client": [
      "net.fabricmc.example.ExampleModClient"
    ]
  },
  [...]
}
</code>

Note: For non-transparent blocks that are not full, you may have to override the ''<yarn method_9530>'' method to return a non-full shape to avoid seeing through the world.

===== Making a block invisible =====

First we need to make the block appear invisible. To do this, we override ''<yarn method_9604>'' in our block class and return ''<yarn class_2464>.<yarn field_11455>'':

<yarncode java>
    @Override
    public RenderShape getRenderShape(BlockState state) {
        return RenderShape.INVISIBLE;
    }
</yarncode>

We may also need to make our block unselectable by making its outline shape be non-existent. So override ''<yarn method_9530>'' and return an empty ''<yarn class_265>'':

<yarncode java>
    @Override
    public VoxelShape getShape(BlockState state, BlockGetter blockView, BlockPos pos, CollisionContext context) {
       return Shapes.empty();
    }
</yarncode>