Hola, soy un principiante completo, así que lo siento por mi código desordenado (también me disculpo por mi inglés por adelantado).
Actualmente estoy tratando de codificar un sitio web para mí e hice una animación de blender que edité con After Effects y luego exporté con bodymovin. No sé si vinculé mal mi script.js o algo más, pero seguí toneladas de videos y nada parece funcionar porque simplemente no aparece en mi sitio web o recibo errores en mi script.js. Espero estar publicando mi código aquí correctamente.
HTML:
<div id="cloud"></div> <script src="lottie.js"></script> <script src="script.js"></script>Guión.js
var animation = bodymovin.loadAnimation({ container: document.getElementById('cloud') renderer: 'svg', loop: true autoplay: true, path: 'Cloud_1.json' })¡Gracias por adelantado!
EDITAR:
Mi animación es una nube en movimiento. Uso Brackets pero no se ve en ningún lado en el sitio web.
Actualmente tengo un error en
`renderer: 'svg',Y estos son todos los errores que he recibido:
'bodymovin' se utilizó antes de que se definiera. var animación = bodymovin.loadAnimation({ 3
'Procesador' esperado en la columna 1, no en la columna 5. renderizador: 'svg', 3
Se esperaba que '}' coincidiera con '{' de la línea 1 y en su lugar vio 'renderer'. renderizador: 'svg', 3
Se esperaba que ')' coincidiera con '(' de la línea 1 y en su lugar vio ':'. renderer: 'svg', 3
Esperado ';' y en su lugar vio 'svg'. renderizador: 'svg', 3
Se esperaba 'svg' en la columna 1, no en la columna 15. renderer: 'svg', 3
Esperaba una asignación o llamada de función y en su lugar vio una expresión. renderizador: 'svg', 3
Esperado ';' y en su lugar vio ','. renderizador: 'svg', 3
Se esperaba ',' en la columna 1, no en la columna 20. renderer: 'svg', 3
Esperaba un identificador y en su lugar vio ','. renderizador: 'svg', 3
Parada. (42% escaneado). renderizador: 'svg',
Agregue el CDN de Lottie al encabezado de su archivo:
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.8.1/lottie.min.js" integrity="sha512-V1YyTKZJrzJNhcKthpNAaohFXBnu5K9j7Qiz6gv1knFuf13TW/3vpgVVhJu9fvbdW8lb5J6czIhD4fWK2iHKXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>y reemplazar
var animation = bodymovin.loadAnimation({ container: document.getElementById('cloud') renderer: 'svg', loop: true autoplay: true, path: 'Cloud_1.json' })Por
var animation = lottie.loadAnimation({ container: document.getElementById('cloud') renderer: 'svg', loop: true autoplay: true, path: 'Cloud_1.json' })