Skip to main content
Back to top
A 3D model of a boy with wolf features throwing an apple into the air.

Game Teams:

Level One

Curious what it means to work on a DigiPen game team project? Check out our breakdown of the freshman year experience.

DigiPen Student 3D Model by Joey Ng

.homepage-hero-slideshow{ --bg-overlay-color: var(--purple); --callout-bg-color: var(--purple); --aside-color-1: var(--red); --aside-color-2: var(--green); --aside-color-3: var(--purple); } .overlay.custom-overlay { background: linear-gradient(var(--dir), rgba(var(--bg-overlay-color),0.3), rgba(var(--bg-overlay-color),0.8), rgba(var(--bg-overlay-color),0.7)); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } body.front #homepage-hero-slideshow div.ctas a{ padding: 1.2rem 1.6rem; 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: 16rem; } /* Custom Grid Layout Alterations */ body.front #homepage-hero-slideshow .view-content{ height: 64vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 64vh; min-height: 32rem; } 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: -60%; display: flex; flex-direction: column; position: absolute; height: 60%; right: 0; width: 100%; } .similar-articles .article-aside{ display: flex; position: relative; height: 33.33%; overflow: hidden; width: 100%; border-top: 1px solid #D1D3D5; 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; justify-content: center; } .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: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-custom .hero-slide-image img { -o-object-position: 25%; object-position: 25%; } .overlay.custom-overlay{ -webkit-backdrop-filter: none; backdrop-filter: none; } div.hero-huge-callout .font-size-xxl{ font-size: 3.5rem; } div.hero-huge-callout p.lead-in{ max-width: 17rem; } body.front #homepage-hero-slideshow .hero-huge-callout:before { content: ''; position: absolute; height: 120%; width: 100%; left: -8rem; top: -3rem; background: radial-gradient(rgba(var(--callout-bg-color),0.3), rgba(var(--callout-bg-color),0.1), rgba(var(--callout-bg-color),0), rgba(var(--callout-bg-color),0)); } } @media screen and (min-width: 40em){ div.hero-huge-callout .heading{ font-size: 3rem; } .overlay.custom-overlay{ background-image: linear-gradient(var(--dir), rgba(var(--bg-overlay-color),0), rgba(var(--bg-overlay-color),0.4), rgba(var(--bg-overlay-color),0.7)); } 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; } } @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.3), rgba(var(--bg-overlay-color),0.6), rgba(var(--bg-overlay-color),0.8)) } body.front #homepage-hero-slideshow figure.focus-custom .hero-slide-image img { -o-object-position: 65%; object-position: 65%; } body.front #homepage-hero-slideshow .hero-huge-callout:before { background: radial-gradient(rgba(var(--callout-bg-color),0.3), rgba(var(--callout-bg-color),0.1), rgba(var(--callout-bg-color),0), rgba(var(--callout-bg-color),0)); } div.hero-huge-callout .font-size-xxl{ font-size: 4rem; } div.hero-huge-callout p.lead-in{ font-size: 1.3rem; max-width: 20rem; } 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; } .similar-articles .article-overlay:nth-of-type(1), .similar-articles .article-overlay:nth-of-type(2), .similar-articles .article-overlay:nth-of-type(3) { 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: 3rem 0 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: 7rem; border-radius: 5px; border: 0; box-shadow: 0 0 4px rgba(218,85,48,.15); } .similar-articles .article-aside img{ max-width: 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: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; } @media screen and (min-height: 62em){ body.front #homepage-hero-slideshow .similar-articles{ padding: 7rem 0 9rem 0; } } @media screen and (min-height: 72em){ body.front #homepage-hero-slideshow .similar-articles{ padding: 10rem 0 12rem 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); } } @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

Students

Touching Grass With DigiPen's Athletics Club

With regular soccer, hiking, and biking outings, the Dragon Athletics club makes physical and mental health a priority.

Faculty

Faculty XP: Getting a Grip on Handheld Game Dev with Cartridge King Douglas Schilling

From the original Game Boy to the Nintendo DS, the DigiPen professor revisits his 14 years developing handheld games.

Our Students Are Amazing

Student Showcase
  • Ranked Top 50

    Ranked as one of the Top 50 Creative Schools in the Rookies Global School Rankings for 2023.

  • 514 Selections

    Student films from DigiPen's three global campuses have earned 514 awards and festival selections.

  • 2,000+ Games

    DigiPen alumni have helped ship more than 2,000 commercial game titles, including some of the most popular video games of all time.

  • 313 Awards

    Students from DigiPen's three global campuses have won 313 awards for game projects and academic papers.

Do 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
An image of DigiPen's viewbook

Stay in the Loop

Stay in the Loop

Don’t miss any updates and get access to our digital viewbook!

Don’t miss any updates and get access to our digital viewbook!