Физика box2d с элементами DOM: рендеринг не плавный - PullRequest
Новая
       59

Физика box2d с элементами DOM: рендеринг не плавный

0 голосов
/ 19 июня 2020

Я хотел бы использовать box2d для добавления физики к элементам DOM.

Для этого я начал работать с этими файлами. hello-world.html показывает почти то, что мне нужно. Но я понял, что рендеринг очень плохой. Совершенно не бегло. Похоже, у движения всего 20 кадров в секунду.

Как это сделать плавно?

Код: 

$(document).ready(function() {
  $("h1, div, img").box2d({
    'y-velocity': 5
  });
});
h1 {
  background-color: lightgray;
  width: 500px;
}

div {
  width: 500px;
  background-color: lightgray;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/franzenzenhofer/box2d-jquery/develop/js/lib/jquery.box2d.min.js"></script>

<h1>Hello World Lorem Ipsum</h1>
<img src="http://placekitten.com/400/300" width="400px" height="300px">
<div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
  sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
  Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>

Буду очень благодарен за помощь!

...