SPRITE ANIMATION TUTORIAL: Camera Work

Here's another tutorial. I'm not gonna lie, I'm not too proud of how it turned out, but it could've been worse.
Better tutorial: • Maplemation Sprite Ani...
Codes for your own camera:
ActionScript 2.0:
import flash.geom.Matrix;
import flash.geom.Transform;
import flash.geom.ColorTransform;
var cameraTrans:Transform = new Transform(this);
var stageTrans:Transform = new Transform(this._parent);
var w:Number = Stage.width;
var h:Number = Stage.height;
this._visible = false;
this.onEnterFrame = function () {
this._parent.filters = this.filters;
stageTrans.colorTransform = cameraTrans.colorTransform;
var stageMatrix:Matrix = cameraTrans.matrix;
stageMatrix.invert();
stageMatrix.translate(w*.5, h*.5);
stageTrans.matrix = stageMatrix;
};
ActionScript 3.0:
var cameraTrans:Transform = new Transform(this);
var stageTrans:Transform = new Transform(parent);
visible = false;
stage.addEventListener(Event.ENTER_FRAME, updateStage);
function updateStage(...rest) {
parent.filters = filters;
stageTrans.colorTransform = cameraTrans.colorTransform;
var stageMatrix:Matrix = cameraTrans.matrix;
stageMatrix.invert();
stageMatrix.translate(stage.stageWidth*.5, stage.stageHeight*.5);
stageTrans.matrix = stageMatrix;
};
updateStage();
addEventListener(Event.REMOVED_FROM_STAGE, resetStage);
function resetStage(...rest) {
stage.removeEventListener(Event.ENTER_FRAME, updateStage);
stageTrans.matrix = new Matrix();
stageTrans.colorTransform = new ColorTransform();
parent.filters = new Array();
}
#sonic, #spriteanimation, #tutorial

[@Tommypop11]

awesome❤❤❤ thanks very much for this now i know what to do❤❤❤❤❤❤❤❤❤❤

[@elsexymariofan1]

Gracias por este tutorial men, igual que otros tutoriales me van a reservir

[@oedeostudio]

wow ı love this tutorial nice video and animation

[@GanShockZ]

Awesome tutorial dude 👍

[@Painauchocolatanimation]

Thx bro you are my legend

[@AlbinotheLightning77]

LEGENDD!!!

[@FireStar-qf9ii]

this was helpful thanks

[@krystalthehellcat8469]

Now this was actually helpful other then the other tutorials i watched

[@God-T]

how this looks amazing what software is this?!?!

[@natedagreat228]

Hey! Love your vids! Been helping me a lot with my own sprite animations, quick question, what kind of hit effects do you use for these? Can’t find them or any of the cool effects anywhere. If you have them or know where to grab them it would be greatly appreciated!

[@angelomm31]

The effects I got are from packs. I got the link to them right here. Keep in mind, it’s animate CC only, so if it doesn’t work for you, then damn I can’t do anything about it
drive.google.com/drive/folders/0B21OXmWzVAL7WktveFhtTGE0ZHM?resourcekey=0-0taP8TEcFzDPEF_JlQoKAg

[@natedagreat228]

@@angelomm31 thank you so so much! This means a lot man 😎👍

[@nick3467productions]

I didn't know how to make my own vcam until now :p
Thanks man

[@angelomm31]

No problem!

[@GoldenEgg3]

What app is it

[@nick3467productions]

@@GoldenEgg3thats adobe animate...is it not obvious?

[@TailsXHeeroes]

Thanks.

[@yukuultra110]

I guess this is an easy one

[@maxythedog2.0]

i like those effects, where did you get them?

[@angelomm31]

I got them from discord servers. The effects packs are animate files with various effects. I would give it to you right now, but I’m traveling so I don’t have my computer with me. I’ll try to find a link on discord

[@angelomm31]

drive.google.com/drive/folders/0B21OXmWzVAL7WktveFhtTGE0ZHM?resourcekey=0-0taP8TEcFzDPEF_JlQoKAg

[@maxythedog2.0]

@@angelomm31 thank you fam! now i can improve better

[@Blaze_The_Hedgeog]

Una preguntita,que programa dijiste que usabas?

[@angelomm31]

Adobe animate CC 2018

[@Blaze_The_Hedgeog]

@@angelomm31 ahhh muchas gracias,lo avía olvidado

[@user-jf4dk5tu9b]

where did you get the music from?

[@angelomm31]

Here’s the song list in order:
Undertale: dating start
Mario kart Wii: main menu medley
Sonic CD: Collision Chaos Past

[@marlenerodriguez4084]

saludos desde venezuela 👍

[@angelomm31]

Saludos!

[@10graves.]

How do you export it correctly cause i can still see the lines in my gifs

[@angelomm31]

I export it as an swf, then I add it on swivel and convert it to an mp4

[@user-qx5of9lm5j]

@@angelomm31 uhm hi i have a problem how do i trace the bitmap of the grid? im confused

[@angelomm31]

@@user-qx5of9lm5j on the top of the screen, there’s an option that says “modify”.
Modify -> bitmap -> trace bitmap
There are some options before actually tracing. They should look like this:
1, 1 many corners, pixels

[@bigmoneyzelf]

Also can I have the music you used at the begining

[@angelomm31]

It’s from undertale. It’s called “dating start”

[@bigmoneyzelf]

@@angelomm31 thanks

[@bigmoneyzelf]

W

[@WrongJoke06]

where do i paste the code? i don't see anywhere to paste it

[@angelomm31]

Inside the camera symbol, there should be a tab called “actions”. In case you don’t see it, open the window tab that’s at the top, and activate the actions tab

[@WrongJoke06]

@@angelomm31 Any good advice on how to make the camera look good when following a character when they're walking for example?

[@angelomm31]

@@WrongJoke06 i just move the camera so that the character stays in almost the same spot. You can also just keep the camera still and move the floor and background

[@pedroblast9447]

Olá sou do Brasil você pode colocar legenda traduzida para português por favor ???

[@angelomm31]

I have to check if RUclips lets me add custom subtitles for my videos.
Translation: Preciso verificar se o RUclips permite adicionar legendas personalizadas aos meus vídeos

[@pedroblast9447]

@@angelomm31 muinto muito obrigado viu seus vídeos me ajudam muito com movimentos de câmera e combos também

[@God-T]

@@angelomm31 wow this looks amazing, what software is this??

[@angelomm31]

@@God-T adobe animate cc

[@depositorio]

How do i download this vcam you use?

[@angelomm31]

Follow the instructions on how to make it. In the description of the video you’ll find actionscript codes that make the camera work

[@depositorio]

@@angelomm31 Thanks for the responde. So i dont need to download anything, i just need to past the code? In the following projects i Will need to paste in each onde of them as well, right?

[@angelomm31]

@@depositorio you can créate a camera in one fla and once you make it work, you just copy that same camera and paste it on any other project you want. No need to redo the process

[@kirbaran2039]

Just use the shuriken vcam bruh

[@angelomm31]

I’ve actually been practicing with it. The only feature I haven’t been able to figure out yet is the parallax feature it has, but other than that, it’s a pretty good vcam

[@kirbaran2039]

@@angelomm31 About cant figure out... When i started i had problems with adding an animation inside a symbol. Then i accidentally clicked twice on the sheet... I was raging hard

[@angelomm31]

@@kirbaran2039 happens to the best of us