> ## Documentation Index
> Fetch the complete documentation index at: https://docs.discord.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Game Development Guides

> Guides for creating games using Discord's APIs, SDKs, and communities.

export const ImageCard = ({img, href, title, children, imageHeight = 120, imageFade = false, imageOffset = 0}) => {
  return <div className="MDXImageCard image-card-wrapper" style={{
    position: 'relative',
    cursor: 'pointer',
    marginTop: '0.5rem',
    marginBottom: '0.5rem'
  }}>
      <a href={href} aria-label={title} className="MDXImageCard image-card-link" style={{
    position: 'absolute',
    inset: 0,
    zIndex: 1
  }} />
      <div className="MDXImageCard image-card" style={{
    display: 'flex',
    flexDirection: 'column',
    borderRadius: '1rem',
    overflow: 'hidden',
    height: '100%'
  }}>
        <div style={{
    height: `${imageHeight}px`,
    width: '100%',
    overflow: 'hidden',
    flexShrink: 0,
    backgroundColor: '#242429',
    ...imageFade && ({
      maskImage: 'linear-gradient(to bottom, black 30%, transparent 100%)',
      WebkitMaskImage: 'linear-gradient(to bottom, black 30%, transparent 100%)'
    })
  }}>
          <img src={img} alt={title} style={{
    width: '100%',
    height: '100%',
    objectFit: 'cover',
    objectPosition: `center calc(50% - ${imageOffset}px)`,
    display: 'block',
    margin: 0
  }} />
        </div>
        <div style={{
    display: 'flex',
    flexDirection: 'column',
    padding: '1.25rem 1.5rem',
    flex: 1
  }}>
          <p className="MDXImageCard image-card-title" style={{
    margin: 0,
    fontWeight: 600,
    fontSize: '1rem'
  }}>
            {title}
          </p>
          {children && <p className="MDXImageCard image-card-description" style={{
    margin: '0.25rem 0 0',
    fontSize: '1rem',
    lineHeight: '1.5rem'
  }}>
              {children}
            </p>}
        </div>
      </div>
    </div>;
};

## Strategy

<ImageCard title="How Can I Grow My Game?" href="/developers/game-development/how-to-grow-your-game" img="https://mintcdn.com/discord/KbTJiI51tEBr5wj-/images/game-development/how-to-grow-your-game/banner-how-to-grow-your-game.webp?fit=max&auto=format&n=KbTJiI51tEBr5wj-&q=85&s=aa38ff0d1289fb8c9d6c43a5467530af" width="1336" height="540" data-path="images/game-development/how-to-grow-your-game/banner-how-to-grow-your-game.webp">
  Learn how to use Discord to grow your game, build a community, and keep players playing!
</ImageCard>

## Guides

<CardGroup cols={3}>
  <ImageCard title="How Do I Create a Community For My Game?" href="/developers/game-development/how-to-create-a-community-for-your-game" img="https://mintcdn.com/discord/V-kWBtRqSMM8Rh_T/images/game-development/how-to-create-a-community-for-your-game/banner-how-to-create-a-community-for-your-game.webp?fit=max&auto=format&n=V-kWBtRqSMM8Rh_T&q=85&s=b358d44334b7a4889916ed596cf17612" width="1336" height="540" data-path="images/game-development/how-to-create-a-community-for-your-game/banner-how-to-create-a-community-for-your-game.webp">
    Set up a community server, design roles and channels, and bring players in from your game.
  </ImageCard>

  <ImageCard title="How Do I Get My Game Seen?" href="/developers/game-development/how-to-get-your-game-seen" img="https://mintcdn.com/discord/V-kWBtRqSMM8Rh_T/images/game-development/how-to-get-your-game-seen/banner-how-to-get-your-game-seen.webp?fit=max&auto=format&n=V-kWBtRqSMM8Rh_T&q=85&s=c183c6b211c5f71f798b82f45c739c4d" width="1336" height="540" data-path="images/game-development/how-to-get-your-game-seen/banner-how-to-get-your-game-seen.webp">
    Use Discord's features to get your game seen by more players and grow your community.
    Implement Rich Presence with game details, lobby joining, game launching, and store links.
  </ImageCard>

  <ImageCard title="How Do I Keep My Players Engaged?" href="/developers/game-development/how-to-keep-your-players-engaged" img="https://mintcdn.com/discord/KbTJiI51tEBr5wj-/images/game-development/how-to-keep-your-players-engaged/banner-how-to-keep-your-players-engaged.webp?fit=max&auto=format&n=KbTJiI51tEBr5wj-&q=85&s=6ebc6c7d64974e633b83c7a260eabbc7" width="1336" height="540" data-path="images/game-development/how-to-keep-your-players-engaged/banner-how-to-keep-your-players-engaged.webp">
    Build a bot connected to your game with leaderboards, event announcements, and achievement sharing.
  </ImageCard>
</CardGroup>

<ImageCard title="How Do I Add Proximity Voice Chat to My Game?" href="/developers/game-development/how-to-add-proximity-voice-chat-to-your-game" img="https://mintcdn.com/discord/wc8-o_i7qbdLKQLh/images/game-development/how-to-add-proximity-voice-chat-to-your-game/banner-proximity-voice-chat.webp?fit=max&auto=format&n=wc8-o_i7qbdLKQLh&q=85&s=488a0e6b24b1f0f8dcc2f1a566a18445" width="1336" height="540" data-path="images/game-development/how-to-add-proximity-voice-chat-to-your-game/banner-proximity-voice-chat.webp">
  Learn how to use the Discord Social SDK's voice chat with Unity's 3D audio system to build proximity voice chat for a multiplayer game.
</ImageCard>