i am just doing it for test purpose to know playcanvas is capable of
I have a 2D image in my UI
as soon I collect 10 objects ,2d Image in UI would play an animation ,like the frames you can see
Now I am from UNity and it very easy to do ,you have to make animation states and drag and drop frames to animation state but I am unable to do it in PLaycanavas
I only want to know how to use these frames in my UI as animation ,scripting is still second step for now
edit: I know how to do it by using spirte sheets but I want it do by Unity way ,which is of course is best i,e is drag and dropping png images into each animation state
@Nofil_khan Maybe you have not seen this part of Playcanvas. If you right click on your sprite sheet in your directory you can select create texture Atlas. Once created you can then double click on it which will bring up the atlas editor where you create the animations you want. In my example I am using a 5X5 sheet.
Now I go over to the grid select on the right and enter 5 x 5 and then generate frames. There are some other settings you can use here to take away unwanted boards etc.
Once you have done this you will see a grid and all the frames cut up on the left side. I have selected the first 5 and when you do so you will see the animation run on right. You can take away or add at any time just like you would in Unity.
You can then select new sprite from selection and a file will be created for you only containing 5 frames. If I continue this process eventually I will end up with 5 single sprite animations containing 5 frames a piece.
It looks like you may be trying to create the animation using separate files maybe and not a sprite sheet. Loading these could be done maybe programmatically.
Thanks for help but I Just wish you had read my question or thread carefully, would have saved you lot of typing,
I clearly said I know how to not do it by by sprite sheet old way ,and I don’t have sprite sheet,I have individual png frames which I want to use,
Again" i have individual png frames which I want to use not a Sprite sheet,"
I don’t think you can use anything other than a sprite created from a texture atlas with the sprite component. Hope I’m wrong since it would be quite useful, but I don’t see any way in the API.
If it’s not possible indeed, you would have to create your own animator script, use a standard plane/material and update the diffuse texture per frame or on a similar FPS to simulate the animation.
As Leonidas mentioned, the sprite component doesn’t support individual sprites/assets for animation. It needs all the frames to be on one texture atlas.
Additionally, having one texture per frame means that every frame is a single HTTP request which makes downloading them generally slower. It has to do a round trip to the server per request.
can you please explain this workflow a little more using this web https://www.codeandweb.com/tp-online ,I have got json file for frames but now how to go into texture atlast window
I have uploaded my json sprite sheet pack in this texture atlas window and they are scaled so much
,few more steps be handy ,I am planning on creating tutorials for playcanvas it would cover everything which I have struggled to find , Tuts of playcanvas is like finding a ring in a desert
If you are using this for UI in screenspace, then you can’t use the Sprite component. You have to use the Element component for positioning and anchoring
I am not using sprite component still my settings are different than yours,I m pretty confused right now! Haha this is what happens when official manual is incomplete
Please help me with steps where to go on from here , sending links for manual is not really helping and honestly speaking manual is more confusing than anything!
Also the previous step you answered me through video is exactly what’s the best solution, short and precise but seriously what the playcanvas team thinks,how a total begginer would grab this concept on his own , without having it mentioned on anywhere on web or official manual. I m not at all begginer in game development but believe me I never had such problem with any other software before, atleast official documentation has to b proper,
I was curious why not many people use this software,when software has lot to offer, its documentation and tutorials ,they are hurting play Canvas future users really bad!!!
Let’s just take unity manual as an example everything is mentioned with an example,I m not saying to have it same for PC but for major components it should b!
I know forum is super useful but do you think when someone is doing an official project on it and they have to wait an entire Day for update, would they stick with this software for longg?
Unity has quite literally 50-100 times the size of team that we have
Not that is an excuse. There are holes in our documentation and we’ve been more focused on getting new features out over keeping up with our documentation, otherwise we start falling behind our competition in the same space.
I’ve been meaning to do an example tutorial for UI for a while now but it’s not a small amount of work to do properly and haven’t yet had the focus time for it.
Thanks a lot for detailed post, one thing I would suggest is that how many features are there, have complete and proper documentation of them and wherever needed throw in a short tut,
Documentation has to b made keeping a begginer in mind not experienced users,but if your main target is experienced user , that then justifies your current documentation.
Using PlayC right now it feels its not a begginer friendly and prerequisite has to b some other engine preferably Unity
Okay coming back to question ,It worked and good to go now how to update keyframe in code ??
provide me a simpler version please ,the example from october 2020 is too complex for me to understand
Honestly, that is about as simple as it gets to animate the UI element via code. It sets an animation speed (frames per second) and changes the frame index to match the animation speed.
Thanks but A “simple coding example” would solve everything!
In the old example of October 2020 that is almost unusable
Also
I decided to make another look manual by going through Ui in manual (haha)
The sprite and other important parts was just left on user imagination ,haha I mean why would you do that .Yeah I know you guys dont have time but that would not require more than a day to complete it
The connection between UI and Sprites is not though. Like I said, there’s holes in the documentation where updated features haven’t been added or even connection between certain features.
