Highlighted

How are they doing this?

Community Beginner ,
Jan 21, 2020

Copy link to clipboard

Copied

Check out this page on the Washington Post site about Notre Dame. (https://www.washingtonpost.com/graphics/2020/entertainment/notre-dame-history/) Scroll down a good bit to actually see the animated parts showing the evolution of the cathedral over time and the 3D animation as they turn and rotate the architectural plans of the building, all tied to the scrolling and the associated text content. Sure, it's HTML5, but does anyone have any idea how that was built? What tools could you use to build it? If you wanted to build something like it, where would you start? Dreamweaver? Animate? Anything else?

 

TOPICS
Code, How to, Interface, Other, Publish

Views

280

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How are they doing this?

Community Beginner ,
Jan 21, 2020

Copy link to clipboard

Copied

Check out this page on the Washington Post site about Notre Dame. (https://www.washingtonpost.com/graphics/2020/entertainment/notre-dame-history/) Scroll down a good bit to actually see the animated parts showing the evolution of the cathedral over time and the 3D animation as they turn and rotate the architectural plans of the building, all tied to the scrolling and the associated text content. Sure, it's HTML5, but does anyone have any idea how that was built? What tools could you use to build it? If you wanted to build something like it, where would you start? Dreamweaver? Animate? Anything else?

 

TOPICS
Code, How to, Interface, Other, Publish

Views

281

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 21, 2020 0
Adobe Community Professional ,
Jan 22, 2020

Copy link to clipboard

Copied

The Washington Post has resources to hire teams of programmers.  Do a Google search for Scroll-based Animations or AOS (animation on scroll).  There are numerous ways to do it with CSS3, JQuery, plain vanilla JavaScript and code libraries like Vue.js and others. 

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 22, 2020 0