LogoLogo
  • Get Started
  • Getting Started
    • Initial Setup
    • Create Your First Game
    • API Reference
    • Build Your First World Map
    • Multiplayer Testing
    • Use Templates & Examples
    • Styling & Assets
      • Modeling Guidelines
      • Texturing Guidelines
      • Default Assets
  • Build Faster With AI Tools
  • SDK Guides
    • Assets
    • Audio & SFX
      • Audio Manager
    • Blocks & Chunks
      • Block Types
      • Block Type Registry
      • Chunks
      • Chunk Lattice
    • Camera
    • Chat & Commands
    • Debugging
    • Entities
      • Animations
      • Block Entities
      • Colliders & Hitbox
      • Child Entities
      • Entity Controllers
        • Base Entity Controller
        • Pathfinding Entity Controller
        • Player Entity Controller
        • Simple Entity Controller
      • Entity Manager
      • Model Entities
      • Movement & Pathfinding
      • Player Controlled Entities
    • Events
    • Input & Controls
    • Lighting
      • Ambient Light
      • Light Manager
      • Point Lights
      • Spot Lights
      • Sun Light (Directional)
    • Mobile
    • Persisted Data
    • Players
      • Player Manager
      • Persisted Player Data
    • Plugins
    • Physics
      • Colliders
      • Collision Groups
      • Debugging
      • Gravity
      • Raycasts
      • Rigid Bodies
    • User Interface
      • Overlay UI
      • Scene UIs
      • Scene UI Manager
    • Worlds
      • Map Data Format
  • Helpful Resources
    • HYTOPIA Architecture & Platform Overview
    • Useful Third-Party Tools
Powered by GitBook
On this page
  • Texture Resolution
  • Color Palette
  • Saturation
  • Contrast
Export as PDF
  1. Getting Started
  2. Styling & Assets

Texturing Guidelines

PreviousModeling GuidelinesNextDefault Assets

Last updated 1 month ago

Texture Resolution

Hytopia has chosen a cube texture resolution referred to as 24x, meaning a cube’s face has a pixel resolution of 24x24. This resolution differs from similar style games, such as Minecraft, which has a 16x16 default (16x), or 32x32 (32x) for enhanced/modded textures.

We decided that 24x (24x24 pixels) was the right balance between pixelation and detail, with 16xbeing too restrictive, and above 32x starting to look like a bad N64 game reskin.

However, entities and items are intended to be half of the block resolution, putting entities at 12x or 12x12 pixels per face. This half-resolution is a stylistic choice that helps differentiate players, npcs, items, and game objects from the environment.

Color Palette

The color palette consists of all colors used for a particular texture. Each color comes with a set of shades, which make up a "color ramp" or "gradient".

Pixel art is often characterized by a limited color palette. The leap between different colors and shades (contrast) is what gives pixel art is effective style. The viewer’s brain fills in the gaps between shades, automatically understanding the object without needing to add extra steps.

In HYTOPIA’s particular style, each color should target a total of 3 shades: highlight, midtone, and shadow to create the best effect.

💡: For some materials, such as shiny objects, an extra shadow and highlight tone can be added to give a “shiny” effect. Very large objects will also need more steps in order to maintain a proper level of detail. Ultimately the right number of colors in the pallet is up to the creator.

Saturation

HYTOPIA aims to have fun and vibrant color tone. We encourage heavy saturation to keep our world playful and fun. When choosing a color pallet, consider increasing saturation as objects become more shadowed or dark, and hue shifting them as they become lighter. This will give the colors a vibrant and playful feel.

Contrast

Contrast is the perceived difference between any two colors. A ramp whose shades are not contrasted enough, i.e. there isn’t a big enough step (contrast between two neighboring shades), will not properly define the properties of the material. If shades in a ramp are too contrasted, the texture will end up looking intense and metallic. It is also important to monitor the consistency of the step between shades within a ramp.

You can visualize our bowls of soup below as being made out of three different materials:

  1. Our first bowl is made out of clay with no clear coat, a matte finish.

  2. Our second bowl is ceramic with a light gloss.

  3. Our third bowl has so much contrast, it appears to be made out of brass.

Cobblestone block at different resolutions
3-Shades vs 5-shades