微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Anime.js/随机运动需要有 PNG 面对正确的方向例如向右走,向右走左运动,左脸没运气

如何解决Anime.js/随机运动需要有 PNG 面对正确的方向例如向右走,向右走左运动,左脸没运气

尝试用图像创建运动,以便图像移动并正确显示随机移动工作正常,但我无法尝试找出编写 JS 代码的最佳方法

提前致谢!!!

https://codepen.io/coachFurious/pen/QWGejap

html:

<section>
  <article>
    <div class="10">
    <a class="10" href="10"><img src="https://cyberfishies.com/wp- 
content/uploads/2021/03/10.gif"></img></a>
  
  </div>
  </article>
 
  </section>

CSS:

div.10{
  width: auto;
  height: auto;
}

javascript

function randomValues() {

 anime({
  targets: 'div',translateX: function() {
     return anime.random(-10,1400);
       },translateY: function() { return anime.random(10,14) + 'rem'; },scale: function() { return anime.random(10,20) / 10; },duration: function() { return anime.random(12000,20000); },easing: 'easeInOutSine',complete: randomValues

      });
  }
 randomValues();

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。