feat: add glass block and update default hotbar (plan 45)

Add a translucent, collidable glass block with self-occlusion so adjacent
glass faces remain visible. Replace brick with glass in hotbar slot 9 and
remove sand from slot 6, leaving it empty.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: r1tsuu

apps/cli/src/default-voxel-tile-sources.ts

@@ -331,6 +331,21 @@ const createGoldOrePixel = (x: number, y: number): Rgba =>
 const createDiamondOrePixel = (x: number, y: number): Rgba =>
   createOrePixel(x, y, 0x31dd9a, rgba(92, 230, 230), 2)
 
+const createGlassPixel = (x: number, y: number): Rgba => {
+  const isBorder = x === 0 || y === 0 || x === 15 || y === 15
+  if (isBorder) {
+    return rgba(195, 224, 240, 230)
+  }
+  const noise = hash2d(x, y, 0x3be8f1)
+  const tintAmount = ((noise & 0x3) - 1) * 3
+  return rgba(
+    clampColor(200 + tintAmount),
+    clampColor(230 + tintAmount),
+    clampColor(245 + tintAmount),
+    28,
+  )
+}
+
 const createArmPixel = (x: number, y: number): Rgba => {
   const base = rgba(195, 155, 120)
   const noise = hash2d(x, y, 0x7a3c1e)
@@ -357,6 +372,7 @@ const DEFAULT_TILE_PIXEL_FACTORIES: Record<AtlasTileId, (x: number, y: number) =
   'gold-ore': createGoldOrePixel,
   'diamond-ore': createDiamondOrePixel,
   arm: createArmPixel,
+  glass: createGlassPixel,
 }
 
 export const buildDefaultVoxelTilePixels = (tileId: AtlasTileId): Uint8Array => {

apps/client/assets/textures/tiles-src/glass.png

@@ -24,6 +24,7 @@ export type AtlasTileId =
   | 'gold-ore'
   | 'diamond-ore'
   | 'arm'
+  | 'glass'
 
 export interface AtlasTileCoord {
   x: number
@@ -57,6 +58,7 @@ export const AtlasTiles: Record<AtlasTileId, AtlasTileCoord> = {
   'gold-ore': { x: 0, y: 4 },
   'diamond-ore': { x: 1, y: 4 },
   arm: { x: 2, y: 4 },
+  glass: { x: 3, y: 4 },
 }
 
 export const ATLAS_TILE_IDS = Object.keys(AtlasTiles) as AtlasTileId[]

apps/client/assets/textures/voxel-atlas.png

@@ -17,7 +17,8 @@
     "ironOre": 14,
     "goldOre": 15,
     "diamondOre": 16,
-    "playerArm": 17
+    "playerArm": 17,
+    "glass": 18
   },
   "items": {
     "empty": 0,
@@ -34,6 +35,7 @@
     "coalOre": 111,
     "ironOre": 112,
     "goldOre": 113,
-    "diamondOre": 114
+    "diamondOre": 114,
+    "glass": 115
   }
 }

packages/core/src/world/atlas.ts

@@ -323,6 +323,23 @@ export const AUTHORED_BLOCK_SPECS = [
       side: 'diamond-ore',
     },
   },
