Как я могу использовать чистый javascript для анимации изображения от точки a до точки b. Если нет каких-либо фреймворков, которые я могу использовать, исключая jQuery? Вот то, что я до сих пор http://jsfiddle.net/kmHZt/10/Как оживить что-то от точки a до точки b?
Вы можете использовать комбинацию JavaScript и CSS переходов:
CSS:
.slide-elem {
position: relative;
-webkit-transition: 0.5s left;
-moz-transition: 0.5s left;
-o-transition: 0.5s left;
transition: 0.5s left;
}
.slide-elem.triggered {
left: 50px; // Your animation here
}
JS:
document.querySelector(".slide-elem").className += " triggered";
Конечно, вы можете настройте все это, чтобы делать все, что захотите. Подробнее о переходах CSS: http://www.w3schools.com/css3/css3_transitions.asp
В дополнение к ответу Альфреда вы также должны посмотреть анимацию CSS (в отличие от переходов).
Вот хороший учебник: https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations
Css анимации/переходов в сочетании с добавлением имен классов с JavaScript должен быть достаточно, если вы не анимировать много вещей, то я бы рекомендовал использовать HTML 5 Canvas
JQuery является написанный на чистом Javascript, поэтому, конечно, вы можете это сделать. Вопрос в том, сколько работы вы действительно хотите сделать? И почему не jQuery? – GJK
@GJK Я думаю, потому что jQuery не анимирует элементы холста, а просто объекты DOM. – VisioN
createjs является прекрасным для разработки холста: http://www.createjs.com/#!/CreateJS – eivers88