A first look: New Avatar Editor
 

As I believe most everybody's already aware, I've been working on a shiny new editor for the site.

And today, I wish to tell you:

It's nearly done!


It's close enough to being done, in fact, that I'm going to make it publicly available as of now.

Before I get to the link, though, I want to make sure you're well aware: This editor is not finished. There is a considerable amount of styling that still needs refining, and there are several missing features.

The features not present are:

• Removing Items from the layers tab. (You must click them in the list under the avatar)
• Hiding portions of the body base
• Most of the item category tabs are empty, because we have not gone through and tagged items with the relevant information yet: Only the things under the provisionally-titled "All" category will work, and they are by acquisition method. Well, those and the "Body" tab.
• Item Search: Type in the name, see the item.
• Tutorials: Before I declare this finished, it will walk new users (or returning ones who want the tutorial) through the various features and actions.

Okay, got it?

Have a look!

v v v v v v
> The New Avatar Editor <
^ ^ ^ ^ ^ ^

So why, you ask, would you care about some new editor? It's the same avatar, right?


Well, it is. But there are a few improvements here, providing a couple new options for display, making it so that item poses aren't put in a tiny box you have to squint at, having the editor be reasonably sized in a mobile window and...


Closets.

Oh yes. That totally works.


At the present preview state, I am not offering the option to expand your closet beyond 4 slots, but that will be an option in the near future.

Also, the icons in the closet are terrible. So...sorry 'bout that.



In the Closet, there are 4 things you can do with an outfit:

• Add to Avatar - Takes the outfit and puts all its items on top of what you have there. So, you can save a face style you like, and plop that onto any new avatar
• Replace Avatar - Removes your current avatar settings, and replaces them with the outfit. This includes base & facing.
• Put Avatar Here - Save what's on your avatar in this slot.
• Delete - Clears out the slot.

You can also name the outfit by clicking its name and typing. Push enter to save the name.




The old avatar editor will remain active and the default link until this one has a few more important bits, and the major known issues are all resolved.


Known Issues:

• Items that do not have appropriately gendered poses (there are few) end up with a blank popup
• Loading isn't very graceful--you'll occasionally see text that doesn't apply while things load up
• Closet images don't refresh properly on iOS Safari
• Dragging to resort layering on mobile is...rather broken. (It works, but the browsers try to scroll as you drag. Awkward.)
• Layer buttons for move up/down & remove are missing from Layers tab.

Tell me what you think, and if you run into any weird problems!

I'm really liking the item stacks. =) Even the common items where you have to buy the different colors are stacked =o nice!

I can't way to have the finished editor! Keep up the good work ^-^

Yes, thank you for the stacks! T-T

nooooooooo T^T i have work to do today and can't diddle with the new avi creator!

*Just accidentally deleted outfit* Yeah this is going to need a tutorial

I feel like the screen isn't loading properly on my phone? Whether due to not being finished or just my phone, I'm unsure...
Dragging to re-sort layering actually seems to work exceedingly well on my phone.
The only things I'm noticing that coukd be problematic is that not all items remove when I try to remove them...(Slip Dress isn't) and it looks like I should have more tabs to the right, but I can't scroll over. (Will try to screenshot and upload pic later when I have a wifi connection.)

So after typing all this, I went back and refreshed the page and all the save, delete, etc buttons loaded properly. But it still looks like I should be able to scroll right a bit in the item tabs even though I can't and now the item layering doesn't work. I can drag and drop stuff, but the item always just drops to the bottom of the list.

I was looking for a closet, when I had my angelic avatar...T.T

Once the technical details are ironed out, I'll be helping Toho with polishing up the interface. We've both got ideas, and mobile web UIs are what I do for a living.

Save your current and them remake your angelic???

The old avatar thingy freezes when I try to change layers. Actually, it doesn't freeze, stuff just disappears or gets stuck in place and nothing changes.

The new one when I press "revert" moves something in the back layer originally 2nd to last up top.

(This is on a pc)

Why are there "face in/out" and "face left/right"? Why not just one click thing each :o?





Lol xD. The the "OMG" tab is funny.

Revert changes your Avatar to your last saved (AKA what is shown on screen) Version. Save what you are working on and then try the Revert to see if it does that again.

Still does it, unfortunately D:
http://i.imgur.com/tSG5xlD.jpg?1
^turns into that
EDIT: Now the original avatar creator does it too. Is my avatar's face really not layered the way I think it's layered :o?


