Game Teams:
Freshman Year
DigiPen Institute of Technology
Let’s Break it Down:
Game Teams
Hop into the world of a DigiPen game or animation team in our upcoming livestream! Join us on Wednesday, April 1, to get a firsthand overview directly from current students.
Related Articles
Game Teams:
Sophomore Year
Game Teams:
Junior Year
Game Teams:
Senior Year
DigiPen Student Game BASIL AND THE ISLE OF SPICE
.homepage-hero-slideshow{ --bg-overlay-color: var(--blue-green); --callout-bg-color: var(--purple); --aside-color-1: var(--purple-tint); --aside-color-2: var(--blue-green-tint); --aside-color-3: var(--green-tint); --aside-color-4: var(--red-tint); } .overlay.custom-overlay { background: linear-gradient(var(--dir), rgba(var(--bg-overlay-color),0.3), rgba(var(--bg-overlay-color),0.6), rgba(var(--bg-overlay-color),0.4)); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-animation: animate 3s both; animation: animate 3s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; } body.front #homepage-hero-slideshow div.ctas{ text-shadow: 1px 1px 1px rgba(var(--true-black),0.4); max-width: 15rem; } body.front #homepage-hero-slideshow div.ctas a{ text-shadow: 1px 1px 1px rgba(var(--true-black),0.4); } body.front #homepage-hero-slideshow .section-inset{ position: relative; height: 100%; margin: 0 auto; } div.hero-huge-callout .font-size-xxl{ font-size: 3rem; } div.hero-huge-callout p.lead-in{ max-width: 20rem; } /* Custom Grid Layout Alterations */ body.front #homepage-hero-slideshow .view-content{ height: 68vh; min-height: 34rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 68vh; min-height: 34rem; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ height: 40vh; min-height: 20rem; } body.front #homepage-hero-slideshow figure figcaption .figure-inner{ max-width: 100%; width: 100vw !important; } .similar-articles{ bottom: -70%; display: flex; flex-direction: column; position: absolute; height: 70%; right: 0; width: 100%; } .similar-articles .article-aside{ display: flex; position: relative; height: 33.33%; overflow: hidden; width: 100%; border-top: 1px solid rgba(var(--medium-grey),1); /* can be removed once migrated to scss files - conflict with figure a styles */ border-bottom: 0 !important; padding-bottom: 0 !important; background-image: linear-gradient(to right, rgba(var(--snowflake-grey),1), rgba(var(--light-grey),1)); -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; } .similar-articles .article-aside .article-overlay{ display: block; height: 100%; width: 100%; z-index: 1; background-color: transparent; -webkit-transition: height 300ms ease, background-color 300ms ease; -moz-transition: height 300ms ease, background-color 300ms ease; -ms-transition: height 300ms ease, background-color 300ms ease; -o-transition: height 300ms ease, background-color 300ms ease; transition: height 300ms ease, background-color 300ms ease; } .similar-articles .article-aside img{ max-width: 3.25rem; } /* Article Content and Image Positioning */ .similar-articles .article-content { align-self: center; display: flex; position: absolute; width: 100%; z-index: 2; } .similar-articles .article-content div{ -webkit-transition: opacity 220ms ease, color 300ms ease; -moz-transition: opacity 220ms ease, color 300ms ease; -ms-transition: opacity 220ms ease, color 300ms ease; -o-transition: opacity 220ms ease, color 300ms ease; transition: opacity 220ms ease, color 300ms ease; } .similar-articles .article-content .content-reveal{ display: none; } /* Hover and Focus Effects */ .similar-articles .article-aside:nth-of-type(1):hover .article-overlay, .similar-articles .article-aside:nth-of-type(1):focus .article-overlay{ background-color:rgba(var(--aside-color-1),1); } .similar-articles .article-aside:nth-of-type(2):hover .article-overlay, .similar-articles .article-aside:nth-of-type(2):focus .article-overlay{ background-color:rgba(var(--aside-color-2),1); } .similar-articles .article-aside:nth-of-type(3):hover .article-overlay, .similar-articles .article-aside:nth-of-type(3):focus .article-overlay{ background-color:rgba(var(--aside-color-3),1); } .similar-articles .article-aside:nth-of-type(4):hover .article-overlay, .similar-articles .article-aside:nth-of-type(4):focus .article-overlay{ background-color:rgba(var(--aside-color-4),1); } .similar-articles .article-aside:hover span, .similar-articles .article-aside:focus span, .similar-articles .article-aside:hover p, .similar-articles .article-aside:focus p{ color: #ffffff; } /* Hero Callout Alterations */ body.front #homepage-hero-slideshow .hero-huge-callout{ display: block; margin: 0 auto; text-align: left; top: 50% !important; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } /* Media Queries - Responsive Behavior */ @media screen and (min-width: 30em){ body.front #homepage-hero-slideshow figure.focus-center .hero-slide-image img { -o-object-position: 30% 25%%; object-position: 30% 25%; } .overlay.custom-overlay{ -webkit-backdrop-filter: none; backdrop-filter: none; } div.hero-huge-callout p.lead-in{ max-width: 21rem; } } @media screen and (min-width: 40em){ .overlay.custom-overlay{ background-image: linear-gradient(var(--dir), rgba(var(--bg-overlay-color),0), rgba(var(--bg-overlay-color),0), rgba(var(--bg-overlay-color),0.3), rgba(var(--bg-overlay-color),0.6), rgba(var(--bg-overlay-color),0.8)); } body.front #homepage-hero-slideshow .view-content{ height: 52vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 52vh; min-height: 32rem; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ min-height: 25rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 100%; height: 30%; bottom: -30%; flex-direction: row; } .similar-articles .article-aside{ width: 33.33%; height: 100%; border-left: 1px solid rgba(var(--medium-grey), 1); } .similar-articles .article-aside:nth-of-type(1){ border-left: none; } .similar-articles .img-wrapper{ display: none; } } @media screen and (min-width: 54em){ .overlay.custom-overlay{ background-image: linear-gradient(var(--dir), rgba(var(--bg-overlay-color),0), rgba(var(--bg-overlay-color),0), rgba(var(--bg-overlay-color),0.15), rgba(var(--bg-overlay-color),0.5), rgba(var(--bg-overlay-color),0.65), rgba(var(--bg-overlay-color),0.8)); } body.front #homepage-hero-slideshow figure.focus-center .hero-slide-image img { -o-object-position: 50%; object-position: 50%; } div.hero-huge-callout .font-size-xxl{ font-size: 4rem; } div.hero-huge-callout p.lead-in{ font-size: 1.3rem; max-width: 26rem; } body.front #homepage-hero-slideshow figure .figure-title{ right: inherit; margin-left: 5vw; -webkit-animation: animate 2s both; animation: animate 2s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); -webkit-animation-delay: 1.6s; animation-delay: 1.6s; --animation-opacity: 0; } body.front #homepage-hero-slideshow .hero-huge-callout{ max-width: 29rem; top: 45% !important; } body.front #homepage-hero-slideshow .hero-huge-callout:before { content: ''; position: absolute; height: 150%; width: 150%; left: -8rem; top: -4rem; background: radial-gradient(rgba(var(--callout-bg-color),0.4), rgba(var(--callout-bg-color),0.2), rgba(var(--callout-bg-color),0), rgba(var(--callout-bg-color),0)); -webkit-animation: animate 3s both; animation: animate 3s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; } .similar-articles .article-overlay:nth-of-type(1), .similar-articles .article-overlay:nth-of-type(2), .similar-articles .article-overlay:nth-of-type(3), .similar-articles .article-overlay:nth-of-type(4) { background-color: none; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content{ height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 17rem; height: 100%; padding: 1rem 0 2.5rem 0; margin-right: 5vw; flex-direction: column; bottom: 0; align-items: stretch; justify-content: space-around; } .similar-articles .article-aside{ width: 100%; height: 20%; min-height: 6rem; border-radius: 5px; border: 0; box-shadow: 0 0 4px rgba(218,85,48,.15); } .similar-articles .img-wrapper{ display: block; } .similar-articles .article-aside img{ max-width: 4.5rem; position: relative; right: 5px; } .similar-articles .article-content { justify-content: flex-start; } .similar-articles .article-content div{ top: 0.25rem; position: relative; } .similar-articles .article-aside .article-overlay{ height: 10%; } .similar-articles .article-aside:hover .article-overlay, .similar-articles .article-aside:focus .article-overlay{ height: 100%; } .similar-articles .article-aside:nth-of-type(1) .article-overlay{ background-image: linear-gradient(var(--direction-ne), rgba(var(--aside-color-1),1), rgba(var(--aside-color-1),1)); } .similar-articles .article-aside:nth-of-type(2) .article-overlay{ background-image:linear-gradient(var(--direction-ne), rgba(var(--aside-color-2),1), rgba(var(--aside-color-2),1)); } .similar-articles .article-aside:nth-of-type(3) .article-overlay{ background-image: linear-gradient(var(--direction-ne), rgba(var(--aside-color-3),1), rgba(var(--aside-color-3),1)); } .similar-articles .article-aside:nth-of-type(4) .article-overlay{ background-image: linear-gradient(var(--direction-ne), rgba(var(--aside-color-4),1), rgba(var(--aside-color-4),1)); } .similar-articles .article-aside:hover .article-content div, .similar-articles .article-aside:focus .article-content div{ opacity: 0; } .similar-articles .article-aside .article-content .content-reveal{ text-align: center; width: 100%; left: 0; } .similar-articles .article-aside:hover .article-content .content-reveal, .similar-articles .article-aside:focus .article-content .content-reveal{ align-self: center; display: flex; position: absolute; max-width: 27rem; -webkit-animation: animate 0.5s both; animation: animate 0.5s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; --animation-translate-x: 0; --animation-translate-y: -1rem; } #homepage-hero-slideshow .similar-articles a.article-aside, #homepage-hero-slideshow .similar-articles p.aside-heading{ -webkit-animation: animate 1s both; animation: animate 1s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; --animation-translate-x: 2rem; --animation-translate-y: 0; } #homepage-hero-slideshow .similar-articles p.aside-heading{ -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(1){ -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(2){ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(3){ -webkit-animation-delay: 1.55s; animation-delay: 1.55s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(4){ -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } @media screen and (min-height: 62em){ body.front #homepage-hero-slideshow .similar-articles{ padding: 3rem 0 5rem 0; } } @media screen and (min-height: 72em){ body.front #homepage-hero-slideshow .similar-articles{ padding: 5rem 0 7rem 0; } } } @media screen and (min-width: 68em){ body.front #homepage-hero-slideshow .hero-huge-callout{ max-width: 35rem; } body.front #homepage-hero-slideshow figure .figure-title{ margin-left: 8vw; } } @media screen and (min-width: 72em){ div.hero-huge-callout .font-size-xxl{ font-size: 4.5rem; } body.front #homepage-hero-slideshow .similar-articles{ margin-right: 8vw; width: 18rem; } } @media screen and (min-width: 85.5em){ body.front #homepage-hero-slideshow figure .figure-title{ margin-left: calc((100vw - 72rem) / 2); } body.front #homepage-hero-slideshow figure.focus-center .hero-slide-image img { -o-object-position: 75% 75%; object-position: 75% 75%; } } @media screen and (min-width: 90em){ div.hero-huge-callout .font-size-xxl{ font-size: 5rem; } body.front #homepage-hero-slideshow .similar-articles{ margin-right: 12vw } } @media screen and (min-width: 110em){ body.front #homepage-hero-slideshow .similar-articles{ margin-right: 15vw; } }
New on Campus
Alumni
Kiera Williams Codes Hit Superhero Game Dispatch with Her Gaming Heroes
Working with Telltale legends at AdHoc, the DigiPen alum’s powerful programming is all over the studio’s award-winning debut.
Announcements
DigiPen Named a Top Game Design School in 2026 Princeton Review Rankings
The college’s undergraduate and graduate programs rank among the nation’s best.
In Good Company
Thanks to the industry partners who visit, hire, and inspire, and to our graduates powering the future of tech and play.
Top Game School
Ranked as a Top Video Game Design School by the Princeton Review for the last 17 years.
#1 Median Earnings
Highest median earnings after attending among Washington state colleges.* (collegescorecard.ed.gov)
91% Receive Aid
A majority of incoming undergraduates in the 2025-26 academic year were awarded DigiPen gift aid.
1,000+ Awards
DigiPen students have earned more than 1,000 awards and honors for their games, films, and academic papers.
*The median annual earnings of individuals that received federal student aid and began college at this institution 10 years ago, regardless of their completion status.
Our Students Are Amazing
Student ShowcaseDo What You Love. Love What You Do.
We prepare students for a wide range of careers — doing the kind of work that challenges the mind and excites the imagination. Check out some examples of what our alumni have gone on to do after DigiPen.
Alumni Success
Stay in the Loop
Stay in the Loop