+  {
+    key: 'glass',
+    name: 'glass',
+    collidable: true,
+    breakable: true,
+    occlusion: 'self',
+    renderPass: 'translucent',
+    dropItemKey: 'glass',
+    emittedLightLevel: 0,
+    durability: 600,
+    color: [0.85, 0.93, 0.98],
+    tiles: {
+      top: 'glass',
+      bottom: 'glass',
+      side: 'glass',
+    },
+  },
   {
     key: 'playerArm',
     name: 'player arm',
@@ -463,6 +480,14 @@ export const AUTHORED_ITEM_SPECS = [
     placesBlockKey: 'diamondOre',
     renderBlockKey: 'diamondOre',
   },
+  {
+    key: 'glass',
+    name: 'glass',
+    color: [0.85, 0.93, 0.98],
+    maxStackSize: 64,
+    placesBlockKey: 'glass',
+    renderBlockKey: 'glass',
+  },
 ] as const satisfies readonly AuthoredItemSpec[]
 
 export const DEFAULT_STARTER_INVENTORY_STACK_SPECS = [
@@ -496,11 +521,6 @@ export const DEFAULT_STARTER_INVENTORY_STACK_SPECS = [
     itemKey: 'leaves',
     count: 64,
   },
-  {
-    slot: 6,
-    itemKey: 'sand',
-    count: 64,
-  },
   {
     slot: 7,
     itemKey: 'planks',
@@ -513,7 +533,7 @@ export const DEFAULT_STARTER_INVENTORY_STACK_SPECS = [
   },
   {
     slot: 9,
-    itemKey: 'brick',
+    itemKey: 'glass',
     count: 64,
   },
 ] as const satisfies readonly StarterInventoryStackSpec[]

packages/core/src/world/content-id-lock.json

@@ -20,6 +20,7 @@ export const BLOCK_IDS = {
   goldOre: 15,
   diamondOre: 16,
   playerArm: 17,
+  glass: 18,
 } as const;
 
 export const ITEM_IDS = {
@@ -38,6 +39,7 @@ export const ITEM_IDS = {
   ironOre: 112,
   goldOre: 113,
   diamondOre: 114,
+  glass: 115,
 } as const;
 
 export type BlockKey = keyof typeof BLOCK_IDS;
@@ -46,5 +48,5 @@ export type ItemKey = keyof typeof ITEM_IDS;
 export type BlockId = (typeof BLOCK_IDS)[BlockKey];
 export type ItemId = (typeof ITEM_IDS)[ItemKey];
 
-export const BLOCK_ID_VALUES = [BLOCK_IDS.air, BLOCK_IDS.grass, BLOCK_IDS.dirt, BLOCK_IDS.stone, BLOCK_IDS.log, BLOCK_IDS.leaves, BLOCK_IDS.sand, BLOCK_IDS.planks, BLOCK_IDS.cobblestone, BLOCK_IDS.brick, BLOCK_IDS.bedrock, BLOCK_IDS.glowstone, BLOCK_IDS.water, BLOCK_IDS.coalOre, BLOCK_IDS.ironOre, BLOCK_IDS.goldOre, BLOCK_IDS.diamondOre, BLOCK_IDS.playerArm] as const;
-export const ITEM_ID_VALUES = [ITEM_IDS.empty, ITEM_IDS.grass, ITEM_IDS.dirt, ITEM_IDS.stone, ITEM_IDS.log, ITEM_IDS.leaves, ITEM_IDS.sand, ITEM_IDS.planks, ITEM_IDS.cobblestone, ITEM_IDS.brick, ITEM_IDS.glowstone, ITEM_IDS.coalOre, ITEM_IDS.ironOre, ITEM_IDS.goldOre, ITEM_IDS.diamondOre] as const;
+export const BLOCK_ID_VALUES = [BLOCK_IDS.air, BLOCK_IDS.grass, BLOCK_IDS.dirt, BLOCK_IDS.stone, BLOCK_IDS.log, BLOCK_IDS.leaves, BLOCK_IDS.sand, BLOCK_IDS.planks, BLOCK_IDS.cobblestone, BLOCK_IDS.brick, BLOCK_IDS.bedrock, BLOCK_IDS.glowstone, BLOCK_IDS.water, BLOCK_IDS.coalOre, BLOCK_IDS.ironOre, BLOCK_IDS.goldOre, BLOCK_IDS.diamondOre, BLOCK_IDS.playerArm, BLOCK_IDS.glass] as const;
+export const ITEM_ID_VALUES = [ITEM_IDS.empty, ITEM_IDS.grass, ITEM_IDS.dirt, ITEM_IDS.stone, ITEM_IDS.log, ITEM_IDS.leaves, ITEM_IDS.sand, ITEM_IDS.planks, ITEM_IDS.cobblestone, ITEM_IDS.brick, ITEM_IDS.glowstone, ITEM_IDS.coalOre, ITEM_IDS.ironOre, ITEM_IDS.goldOre, ITEM_IDS.diamondOre, ITEM_IDS.glass] as const;

packages/core/src/world/content-spec.ts

@@ -324,6 +324,23 @@ export const GENERATED_BLOCK_DEFINITIONS = {
       side: "diamond-ore",
     },
   },
+  [BLOCK_IDS.glass]: {
+    id: BLOCK_IDS.glass,
+    name: "glass",
+    collidable: true,
+    breakable: true,
+    occlusion: "self",
+    renderPass: "translucent",
+    dropItemId: ITEM_IDS.glass,
+    emittedLightLevel: 0,
+    durability: 600,
+    color: [0.85, 0.93, 0.98],
+    tiles: {
+      top: "glass",
+      bottom: "glass",
+      side: "glass",
+    },
+  },
   [BLOCK_IDS.playerArm]: {
     id: BLOCK_IDS.playerArm,
     name: "player arm",
@@ -464,6 +481,14 @@ export const GENERATED_ITEM_DEFINITIONS = {
     placesBlockId: BLOCK_IDS.diamondOre,
     renderBlockId: BLOCK_IDS.diamondOre,
   },
+  [ITEM_IDS.glass]: {
+    id: ITEM_IDS.glass,
+    name: "glass",
+    color: [0.85, 0.93, 0.98],
+    maxStackSize: 64,
+    placesBlockId: BLOCK_IDS.glass,
+    renderBlockId: BLOCK_IDS.glass,
+  },
 } as const satisfies Record<ItemId, GeneratedItemDefinition>;
 
 export const STARTER_INVENTORY_STACKS = [
@@ -473,8 +498,7 @@ export const STARTER_INVENTORY_STACKS = [
   { slot: 3, itemId: ITEM_IDS.stone, count: 64 },
   { slot: 4, itemId: ITEM_IDS.log, count: 64 },
   { slot: 5, itemId: ITEM_IDS.leaves, count: 64 },
-  { slot: 6, itemId: ITEM_IDS.sand, count: 64 },
   { slot: 7, itemId: ITEM_IDS.planks, count: 64 },
   { slot: 8, itemId: ITEM_IDS.cobblestone, count: 64 },
-  { slot: 9, itemId: ITEM_IDS.brick, count: 64 },
+  { slot: 9, itemId: ITEM_IDS.glass, count: 64 },
 ] as const satisfies readonly StarterInventoryStackDefinition[];