А кто-нибудь ещё страдает кастомизацией в пиксельарт проектах?
Я просто думаю, как анимировать огромное количество частей тела?!
Пока-что я просто нагромоздил «вермишель» из огромного полотна строк кода,
потому-что классический аниматор в юнити не очень пригоден для пиксельарт анимации.
Да и вдобавок это пригодится, когда дойду до анимации в GMS,
там скорее всего придётся кодом анимировать.
NrwQojq

14 комментариев

Также тестировал на Tic-80 аниматор, хотя аниматор пугает лишь своей нечитабельностью и огромным
слоем "вермишели" кода) Интересно как кто анимирует множество частей тела?
https://tic80.com/play?cart=1859

Вот всего 2 вида анимации на Lua из этого Tic-80 эксперимента, и это выглядит уже адово, но я так и не придумал лучше метод:

function dIdle(x,y,d,t)
 --trace("Idle: "..t)
	SG(x,y,d)
	local _d=DSign(d) --Real Direction
	local _hx=-tPos[L(t,10)]*_d --Head X
	local _bx=t%60//30*_d --Body X
 -- Draw Big Body
	rSH(0) G(138,-_d,32,2,1)--shadow
	TSH(cSkin) G(264+LT(A5,t*1.75,15),_hx+_d*6,-25,1,1) --earB
	rSH(5,4,3) G(457+LT(A4,t),_hx-_d*6,-20) --ribbon
	TSH(cHair) G(416+LT(A5,t*1.5)*3,_hx,-12,3,3) --hairB
	TSH(cSkin) G(294+LT(A3,t,20),_hx+_d*12,0) --handB
	G(192+LT(A2,t,10),_d*7,21,2,3) --legB
	TSH(cHair)
	G(352+LT(A5,t*1.5)*3,(LT(tPos,t+50,10)-12)*_d,11,3) --tail
	TSH(cSkin) G(LT(A2,t,10),_bx,0,2,3) --body
	G(14,_hx+_d,-18) --head
	G(111,_hx+_d*4,-16,1,1) --mouth
	rSH(6,0,14) G(79,_hx+_d*4,-17,1,1) --eyes
	TSH(cHair) G(42,_hx,-21,3) --hair
	G(393+LT(A3,t),_hx-_d*2,-18) --hairA
	TSH(cSkin) G(232+LT(A5,t*1.75),_hx-_d*5,-25,1,1) --earA
	G(8,_hx+_d*5,-2,2,1) --tits
	G(96+LT(A2,t,10),-_d*3,21,2,3) --legA
	TSH(cCloth) G(235,_hx+_d*3,-2,2,1) --breastC
	G(208+LT(AS,t,10)*3,_bx,13,3) --skirt
	TSH(cSkin) G(288+LT(A3,t,20),_hx-_d*9,1) --handA
	rSH(-1)
end


