This commit is contained in:
Joe 2026-02-02 12:08:47 -06:00
parent a9b4f8e83b
commit e6efc04756
8494 changed files with 495610 additions and 0 deletions

View file

@ -0,0 +1,297 @@
---
title: Feature packages
description: Feature Packages let you drag and drop fully functional, customizable features directly into your experiences.
---
Feature packages are fully functional, customizable features that you can drag and drop directly into your experience. Each feature package comes with:
- Functional back-end code for minimal engineering work
- Default UI components that you can customize to fit your unique aesthetics
- Built-in game design and UI/UX best practices
- Funnel analytics and insights
You can use feature packages to add new functionality and gameplay features to your experiences, improve your experience's key metrics, and contribute to sustainable [live operations](../../production/game-design/liveops-essentials.md) (LiveOps).
<br /> <br />
<Card>
<CardContent>
<h2 style={{marginBottom: 12}}>Bundles</h2>
<Typography variant="body2" color="textSecondary" component="p">
The **Bundles** feature package offers out-of-the-box functionality to sell collections of items to players at a discount.
</Typography>
<>
<Grid
alignItems="stretch"
container
direction="row">
<Grid item Large={6} XSmall={12} direction="column">
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
<img src="../../assets/resources/feature-packages/Bundles/Bundles-Intro.png" width="100%" allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "90%" }} />
</div>
</Grid>
<Grid item Large={6} XSmall={12} direction="column">
<>
<Stepper activeStep={3} orientation="vertical">
<Step style={{marginTop: -36}}>
<StepLabel optional="Register your own in-experience currency for players to purchase items.">
<h5 style={{marginTop: 36}}>Define currencies</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel
optional="Select the items you want to bundle at a discount.">
<h5 style={{marginTop: 36}}>Choose items</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel optional="Create bundle prompts that anticipate player needs at key points of your experience." >
<h5 style={{marginTop: 36}}>Customize prompts</h5>
</StepLabel>
</Step>
</Stepper>
</>
</Grid>
</Grid>
</>
<a href="../feature-packages/bundles.md">
<Button
variant="contained"
size="large">
Start creating
</Button>
</a>
</CardContent>
</Card>
<br /> <br />
<Card>
<CardContent>
<h2 style={{marginBottom: 12}}>Missions</h2>
<Typography variant="body2" color="textSecondary" component="p">
The **Missions** feature package offers out-of-the-box functionality to create missions that players can complete to achieve rewards and progress in your experience.
</Typography>
<>
<Grid
alignItems="stretch"
container
direction="row">
<Grid item Large={6} XSmall={12} direction="column">
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
<img src="../../assets/resources/feature-packages/Missions/Missions-Intro.png" allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "90%"}} />
</div>
</Grid>
<Grid item Large={6} XSmall={12} direction="column">
<>
<Stepper activeStep={3} orientation="vertical">
<Step style={{marginTop: -36}}>
<StepLabel optional="Determine what players need to do to complete a mission.">
<h5 style={{marginTop: 36}}>Define tasks</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel
optional="Add logic that updates task progress as players work on set objectives.">
<h5 style={{marginTop: 36}}>Track progress</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel optional="Create unique UI that matches the aesthetics of your experiences." >
<h5 style={{marginTop: 36}}>Customize menus</h5>
</StepLabel>
</Step>
</Stepper>
</>
</Grid>
</Grid>
</>
<a href="../feature-packages/missions.md">
<Button
variant="contained"
size="large">
Start creating
</Button>
</a>
</CardContent>
</Card>
<br /> <br />
<Card>
<CardContent>
<h2 style={{marginBottom: 12}}>Season passes</h2>
<Typography variant="body2" color="textSecondary" component="p">
The **Season Passes** feature package offers out-of-the-box functionality to create quests that players can complete to earn rewards during a pre-defined period of time.
</Typography>
<>
<Grid
alignItems="stretch"
container
direction="row">
<Grid item Large={6} XSmall={12} direction="column">
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
<img src="../../assets/resources/feature-packages/Season-Passes/Season-Passes-Intro.png" allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "90%"}} />
</div>
</Grid>
<Grid item Large={6} XSmall={12} direction="column">
<>
<Stepper activeStep={3} orientation="vertical">
<Step style={{marginTop: -36}}>
<StepLabel optional="Determine what players need to do to complete a quest.">
<h5 style={{marginTop: 36}}>Define quests</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel
optional="Add logic that updates quest progress as players work on set objectives.">
<h5 style={{marginTop: 36}}>Track progress</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel optional="Create experience-specific rewards to encourage players to progress through a season." >
<h5 style={{marginTop: 36}}>Customize rewards</h5>
</StepLabel>
</Step>
</Stepper>
</>
</Grid>
</Grid>
</>
<a href="../feature-packages/season-passes.md">
<Button
variant="contained"
size="large">
Start creating
</Button>
</a>
</CardContent>
</Card>
<br /> <br />
<Card>
<CardContent>
<h2 style={{marginBottom: 12}}>Engagement rewards</h2>
<Typography variant="body2" color="textSecondary" component="p">
The **Engagement Rewards** feature package is a customizable framework for offering in-game rewards for certain player activities, such as daily logins, login streaks, and time played.
</Typography>
<>
<Grid
alignItems="stretch"
container
direction="row">
<Grid item Large={6} XSmall={12} direction="column">
<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
<img src="../../assets/resources/feature-packages/engagement/rewards.jpg" allowfullscreen style={{position: "absolute", top: 0, left: 0, width: "90%"}} />
</div>
</Grid>
<Grid item Large={6} XSmall={12} direction="column">
<>
<Stepper activeStep={3} orientation="vertical">
<Step style={{marginTop: -36}}>
<StepLabel optional="Set up the core function to give players rewards.">
<h5 style={{marginTop: 36}}>Initialize the package</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel
optional="Create rewards, provide thumbnails, and set reward criteria.">
<h5 style={{marginTop: 36}}>Add rewards</h5>
</StepLabel>
</Step>
<Step style={{marginTop: -36}}>
<StepLabel optional="Match the user interface to your experience." >
<h5 style={{marginTop: 36}}>Customize the UI</h5>
</StepLabel>
</Step>
</Stepper>
</>
</Grid>
</Grid>
</>
<a href="../feature-packages/engagement-rewards.md">
<Button
variant="contained"
size="large">
Start creating
</Button>
</a>
</CardContent>
</Card>