|
@@ -34,8 +34,6 @@
|
|
scene = new THREE.Scene();
|
|
scene = new THREE.Scene();
|
|
scene.background = new THREE.Color( 0x222222 );
|
|
scene.background = new THREE.Color( 0x222222 );
|
|
|
|
|
|
- //
|
|
|
|
-
|
|
|
|
const loader = new LottieLoader();
|
|
const loader = new LottieLoader();
|
|
loader.load( 'textures/lottie/24017-lottie-logo-animation.json', function ( texture ) {
|
|
loader.load( 'textures/lottie/24017-lottie-logo-animation.json', function ( texture ) {
|
|
|
|
|
|
@@ -48,8 +46,6 @@
|
|
|
|
|
|
} );
|
|
} );
|
|
|
|
|
|
- //
|
|
|
|
-
|
|
|
|
renderer = new THREE.WebGLRenderer();
|
|
renderer = new THREE.WebGLRenderer();
|
|
renderer.setPixelRatio( window.devicePixelRatio );
|
|
renderer.setPixelRatio( window.devicePixelRatio );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
@@ -63,6 +59,10 @@
|
|
|
|
|
|
function setupControls( animation ) {
|
|
function setupControls( animation ) {
|
|
|
|
|
|
|
|
+ // Lottie animation API
|
|
|
|
+ // https://airbnb.io/lottie/#/web
|
|
|
|
+
|
|
|
|
+ // There are a few undocumented properties:
|
|
// console.log( animation );
|
|
// console.log( animation );
|
|
|
|
|
|
const scrubber = document.getElementById( 'scrubber' );
|
|
const scrubber = document.getElementById( 'scrubber' );
|