(The being able to click on a new pose before deleting is really useful!)

Okay, so it seems I messed up the configuration of the old editor some without realizing it. I'll have that corrected in a bit.


"OMG" is actually "OMG EVERYTHING," but that's too big, so the second word is hidden. :P


face in/out/left/right is that way because you'll notice the direction avatars face varies by post. "in" and "out" is to keep the flipping, "left" and "right" is "always the same." Also affects how the avatar is displayed in the header.

Bonus bug in the shops relating to facing if you use it, btw.


I'll check on the revert settings, I'll get that fixed.

Once the old editor's config problem is corrected (soon), you can use its revert if you're worried.

Nope it is appearing that way on your Profile page.

Toho found the issue on the old one and is working on fixing it.

Err, keep the flipping means..the facing in the posts would change? What do you mean by same and and not same..?

I wish I could see that bug xD

"face in" is what avatars normally do.

"face out" is the reverse (look away from your post).

"face left" is...face left.

"face right" is the opposite.

Ohh so face in/out affects posts whereas left/right is just flipping to look at the avatar?

That systems gonna be amazing! I'll try it.

Hmm. I shall add a graphic to the facing options. That should make it more clear.

Ok I'm back and I am having trouble dragging layers on my iPhone

In - Face towards Post No matter which side (Switch between left and right)
Out - Face away from post no matter which side (Switch between Left and Right)
Left - Always face left
Right - Always face right

It isn't optimized for mobile yet Neon

Ohh, so in/out is face in/out of post.
Left/Right is in the thread, always looking left/right!

That makes a lot of sense now xD

Random Things Learned in the Editor
If you have more than one second skin the color that will appear is not Fleshy (I got extremely lost due to that)
To Remove an Item you have to click on it over on the side, not in the layering section.


Issues
If you equip then unequip the Starter items they stack larger but the stack disappears when reloading. (Probably due to the auto grant feature?? Need to set to 1 or 2 item limit)
Having issues with remove button of random items. (Click remove the options disappear but the window doesn't close, and the items isn't removed) Items: Second Skin, Ripped Bod



Yep! You the current default is facing inwards for your posting no matter what. But hey for the anti social you can face outwards. I set mine to Outwards redefault

Too lazy lol, but I already saved my current avi.

The avatar doesn't show up in the avatar making screen. I saved my avatar just now to see if it'd show up after. It's still not up there though D:

http://i.imgur.com/kfXMxkQ.png?1

atm i can only use the 'all' function and the layer buttons are either broken or super gross looking XD

That's all known issues that Toho mentioned upthread. ^^()

I'm freaking out! I'm excited but scared!
Anyway I always save my avatars to my computer, cause I'm afraid of losing them. I did that with Ernya and I'm glad I did!

What known issue is it that I'm experiencing :o?
"Items that do not have appropriately gendered poses (there are few) end up with a blank popup" ?

Right now I can't use either avatar editor..is that the editor or my computer?

I meant littl3chocobo. Your issue is one I don't think we've seen.

What browser do you use? Once I know that,we can sort it out.

I use Chrome

EDIT: On Firefox it doesn't work either

It is happening with me too Toho. So it is a universal problem.

That's fine, I just need to know which browser so I can ask the appropriate next question.


In Chrome, can you go to the page (or go back to the tab) and press Ctrl+Shift+I, then tell me if the "Console" tab of the thing that comes up says anything? Copy/paste the text there if it does.

https://www.trisphee.com/avatar/clie...tant.css?v=383 Failed to load resource: the server responded with a status of 404 (Not Found)

https://www.trisphee.com/forums/avat...c/b-306617.png Failed to load resource: the server responded with a status of 404 (Not Found)

https://www.trisphee.com/avatar/clie...tant.css?v=383 Failed to load resource: the server responded with a status of 404 (Not Found)

Huh, that's it? Those ought to be harmless enough...

Yes, but that does explain what's going on. Will need to check on that specific pose.

Hmm, okay, nothing wrong with that pose, there's something about how the editor collected its data that's wrong.

I'm investigating.

Err I cleared everything and now I can see things again.
Also this happened:
http://i.imgur.com/ll6YZrs.jpg?1
^Failed to remove background (I clicked "remove" and then it blanked)


The other gradient background things I put on won't remove either. Nor will anything flower, the rolling hills, wildflowers.

^Has had that issue before may or may not be connected to the current one