function dWalk(x,y,d,t)
	SG(x,y,d)
 --trace("Walk: "..t)
	local _d=DSign(d) --Real Direction
	local _hx=-tPosW[t%60//10+1]*_d --Head X
	local _bx=t%60//30*_d --Body X
 -- Draw Big Body
	rSH(0) G(138,-_d,32,2,1)--shadow
	y=y+LT(pBody,t,10) --Body High Correction
	TSH(cSkin) G(264+LT(A5,t*2),_hx+_d*6,-25,1,1) --earB
	rSH(5,4,3) G(457+LT(A4,t*1.1),_hx-_d*6,-20) --ribbon
	TSH(cHair) G(416+LT(A5,t*1.5)*3,_hx,-12,3,3) --hairB
	TSH(cSkin) G(294+LT(A3,t,20),_hx+_d*12,0) --handB
	G(LT(aWalk,t+30,10)+96,-LT(pLegB,t,10)*_d,21,2,3) --legB
	TSH(cHair)
	G(352+LT(A5,t*1.5)*3,(LT(tPos,t+50,10)-12)*_d,11,3) --tail
	TSH(cSkin) G(LT(A2,t,20),_bx,0,2,3) --body
	G(14,_hx+_d,-18) --head
	G(111,_hx+_d*4,-16,1,1) --mouth
	rSH(6,0,14) G(79,_hx+_d*4,-17,1,1) --eyes
	TSH(cHair) G(42,_hx,-21,3) --hair
	G(393+LT(A3,t*1.5),_hx-_d*2,-18) --hairA
	TSH(cSkin) G(232+LT(A5,t*1.5),_hx-_d*5,-25,1,1) --earA
	G(8,_hx+_d*5,-2,2,1) --tits
	G(LT(aWalk,t%60,10),-LT(pWalk,t,10)*_d,21,2,3) --legA
	TSH(cCloth) G(235,_hx+_d*3,-2,2,1) --breastC
	G(208+LT(AS,t,10)*3,_bx,13,3) --skirt
	TSH(cSkin) G(288+LT(A3,t,20),_hx-_d*9,1) --handA
	rSH(-1)
end

Ну все эти разбитые на куски спрайты нужны для глубокой кастомизации, чтобы можно было любую часть тела поменять, хвост, одежду, лицо и прочее.

А в юнити это у меня выглядит тоже не очень, но уже поприятнее, хотя каша из кода та ещё:

// ******* ANIMATION FUNCTIONS *******
	public bool AttackAsMove;
	public string AnimMode = ""; // f, s1, s2...
	private Animer aBody;
	private Animer aHead;
	private Animer aHandA;
	private Animer aHandB;
	private Animer aSkirt;
	private Animer aHairA;
	private Animer aHairB;
	private Animer aEarA;
	private Animer aEarB;
	private Animer aTail;
	private Animer aRibbon;
	
	private Animer aTool;
	private bool wrongAnim = false;

	void AnimInit() {
		if (AnimMode != "") {
			aBody=InitBodyPart("High/Body"); if (!aBody) {wrongAnim=true;return;}
			aHead=InitBodyPart("High/Body/Head"); if (!aHead) {print("NO Head "+gameObject.name);wrongAnim=true;return;}
			aHandA=InitBodyPart("High/Body/HandA"); if (!aHandA) {print("NO aHandA "+gameObject.name);wrongAnim=true;return;}
			if (AnimMode == "f") aHandA.MyParent = aBody;
			aHandB=InitBodyPart("High/Body/HandB"); if (!aHandB) {print("NO aHandB "+gameObject.name);wrongAnim=true;return;}
			if (AnimMode == "f") aHandB.MyParent = aBody;
		if (AnimMode == "s4") return;
			aSkirt=InitBodyPart("High/Body/Skirt"); if (!aSkirt) {print("NO aBody");wrongAnim=true;return;}
			aHairA=InitBodyPart("High/Body/Head/HairA"); if (!aHairA) {print("NO aBody");wrongAnim=true;return;}
			aHairB=InitBodyPart("High/Body/Head/HairB"); if (!aHairB) {print("NO aBody");wrongAnim=true;return;}
			aEarA=InitBodyPart("High/Body/Head/EarA"); if (!aEarA) {print("NO aBody");wrongAnim=true;return;}
			aEarB=InitBodyPart("High/Body/Head/EarB"); if (!aEarB) {print("NO aBody");wrongAnim=true;return;}
			aTail=InitBodyPart("High/Body/Tail"); if (!aTail) {print("NO aBody");wrongAnim=true;return;}
			aRibbon=InitBodyPart("High/Body/Head/Ribbon"); if (!aRibbon) {print("NO aBody");wrongAnim=true;return;}
			aTool=InitBodyPart("High/Body/HandA/Tool"); if (!aTool) {print("NO aBody");wrongAnim=true;return;}
		} else {
			wrongAnim=true;
		}
	}
	
	
	
	Animer InitBodyPart(string _path) {
		if (wrongAnim) return null;
		Transform tr = transform.Find(_path);
		if (tr) {
			Animer a = tr.GetComponent<Animer>();
			if (a) {
				//a.MyChar = this;
				a.Init();
				return a;
			} else {
				Animer a2 = tr.gameObject.AddComponent(typeof(Animer)) as Animer;
				a2.noFrames=true;
				a2.Init();
				return a2;
			}
		}
		return null;
	}



	void AnimWork() {
		if (wrongAnim) return;
		Timer += Time.deltaTime;
		animTime -= Time.deltaTime;
		float t = Timer; //Time.time;
		float x = 0; int a = 0;
		float x2 = 0;
		switch(MyMode) { // Body Animation
			case "attack": // attack animation
				aBody.Anim(Mod(t,2)+3);
				aHead.Anim(0);
				aHandA.Anim(5);
				aHandB.Anim(5);
				
				t *= 9f;
				aSkirt.Anim(4-Mod(t,2));
				aEarA.Anim(Pong(t+.9f,3));
				aEarB.Anim(Pong(t+.8f,3));
				aHairA.Anim(Pong(t*2,4));
				aHairB.Anim(Mod(t+.25f,5));
				aTail.Anim(Pong(t,3));
				aRibbon.Anim(Pong(t,3));
				
				aTool.Anim(0,.2f,.07f,-95);
				break;
			case "charge": // charge animation
				aBody.Anim(Mod(t,2)+3);
				aHead.Anim(0);
				aHandA.Anim(5);
				aHandB.Anim(5);
				
				t *= 9f;
				aSkirt.Anim(4-Mod(t,2));
				aEarA.Anim(Pong(t+.9f,3));
				aEarB.Anim(Pong(t+.8f,3));
				aHairA.Anim(Pong(t*2,4));
				aHairB.Anim(Mod(t+.25f,5));
				aTail.Anim(Pong(t,3));
				aRibbon.Anim(Pong(t,3));
				
				aTool.Anim(0,.07f,.24f,85);
				break;
			case "dead": // dead animation
				a = (int)(Mathf.Clamp(t*350f,0,-90));
				aBody.Anim(7,0,onDeadBodyHigh,a);
				aHead.Anim(0);
				aHandA.Anim(5,.07f,-.03f,90);
				aHandB.Anim(5,0f,0,90);
				if (AnimMode == "s4") return;
				
				aSkirt.Anim(4);
				aEarA.Anim(0);
				aEarB.Anim(0);
				aHairA.Anim(0);
				aHairB.Anim(6);
				aTail.Anim(0,0,0,45);
				aRibbon.Anim(0);
				
				aTool.Anim(-1);
				break;
			case "hurt": // hurt animation
				aBody.Anim(Mod(t,2)+5);
				aHead.Anim(0);
				aHandA.Anim(4);
				aHandB.Anim(4);
				if (AnimMode == "s4") return;
				
				t *= 9f;
				aSkirt.Anim(4-Mod(t,2));
				aEarA.Anim(Pong(t+.9f,3));
				aEarB.Anim(Pong(t+.8f,3));
				aHairA.Anim(Pong(t*2,4));
				aHairB.Anim(Mod(t+.25f,5));
				aTail.Anim(Pong(t,3));
				aRibbon.Anim(Pong(t,3));
				
				aTool.Anim(-1);
				break;
			case "move": // move animation
				t *= 9f;
			
				aBody.Anim(Mod(t,2)+3);
				aHead.Anim(0);
				aHandA.Anim(3);
				aHandB.Anim(3);
				if (AnimMode == "s4") return;
				
				aSkirt.Anim(4-Mod(t,2));
				aEarA.Anim(Pong(t+.9f,3));
				aEarB.Anim(Pong(t+.8f,3));
				aHairA.Anim(Pong(t*2,4));
				aHairB.Anim(Mod(t+1f,5));
				aTail.Anim(Pong(t,3));
				aRibbon.Anim(Pong(t,3));
				
				aTool.Anim(-1);
				break;
			default: // idle/default animation
				t*=5; x=Pong(t,3);
				//x2=Pong(t,5);
				aBody.Anim(x,(int)x*.01f); // Body Animator [FrameNumber, X, Y, Angle, MirrorX, MirrorY]
				aHead.Anim(0);
				aHandA.Anim(Pong(t+.5f,3));
				aHandB.Anim(Pong(t+.5f,3));
				if (AnimMode == "s4") return;
				
				aSkirt.Anim(Pong(t*1.333f+.9f,4));
				aEarA.Anim(Pong(t+.9f,3));
				aEarB.Anim(Pong(t+.8f,3));
				aHairA.Anim(Pong(t*1.333f+.75f,4));
				aHairB.Anim(Mod(t*.833f+.5f,5));
				aTail.Anim(Pong(t*1.33f,3));
				aRibbon.Anim(Pong(t+3.5f,3));
				
				aTool.Anim(-1);
				break;
		 }
	}
	
	float Pong(float f,float l) {
		l-=.001f;
		return Mathf.PingPong(f,l);
	}
	float Mod(float f,float l) {
		l-=.001f;
		return Mathf.Repeat(f,l);
	}

Хотелось бы понять, может это я что-то не так делаю, а нормальные разработчики с кастомизацией другие идеи придумали, как анимировать множество кусков тела и чтобы всё работало хорошо с точки зрения целостности тела.
А сам классический аниматор не подходит, потому-что он не гибкий и не округляет положение объектов, чтобы пиксельарт не начал дёргаться, если позиция не будет округляться до целых чисел.

Декомпозиция тебе в помощь.

Создаём базовый класс Equipment (или Item), прописываем общие поля и методы (в твоё случае AnimAttack, AnimCharge...). Наследуем от него класс Cloak (тип экипировки), в котором переопределяет методы и прописываем всё для анимации данного типа (например, если для всех плащей у тебя только 4 кадра анимации). От типа создаём конкретный класс плаща (ну или просто экземпляр с уникальным индексом и параметрами).

Теперь к объекту персонажа (либо через дочерние объекты, либо массив, либо список уже базового класса Equipment) добавляем нашу экипировку.

При изменении состояния (анимации) персонажа проходим циклом по всему снаряжению и у каждого элемента вызываем необходимый метод.

Можно и состояние (attack, charge...) вынести как тип (или enum), и вообще сделать метод Animation(State).

Это грубо, конечно. Советую поискать в интернете аналогичные темы по организации экипировки. И если в Unity есть аниматоры, то аналоги можно поискать в движках (фреймворках), в которых пишут кодом (Love2D, например).

Интересный вариант.

И ещё, в любом случае, будешь ты анимировать кодом или через аниматор, то такой подход будет более гибкий. Ты просто будешь вызывать в нужном методе соответствующие функции аниматора.

Анимировать кодом!? Такое себе занятие.

смотря что анимировать на самом деле, я бывает делаю такое ну и еще от стилистики может зависеть

Ну кстати в годоте аниматор местами лучше, чем у юнити, в том плане что там можно настроить чёткие и резкие переключения угла, позиции и спрайтов. Но я не уверен как сделать в том же годоте анимацию плавающего спрайта, то есть чтобы анимация клетчатой рубашки легко менялась на кофту с совершенно другими кадрами спрайтов или любую другую шмотку и анимация бы не ломалась.
PS Ну это при том что я не планирую в годоте работать, просто спросил, а то я столько движков не вывезу изучать.

чтобы анимация клетчатой рубашки легко менялась на кофту с совершенно другими кадрами спрайтов или любую другую шмотку и анимация бы не ломалась

Можно менять текстуру или двигать атлас внутри текстуры

Ну по первому пункту - это не 3D объект.
А двигать атлас внутри текстуры тоже непонятно как в спрайте юнити,
но если бы это был обычный 3D объект с обычной текстурой было бы проще, но спрайты удобнее, чем создание объекта (в виде плоской плашки с 2 треугольниками) вручную и накладывания текстур, а потом ещё и думать как правильно размер менять этому объекту чтобы pixelperfect получился.

Я не знаю про Юнити, я написал рабочие варианты для Годота, но, наверное, в Юнити примерно так же. И это всё для 2D (стандартного, который со спрайтами).

Почему должна ломаться анимация? Подсовываешь ей нужный фрейм атласа с твоими одежками. Я хочу сказать, что анимация кодом - это топорно, нужно писать инструмент (плагин, расширение, модуль).

лучше делать одинаковое количество кадров и скорость одинаковую для элементов одного типа, типа для кофт там, шапок и тд

Написать комментарий