Крутая задача.
Тебе нужны будут события mousedown, mouseup, mousemove. codepen.io/STutukov/pen/pRdvXY?editors=0010 - это набросок тяни за верхний край, для предплечья нужно расчитывать по другому. Я сейчас с работы ухожу)) если что дома помогу)
Сергей Тутуков: Отлично, буду признателен за помощь. Попробую пока дописывать сам. Понравилось, как работает возврат на место в jquery draggable функция revert, плавно возвращает + ещё нашел такую инфу jsfiddle.net/prasanthkc/frz8J
massef: 40 - это начальное положение transform:rotate(-40deg)
3.5 - это коэффициент, его нужно рассчитать!!! Согласитеть, что у "запястья" если протянуть на 100px вниз, рука должна изменится, допустим, на 20 градусов, а у предплечья на 20px. Это механика)) в универе преподают.
Еще раз повторяю, это не решение! Просто набросок, там даже не по задаче работает.
Сергей Тутуков: Сделал так https://jsfiddle.net/6Ldeu3g2/. Только не могу что-то придумать, так как не очень хорошо в JS разбираюсь, как вызвать callback, чтобы после того как опустилась рука, тут же поднялась. Сейчас реализовал через setTimeout(), но мне потом ещё нужно будет чтобы после поднятия, шарик который лежит на руке взлетал вверх и летел по дуге к левой части руки и скатывался опять в кисть, для этого и нужны callback'и.
