С чего начать создание сложной сплайновой анимации в svg? Какие есть программы для этого?

Question

[Sunflowerz]

Я - умею рисовать в иллюстраторе и анимировать в after effects.
Так же прилично владею JS.

В анимации ходит человек и по его контуру бежит текст.
Есть задача программно сделать зависимость анимации от событий анализа звуковой дорожки.
По большей части меня интересует привязка текста к анимированному контуру пути svg и анимация самого текста в js.

Вопросы:
Никогда этого не делал, есть ли подводные камни?

Какой подход лучше? Illustrator -> JS и анимация сплайнов вручную или Illustrator -> AE -> JS? Когда тестировал второй подход, bodymovin выдаёт мне нечто не похожее на svg

Есть ли какие-то ещё программы для анимации которые мне могут помочь?

Вот выход из AE через bodymovin и это уже не совсем svg...

{"v":"5.5.9","fr":29.9700012207031,
	"ip":0,"op":900.000036657751,
	"w":1920,
	"h":1080,
	"nm":"Композиция 1",
	"ddd":0,
	"assets":[],
	"layers":[{
		"ddd":0,"ind":1,"ty":4,"nm":"Слой-фигура 1",
		"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},
		"r":{"a":0,"k":0,"ix":10},
		"p":{"a":0,"k":[960,540,0],"ix":2},
		"a":{"a":0,"k":[0,0,0],"ix":1},
		"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,
		"shapes":[{
			"ty":"gr",
			"it":[{
				"ind":0,
				"ty":"sh",
				"ix":1,
				"ks":{
					"a":0,
					"k":{"i":[[0,0],[400,-140]],
					"o":[[0,0],[-400,140]],
					"v":[[-456,-288],[-396,220]],"c":false},
					"ix":2
				},
			"nm":"Контур 1",
			"mn":"ADBE Vector Shape - Group",
			"hd":false
		},{
			"ty":"st",
			"c":{"a":0,"k":[1,1,1,1],"ix":3},
			"o":{"a":0,"k":100,"ix":4},
			"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Обводка 1","mn":"ADBE Vector Graphic - Stroke","hd":false},
			{"ty":"tr","p":{"a":0,"k":[0,0],
			"ix":2},"a":{"a":0,"k":[0,0],"ix":1},
			"s":{"a":0,"k":[100,100],"ix":3},
			"r":{"a":0,"k":0,"ix":6},
			"o":{"a":0,"k":100,"ix":7},
			"sk":{"a":0,"k":0,"ix":4},
			"sa":{"a":0,"k":0,"ix":5},"nm":"Преобразовать"}],
			"nm":"Фигура 1",
			"np":3,"cix":2,"bm":0,"ix":1,
			"mn":"ADBE Vector Group","hd":false}],
			"ip":0,"op":900.000036657751,
			"st":0,"bm":0}],"markers":[]}