Explore Online Info Sessions
DigiPen Institute of Technology
Experience DigiPen
Join our Preview Day on September 20 to explore campus, meet students and faculty, learn about our project-based degrees, and more!
Can’t Come to Redmond?
Schedule a 1:1 Admissions Meeting
Connect with a Current Student
.homepage-hero-slideshow{ --bg-overlay-color: var(--true-black); --callout-bg-color: var(--true-black); --aside-color-1: 231, 27, 43; --aside-color-2: 231, 27, 43; --aside-color-3: 231, 27, 43;
}
body.front #homepage-hero-slideshow figure.video figcaption .figure-inner{ position: absolute; max-width:none; width: 100vw;
}
figure.video figcaption .figure-inner video { position: absolute; top: 0; left: 0; width: 100vw; vertical-align: middle; display: block; height: 41vh; min-height: 20rem; -o-object-fit: cover; object-fit: cover;
}
body.front #homepage-hero-slideshow figure.video figcaption .figure-inner .section-inset{ display: block; position: relative; height: 100%;
}
body.front #homepage-hero-slideshow .view-content .views-row.views-row-first{ overflow: hidden;
}
.overlay.custom-overlay{ background-image: linear-gradient(var(--dir), rgba(var(--bg-overlay-color),0.2), rgba(var(--bg-overlay-color),0.4)); width: 100vw; -webkit-animation: animate 2s both; animation: animate 2s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0;
}
body.front #homepage-hero-slideshow figure.focus-right .hero-slide-image img { -o-object-position: 100%; object-position: 100%;
} /* Custom Video Controls */
body.front #homepage-hero-slideshow .controls{ position: absolute; bottom: 0; z-index: 25;
}
body.front #homepage-hero-slideshow .controls button{ padding: 0; background-color: transparent; border: 2px solid white; border-radius: 100%; margin-right: 0.5rem;
}
body.front #homepage-hero-slideshow .controls button:hover,
body.front #homepage-hero-slideshow .controls button:focus{ padding: 0; background-color: white; border: 2px solid white;
}
body.front #homepage-hero-slideshow .controls button:hover i,
body.front #homepage-hero-slideshow .controls button:focus i{ color: rgba(230,71,74,1);
}
body.front #homepage-hero-slideshow .controls button i{ position: relative; top: 1px;
}
body.front #homepage-hero-slideshow .controls button i:first-of-type{ left: 1px;
}
body.front #homepage-hero-slideshow .controls button.pause i.icon-play:before{ content: "\e9a0";
}
body.front #homepage-hero-slideshow .controls button.unmute i.icon-audio-off:before{ content: "\e9d7";
} /* Custom Grid Layout Alterations */ 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 figure .hero-slide-image img{ height: 41vh; 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, #fafafa, #f1f3f5); -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; position: absolute; } .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{ top: 50% !important; width: 100%; height: 100%; background-image: radial-gradient(rgba(var(--bg-overlay-color), 0.3), rgba(var(--bg-overlay-color), 0.1)); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } body.front #homepage-hero-slideshow .callout-container{ margin: 0 auto; max-width: 31rem; position: relative; top: 45%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } body.front #homepage-hero-slideshow div.ctas a{ text-shadow: 1px 1px 1px rgba(var(--true-black),0.4); background-image: linear-gradient(var(--dir), rgba(186, 17, 36, var(--alpha1)) var(--pos1), rgba(231, 27, 43, var(--alpha2)) var(--pos2), rgba(var(--gradient-color-hover), var(--alpha3)) var(--pos4)); } /* Media Queries - Responsive Behavior */ @media screen and (min-width: 30em){ div.hero-huge-callout div.font-size-xxl{ font-size: 2.75rem; } } @media screen and (min-width: 40em){ 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; } figure.video figcaption .figure-inner video { 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){ body.front #homepage-hero-slideshow .hero-huge-callout{ background-image:none; } figure.video figcaption .figure-inner video { position: absolute; height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .callout-container{ margin: 0; max-width: none; } body.front #homepage-hero-slideshow div.ctas a{ padding: 1.2rem 1.6rem; } .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.4)); } .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 .callout-container{ width: 56rem; padding: 10rem; left:-10rem; background: radial-gradient(rgba(var(--callout-bg-color),0.4), rgba(var(--callout-bg-color),0.3), rgba(var(--callout-bg-color),0), rgba(var(--callout-bg-color),0)); } body.front #homepage-hero-slideshow p.lead-in{ max-width: 29rem; } body.front #homepage-hero-slideshow .similar-articles:before{ content: ''; position: absolute; display: block; right: -5vw; height: 110%; width: 200%; background: linear-gradient(270deg, rgba(var(--bg-overlay-color),0.5), transparent); -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.1s; animation-delay: 1.1s; --animation-opacity: 0; } body.front #homepage-hero-slideshow .similar-articles{ width: 16rem; 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 p.lead-in{ max-width: 30rem; } div.hero-huge-callout div.font-size-xxl{ font-size: 3.25rem; } body.front #homepage-hero-slideshow .cta.font-size-sm{ font-size: 1rem; } } @media screen and (min-width: 72em){ body.front #homepage-hero-slideshow .similar-articles{ margin-right: 8vw; width: 18rem; } body.front #homepage-hero-slideshow .similar-articles:before{ right: -8vw; } } @media screen and (min-width: 85.5em){ body.front #homepage-hero-slideshow .similar-articles{ margin-right: calc((100vw - 72rem) / 2); } body.front #homepage-hero-slideshow .similar-articles:before{ right: calc(((100vw - 72rem) / 2) * -1); width: calc(((100vw - 72rem) / 2) + 40rem); background: linear-gradient(270deg, transparent, rgba(var(--bg-overlay-color),0.5), transparent); } } @media screen and (min-width: 90em){ body.front #homepage-hero-slideshow .img-container{ width: 33vw; } div.hero-huge-callout div.font-size-xxl{ font-size: 4rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 20rem; } }
var heroVideoWrapper = document.querySelector ("#hero-video-wrapper");
if (heroVideoWrapper) { var v = document.createElement ("video"); v.setAttribute ("width", "100%"); v.setAttribute ("height", "auto"); v.setAttribute ("preload", "auto"); v.setAttribute ("autoplay", "autoplay"); v.setAttribute ("playsinline", ""); v.setAttribute ("id", "hero-video"); v.loop = true; v.muted = true; v.setAttribute ("poster", "/sites/default/files/public/img/home/01-hero/24-digipen-preview-day-footage-poster.jpg"); var s = document.createElement ("source"); s.setAttribute ("src", "/sites/default/files/public/vid/24-digipen-preview-day-footage.mp4"); s.setAttribute ("type", "video/mp4"); v.appendChild (s); heroVideoWrapper.appendChild (v); window.setTimeout( function() { v.play ();}, "100");
}
var playpauseButton = document.querySelector ("#playpause-button");
if (playpauseButton) { var b = document.createElement ("button"); var i = document.createElement ("i"); var span = document.createElement ("span"); b.setAttribute ("id", "hero-video-playpause"); b.setAttribute ("class", "pause"); b.setAttribute ("type", "button"); i.setAttribute ("class", "icon icomoon icon-play font-size-xl"); span.setAttribute ("class", "sr-only"); span.innerHTML = ("play or pause video"); b.appendChild (i); b.appendChild (span); playpauseButton.appendChild (b);
}
var audioButton = document.querySelector ("#audio-button");
if (audioButton) { var b = document.createElement ("button"); var i = document.createElement ("i"); var span = document.createElement ("span"); b.setAttribute ("id", "hero-video-mute"); b.setAttribute ("type", "button"); i.setAttribute ("class", "icon icomoon icon-audio-off font-size-xl"); span.setAttribute ("class", "sr-only"); span.innerHTML = ("mute or unmute video"); b.appendChild (i); b.appendChild (span); audioButton.appendChild (b);
}
const heroVideo = document.querySelector ("#hero-video");
const heroPlayButton = document.querySelector ("#hero-video-playpause");
const heroMuteButton = document.querySelector ("#hero-video-mute");
function videoPlayToggle() { heroPlayButton.classList.toggle("pause"); if (heroVideo.paused == true) { heroVideo.play(); } else { heroVideo.pause(); }
}
function videoMuteToggle() { heroMuteButton.classList.toggle("unmute"); if (heroVideo.muted == false) { heroVideo.muted = true; } else { heroVideo.muted = false; }
}
var videoControls = document.querySelector ("#hero-video-controls");
if (videoControls) { heroPlayButton.addEventListener("click", videoPlayToggle); heroMuteButton.addEventListener("click", videoMuteToggle);
}
New on Campus
Announcements
New Bachelor’s Degree in Artificial Intelligence Set for 2026 at DigiPen
Our new BS in Computer Science in Artificial Intelligence degree program provides students the tools to create an innovative and responsible future.
Alumni
How AI Training Projects Paved Ben van Oostendorp’s Path to Amazon
The DigiPen AI graduate breaks down the self-playing video games that got him hired at Amazon.
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 16 years.
#1 Median Earnings
Highest median earnings after attending among Washington state colleges.* (collegescorecard.ed.gov)
83% Receive Aid
A majority of incoming undergraduates in the 2024-25 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