El siguiente código no produce ninguna animación. Quiero usar la etiqueta de secuencia de comandos inferior para crear y cambiar animaciones mediante programación. gracias por la ayuda
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>TANACH-CHUNKS</title> <meta name="description" content="Cursor - A-Frame"> <script src="js/aframe.min.js"></script> </head> <body> <a-scene id = "sceneEl"> <a-entity position="0 -1.5 2.5" > <a-camera id="camera" keyboard-controls="enabled: true" wasd-controls="acceleration: 10; enabled: false; adAxis:x" > <a-entity cursor="rayOrigin: mouse; fuse: true; fuseTimeout: 500" id="cursor1" position="0 0 -1" geometry="primitive: ring; radiusInner: 0.001; radiusOuter: 0.01" material="color: blue; shader: flat" > </a-entity> </a-camera> </a-entity> </a-entity> <a-entity id="box" geometry="primitive: box" material="color: red" position="0 0 0" rotation="0 30 0" animation__mouseup="property: components.material.material.color; type: color; from: red; to: blue; startEvents: mouseup; dur: 5000" animation__mouseup="property: components.material.material.color; type: color; from: blue; to: red; startEvents: mouseup; dur: 5000" > </a-entity> <script> box.setAttribute("animation","property: position; to: 2 2 0; dur: 2000;"); </script> </body> </html>Su código de propiedad de animación funciona como se esperaba, pero otros errores (a saber, una etiqueta extraña </a-entity> en el medio y faltan etiquetas al final) impiden que se compile. Aquí está el mismo código limpio, que funciona para mí (suponiendo que su ruta a aframe.min.js sea correcta):
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>TANACH-CHUNKS</title> <meta name="description" content="Cursor - A-Frame" /> <script src="js/aframe.min.js"></script> </head> <body> <a-scene id="sceneEl"> <a-entity position="0 -1.5 2.5"> <a-camera id="camera" keyboard-controls="enabled: true" wasd-controls="acceleration: 10; enabled: false; adAxis:x" > <a-entity cursor="rayOrigin: mouse; fuse: true; fuseTimeout: 500" id="cursor1" position="0 0 -1" geometry="primitive: ring; radiusInner: 0.001; radiusOuter: 0.01" material="color: blue; shader: flat" ></a-entity> </a-camera> </a-entity> <a-entity id="box" geometry="primitive: box" material="color: red" position="0 0 0" rotation="0 30 0" animation__mouseup="property: components.material.material.color; type: color; from: red; to: blue; startEvents: mouseup; dur: 5000" animation__mousedown="property: components.material.material.color; type: color; from: blue; to: red; startEvents: mousedown; dur: 5000" > </a-entity> </a-scene> </body> </html>