vizchange-animation-story/src/browning/discovery.js

beta testing story tool for vizchange.net

const {verticalAnimation} = require("../phrase");
export class Discovery {
    constructor() {
        //let dive_yester = new Phrase('#lake', 'landscape', '#d1', '#bg2', '#fg1', '#fg2', '#fg3', '#title')

        let dive = new verticalAnimation('#dive-intro',
            'landscape',
            ['#title'],
            ['#bg2'],
            ['#fg1', '#fg2', '#fg3'],
            ['#D1', '#D2', '#D3'],
            '#dive-tomorrow',
            {
                1: ['#bubbles', '#carbon', '#extra', '#fishes', '#people'],
                2: ['#fishes2', '#people2', '#zoom'],
                3: ['#fishes3', '#people3', '#nutri1', '#nutri2', '#nutri3', '#ice']
            },
            {
                1: '#dive-yesterday',
                2: '#dive-today',
                3: '#dive-tomorrow',
            })

        //let dive_yester = new verticalAnimation('#dive-yesterday', 'landscape', ['#title'], ['#bg2'], ['#fg1', '#fg2', '#fg3'], ['#d1', '#d2', '#d3'])
        dive.addLakeAlign(0);

        dive.addVertical('>');
        dive.addVertical('>');
        dive.addVertical('>');

        //dive.fadeOut('>');


    }
}