• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How are they doing this?

Community Beginner ,
Jan 21, 2020 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

377

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
community guidelines
Community Expert ,
Jan 22, 2020 Jan 22, 2020

Copy link to clipboard

Copied

LATEST

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines