High School Dragon Prep
Set yourself up for future success at DigiPen! These useful, degree-specific tips can help you start preparing while you’re still in high school.
Learn more about prepping for Art & Animation degree programs Master visual media by combining traditional art foundations with cutting edge technology.
Learn more about prepping for Music & Sound Design degree programs Perfect the art of adding audio to any multimedia project.
.webkit-gradient{ background: -webkit-linear-gradient(30deg, rgba(var(--red), 1), rgba(var(--red-tint), 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0.5rem; margin-left: -0.5rem; z-index: 10;
}
/* Custom Grid Layout Alterations */
.overlay.custom-overlay{ background-image: radial-gradient(rgba(var(--white), 0.9), rgba(var(--white), 0.85), rgba(var(--white), 0.75));
}
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 a.article-aside{ border-top: 2px solid #e6474a; display: flex; position: relative; height: 33.33%; overflow: hidden; width: 100%;
}
/* Article Content and Image Positioning */
.similar-articles .article-content { align-self: center; display: flex; position: absolute; justify-content: center; width: 100%; z-index: 2;
}
.similar-articles .article-content span{ opacity: 1; text-align: center;
}
.similar-articles .article-content span:first-of-type{ -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;
}
.similar-articles .article-content span:nth-of-type(2){ display: none;
}
.similar-articles a.article-aside img{ bottom: 0; height: 100%; left: 0; object-fit: cover; position: absolute; width: 100%; -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease;
}
.similar-articles .article-overlay{ height: 100%; width: 100%; z-index: 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:nth-of-type(1) .article-overlay{ background-color:rgba(var(--golden-yellow),0.4);
}
.similar-articles .article-aside:nth-of-type(2) .article-overlay{ background-color:rgba(var(--teal),0.4);
}
.similar-articles .article-aside:nth-of-type(3) .article-overlay{ background-color:rgba(var(--green),0.4);
}
/* Hover and Focus Effects */
.similar-articles a.article-aside:hover:nth-of-type(1) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(1) .article-overlay{ background-color: rgba(var(--golden-yellow),0.8);
}
.similar-articles a.article-aside:hover:nth-of-type(2) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(2) .article-overlay{ background-color: rgba(var(--teal),0.8);
}
.similar-articles a.article-aside:hover:nth-of-type(3) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(3) .article-overlay{ background-color: rgba(var(--green),0.8);
}
.similar-articles a.article-aside:hover img, .similar-articles a.article-aside:focus img{ transform: scale(1.1);
}
/* Hero Callout Alterations */
body.front #homepage-hero-slideshow .hero-huge-callout{ display: block; margin: 0 auto; max-width: 40rem; padding: 0 1rem; right: 0; text-align: center; top: 45% !important; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
/* Content Animations */
div.hero-huge-callout div.font-size-xxl{ 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.25s; animation-delay: 0.25s;
}
div.hero-huge-callout p.lead-in{ 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.9s; animation-delay: 0.9s;
}
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.5s; animation-delay: 1.5s;
}
@-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;}
}
/* Media Queries - Responsive Behavior */
@media screen and (min-width: 30em){ 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 a.article-aside{ width: 33.33%; height: 100%; border-left: 2px solid #e6474a; } .similar-articles a.article-aside:first-of-type{ border-left: none; } body.front #homepage-hero-slideshow .hero-huge-callout{ padding: 4rem; background-image: radial-gradient(rgba(var(--white), 0.6), rgba(var(--white), 0.5), rgba(var(--white), 0), rgba(var(--white), 0)); }
}
@media screen and (min-width: 54em){ body.front #homepage-hero-slideshow figure.focus-left .hero-slide-image img { -o-object-position: 35%; object-position: 35%; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ width: 70%; 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; } .overlay.custom-overlay{ width: 70%; border-right: 2px solid #e6474a; background-image: linear-gradient(45deg, rgba(var(--white), 0), rgba(var(--white), 0.25), rgba(var(--white), 0.4)); } body.front #homepage-hero-slideshow .hero-huge-callout{ right: 10vw; padding: 5rem 8rem; max-width: 45rem; } div.hero-huge-callout div.font-size-xxl{ font-size: 2.5rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 30%; height: 100%; flex-direction: column; bottom: 0; } .similar-articles a.article-aside{ width: 100%; height: 33.33%; border-top: 2px solid #e6474a; border-left: 0px; } .similar-articles a.article-aside:first-of-type{ border-top: none; } .similar-articles a.article-aside:hover .article-content span:nth-of-type(1), .similar-articles a.article-aside:focus .article-content span:nth-of-type(1){ opacity: 0; } .similar-articles a.article-aside:hover .article-content span:nth-of-type(2), .similar-articles a.article-aside:focus .article-content span:nth-of-type(2){ align-self: center; display: flex; position: absolute; max-width: 25rem; animation: animDown 0.5s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 0.5s cubic-bezier(0.25,0.1,0.25,1) both; } /* Aside Button Styling */ .similar-articles .article-overlay{ background-color: rgba(var(--black),0); } .similar-articles .article-aside span:nth-of-type(1){ border-radius: 3px; padding: 1rem; } .similar-articles .article-aside:nth-of-type(1) .article-overlay{ background-color:rgba(var(--golden-yellow),0.2); } .similar-articles .article-aside:nth-of-type(2) .article-overlay{ background-color:rgba(var(--teal),0.2); } .similar-articles .article-aside:nth-of-type(3) .article-overlay{ background-color:rgba(var(--green),0.2); } .similar-articles .article-aside:nth-of-type(1) span:nth-of-type(1){ background-color: rgba(var(--golden-yellow),0.5); border: 2px solid rgba(var(--golden-yellow),1); } .similar-articles .article-aside:nth-of-type(2) span:nth-of-type(1){ background-color: rgba(var(--teal),0.5); border: 2px solid rgba(var(--teal),1); } .similar-articles .article-aside:nth-of-type(3) span:nth-of-type(1){ background-color: rgba(var(--green),0.5); border: 2px solid rgba(var(--green),1); }
}
@media screen and (min-width: 90em){ body.front #homepage-hero-slideshow figure .hero-slide-image img{ width: 66%; } .overlay.custom-overlay{ width: 66%; } body.front #homepage-hero-slideshow .similar-articles{ width: 34%; } div.hero-huge-callout div.font-size-xxl{ font-size: 3rem; }
}
New on Campus
Alumni
Neha Chintala Helps Steer Forza Motorsport’s Award-Winning Blind Driving Assists
The DigiPen alum and Turn 10 gameplay and accessibility producer discusses her team’s work opening racing games to blind and low-vision players.
Faculty
Text Adventures: Blurring the Lines of Games and Literature with Professor Catherine Broadwall
The DigiPen humanities professor and award-winning poet reflects on the cross-pollination of games, new media, and traditional literature.
Our Students Are Amazing
Student ShowcaseRanked Top 5
The Princeton Review ranked DigiPen a Top 5 Game Design School for the last 14 years.
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
