如何解决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 举报,一经查实,本站将立刻删除。