We Won't Leave You Stranded!
Get an Application Walkthrough
Demystify the DigiPen application process at our virtual Application Workshop on Oct. 4! Get your questions answered and step-by-step help from staff.
DigiPen Student 3D Rendering by Juthapat Limpattanakul
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; width: 100vw; top: 0; left: 0; vertical-align: middle; display: block; height: 100%; min-height: 25rem; -o-object-fit: cover; object-fit: cover; object-position: 60%;
}
body.front #homepage-hero-slideshow figure.video figcaption .figure-inner .section-inset{ 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(350deg, rgba(70,70,112,0.6), rgba(70,70,112,0.4), rgba(7,203,202,0.5), rgba(7,203,202,0.3)); width: 100vw;
} /* Custom Grid Layout Alterations */ body.front #homepage-hero-slideshow figure figcaption .figure-inner{ max-width: 100%; width: 100vw !important; } /* Hero Callout Alterations */ body.front #homepage-hero-slideshow .hero-huge-callout{ display: block; top: 50% !important; width: 100%; height: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } body.front #homepage-hero-slideshow .callout-container{ text-align:center; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } body.front #homepage-hero-slideshow .callout-container:before { content: ''; position: absolute; height: 200%; width: 200%; left: -50%; top: -50%; background: radial-gradient(rgba(70,70,112,0.4), rgba(70,70,112,0.2), rgba(70,70,112,0), rgba(70,70,112,0)); } /* Content Animations */ div.hero-huge-callout div.heading-intro{ animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } div.hero-huge-callout div.heading{ animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } div.hero-huge-callout p.lead-in{ max-width: 22rem; margin-left: auto; margin-right: auto; animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } div.hero-huge-callout div.ctas{ animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } div.hero-huge-callout div.ctas{ animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } @-webkit-keyframes animDown{ from { -webkit-transform: translate3d(0,-1rem,0); opacity: 0; transform: translate3d(0,-1rem,0); opacity: 0;} } @keyframes animDown{ from { -webkit-transform: translate3d(0,-1rem,0); transform: translate3d(0,-1rem,0); opacity: 0;} } @-webkit-keyframes animRight{ from { -webkit-transform: translate3d(1rem,0,0); opacity: 0; transform: translate3d(1rem,0,0); opacity: 0;} } @keyframes animRight{ from { -webkit-transform: translate3d(1rem,0,0); transform: translate3d(1rem,0,0); opacity: 0;} } @-webkit-keyframes animLeft{ from { -webkit-transform: translate3d(-2rem,0,0); opacity: 0; transform: translate3d(-2rem,0,0); opacity: 0;} } @keyframes animLeft{ from { -webkit-transform: translate3d(-2rem,0,0); transform: translate3d(-2rem,0,0); opacity: 0;} } @-webkit-keyframes fadeIn{ from { opacity: 0;} } @keyframes fadeIn{ from { opacity: 0;} } /* Media Queries - Responsive Behavior */ @media screen and (min-width: 30em){ div.hero-huge-callout div.font-size-xxl{ font-size: 2.75rem; } div.hero-huge-callout p.lead-in{ max-width: 24rem; } } @media screen and (min-width: 54em){ body.front #homepage-hero-slideshow .callout-container:before { background:radial-gradient(rgba(70,70,112,0.8), rgba(70,70,112,0.3), rgba(70,70,112,0), rgba(70,70,112,0)); } figure.video figcaption .figure-inner video { position: absolute; height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow figure .figure-title{ margin-right: 5vw; animation: fadeIn 3s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: fadeIn 3s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } body.front #homepage-hero-slideshow .callout-container{ margin: 0; text-align: left; max-width: none; } div.hero-huge-callout p.lead-in{ margin-left: 0; max-width: 26rem; } body.front #homepage-hero-slideshow div.ctas a{ padding: 1.2rem 1.6rem; } .overlay.custom-overlay{ background-image: linear-gradient(120deg, rgba(70,70,112,0.7), rgba(70,70,112,0.3), rgba(7,203,202,0.2), rgba(7,203,202,0)); } } @media screen and (min-width: 68em){ body.front #homepage-hero-slideshow .callout-container{ width: 62rem; } body.front #homepage-hero-slideshow figure .figure-title{ margin-right: 8vw; } div.hero-huge-callout div.font-size-xxl{ font-size: 3.25rem; } div.hero-huge-callout p.lead-in{ max-width: 42rem; font-size: 1.5rem; } body.front #homepage-hero-slideshow .cta.font-size-sm{ font-size: 1rem; } } @media screen and (min-width: 85.5em){ body.front #homepage-hero-slideshow figure .figure-title{ margin-right: calc((100vw - 72rem) / 2); } } @media screen and (min-width: 90em){ div.hero-huge-callout div.font-size-xxl{ font-size: 3.5rem; } }
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.muted = true; v.setAttribute ("poster", "/sites/default/files/public/img/home/01-hero/digipen-student-3d-render-by-juthapat-limpattanakul-poster.jpg"); var s = document.createElement ("source"); s.setAttribute ("src", "/sites/default/files/public/img/home/01-hero/digipen-student-3d-render-by-juthapat-limpattanakul.mp4"); s.setAttribute ("type", "video/mp4"); v.appendChild (s); heroVideoWrapper.appendChild (v); window.setTimeout( function() { v.play ();}, "100");
}
New on Campus
Industry
Guest Talk: ILM Immersive’s Jose Perez III on Star Wars, Interactive Storytelling and Experience Design
Current and prospective students peeked behind the curtain of VR and immersive experience design at this special campus presentation.
Faculty
How Brigitte Samson Went from Animating Dragons to Teaching Them
From animating perilous yetis to enriching students and game teams at DigiPen, senior lecturer Brigitte Samson puts teamwork at the forefront.
Our Students Are Amazing
Student ShowcaseRanked Top 5
The Princeton Review ranked DigiPen a Top 5 Game Design School for the last 14 years.
442 Selections
Student films from DigiPen's three global campuses have earned 442 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.
278 Awards
Students from DigiPen's three global campuses have won 278 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
