An endless hike on a tiny world

an-endless-hike-on-a-tiny-world.markdown

An endless hike on a tiny world

A Pen by Joris van Raaij on CodePen.

License.

index.html

<div class='bm_container'></div>

script.js

bodymovin.loadAnimation({
    wrapper: document.querySelector('.bm_container'), // the dom element
    animType: 'svg',
    loop: true,
    autoplay: true,
    prerender: true,
    path: 'https://jorisvanraaij.nl/codepen/flamingo/flamingo.json' // the animation data
});

bodymovin.setSpeed(1.0);

scripts

<script src="https://jorisvanraaij.nl/codepen/flamingo/bodymovin.js"></script>

style.css

body {
    margin: 0;
    background-color: #161E35;
}

.bm_container {
    width: 90%;
    height: 90%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: absolute;
}