MyAnimeList.net

Forums

Recent Posts | My Watched Topics | My Ignored Topics | Search

MyAnimeGraph.k.vu [Life spent on animu; timeline; recommendations]
MyAnimeList.net Forum »» Creative Corner »» MyAnimeGraph.k.vu [Life spent on animu; timeline; recommendations]

Pages (74) [1] 2 3 » ... Last »
#1
02-15-11, 2:37 PM

Offline
Joined: Feb 2009
Posts: 315
UPDATE: new version released
See here for more details. Or go to http://myanimegraph.k.vu


I like MyAnimeList.net a lot, but I've been missing one feature. I'm talking about a dynamic "time spent on anime" forum signature. Like they have on http://www.anime-planet.com.

Here is an example:
[img]http://www.anime-planet.com/images/users/signatures/shortlex.jpg" border="0[/img]

I decided to make one that works here on MAL.

Here it is:

[img]http://packet.wtf.la/tracker/simple/?usr=packet&width=500" border="0[/img]

It's still very much a beta version. It might stop working any time and will probably change a lot, so keep that in mind.

As you can see, the graphics suck. It's basically a copy of anime-planet version. The thing is I'm not very good at graphics.

So I'm open for suggestion regarding the design and functionality.
Perhaps, if you are so inclined and feel like it you could post a mock up of the signature in prettier graphics and I would then try to implement them.

I'm thinking about dropping the minutes segment, since virtually everyone has seen more than an hour of anime.

In the meantime here is how to get your own signature:
Just edit this url:
http://packet.wtf.la/tracker/simple/?usr=YOUR_USERNAME_HERE&width=SIGNATURE_WIDTH_IN_PIXELS

For example if your username is packet and you want your signature 600 pixels wide, this is your URL:
http://packet.wtf.la/tracker/simple/?usr=packet&width=600

The width must be at least 400 and at most 1024 pixels.

The reason for specifying the width is to allow for attaching the bar to existing signatures.
A demonstration on random signatures I stumbled upon browsing the forums:

This one is 500px long:

[img]http://myanimelist.net/signature/Sweetpea.png" border="0[/img]

It's possible to attach a progress bar like this:

[img]http://packet.wtf.la/tracker/simple/?usr=Sweetpea&width=500" border="0[/img]
[img]http://myanimelist.net/signature/Sweetpea.png" border="0[/img]

And here is a shorter one:

[img]http://packet.wtf.la/tracker/simple/?usr=smokes&width=400" border="0[/img]
[img]http://myanimelist.net/signature/smokes.png" border="0[/img]


Well, they don't match very well :D The colors need to be tweaked. Use your imagination.

Anyway, if you're wondering how it works:
It's just a simple PHP script. When you request an image it goes to the users profile page (http://myanimelist.net/profile/USERNAME) and looks at Anime Stats -> Time (Days). It than takes this value and converts it into minutes, hours etc... Finally, it draws the image and sends it to the browser. That's it.

OK, that's it for now. It's almost midnight here. So I'm going to sleep. Hopefully there will be some suggestions tomorrow.
Modified by packet, 03-24-13, 6:52 AM
 
#2
02-15-11, 9:43 PM

Offline
Joined: Dec 2010
Posts: 397
that's great! Thanks for the contribution i'll be sure to experiment with that.



 
#3
02-15-11, 10:46 PM

Offline
Joined: Jan 2009
Posts: 45
finally i was waiting for it . now time for me to experiment
Modified by mastersquall, 02-15-11, 10:53 PM

 
#4
02-18-11, 3:37 AM

Offline
Joined: Feb 2009
Posts: 315
To be honest I was expecting more replies :-/
especially some ideas, how to improve this, etc..

maybe "creative corner" isn't visited as much as general discussion for example
I might try posting there
 
#5
02-20-11, 3:40 AM

Offline
Joined: Feb 2009
Posts: 1690
I think it's a neat idea, but to be honest it looks pretty ugly with that grey etc.

I don't think you should post that in General Discussion since this topic actually belongs to the Creative Corner so mods would probably move it to here anyway.
 
#6
02-20-11, 1:21 PM

Offline
Joined: Feb 2009
Posts: 315
Luppi said:
I think it's a neat idea, but to be honest it looks pretty ugly with that grey etc.


Indeed, that's why I'm hoping for some suggestions.
 
#7
02-20-11, 11:12 PM

Offline
Joined: Nov 2010
Posts: 564
I'm not sure if I'm doing it right but my stats don't show, they all remain 0 :(
http://packet.wtf.la/?usr=TheResistance&width=600
Perhaps light orange and blue would be better colours? Also in my opinion the timeline should be the other way, years > mins
 
#8
02-21-11, 2:22 AM

Offline
Joined: Jul 2010
Posts: 954
^^ Awesome avatar.

Also thank you! I have been wanting one of these for a while!

I'd suggest transparency over color.

Muwahahhaha I am evil.
 
#9
02-21-11, 3:11 AM

Offline
Joined: Feb 2009
Posts: 315
TheResistance said:
I'm not sure if I'm doing it right but my stats don't show, they all remain 0 :(
http://packet.wtf.la/?usr=TheResistance&width=600


No, you're doing it right. Rather, there seems to be a problem with MAL.
Look at your profile page: http://myanimelist.net/profile/TheResistance

It shows "Days: 0". I don't understand why, since your anime list isn't empty. But even so, it too shows:
TV: 118, OVA: 11, Movies: 15, Spcl.: 4, Eps: 1,684, DL Eps: 0, Days: 0, Mean Score: 20.0, Score Dev.: -2.83

My script takes the time spent from your profile page, so that's why there are only zeros.
Probably a bug in MAL. If I were you I'd ask an admin about it.

Until they fix it I can't do anything about it :-(
 
02-21-11, 6:14 AM

Offline
Joined: Feb 2009
Posts: 315
Finally some suggestions :) . Thank you!

TheResistance said:
Perhaps light orange and blue would be better colours?

Is something like this what you have in mind?



I don't like the text color, but can't think of anything that would fit better.


gregory003 said:
I'd suggest transparency over color.

Something like this?




TheResistance said:
Also in my opinion the timeline should be the other way, years > mins

Well that's an interesting idea but what would you do about the progress bar? I think it would look weird if it grew from right to left.
You see, the progress bar matches the labels. For example if you spent more than one day but less than one month on anime, the progress bar will stop somewhere on the label "days".


Anyway, I have a few more ideas:

  • removing the the "minutes section" because virtually every one has seen more than an hour of anime
  • changing the font (perhaps to one used in manga like Wild Words or Anime Ace?)
  • adding a chibi character somewhere (perhaps he/she would move as you watch more anime?)
  • making the image bigger (higher, text size)
  • adding anime completed, planned, watching since, episodes seen etc counter
  • adding a parameter &picture= to allow you to select a custom background
  • generally making the thing more shiny/3D looking (perhaps using a tint) <- but I'm no good at this, if someone sent me some graphics that would be great
  • adding a MAL logo

What do you think about them?
Modified by packet, 04-05-11, 3:12 PM
 
02-21-11, 6:37 AM

Offline
Joined: Oct 2009
Posts: 259
yeah good idea indeed!! :D
but does this take data from your Anime Stats?? Since mine havent updated since november so will be highly inaccurate -.- (wish mal would sort this out already!!)



Modified by ilovehaji, 02-21-11, 6:41 AM
 
02-21-11, 10:57 AM

Offline
Joined: Feb 2009
Posts: 315
ilovehaji: yes, from anime stats
Are you saying that those stats aren't updated very often? I thought they were updated with every list update.
The problem is I don't know where else to get the data.
 
02-21-11, 12:23 PM

Offline
Joined: Oct 2009
Posts: 259
well i dont know :S everyone else says it might take a few hours or even a few days to update for them ...but im not joking...mine hasnt updated since november -.- really annoying...but yeah once my stats start woking again then this will work too :D
 
02-21-11, 12:34 PM
Forum Moderator
Offline
Joined: May 2008
Posts: 4609
about stats not updating, it is a bug related to database consistency due to the massive load lately.... hopefully it will get ironed out when the lag issues get addressed. Most users are not effected but some users have not had it update for 4 months or more.

anyhow, I never really liked the progress bar format from A-P but it's kinda neat from a programmatic standpoint. When it gets up into years how is the bar calculated... out of 10 or something?

I think just switching fonts to a nice antialiased font would probably help your design along.... like verdana/arial. In php you can measure the amount of space the text will take in a custom font using imagettfbbox() and then you aren't restricted to fixed width (are using imagettftext() or imagestring()?). I'm sure you'll still need a fixed minimum length anyway since the numbers are dynamic, but you should be able to calculate the minimum length for any font by finding the longest number-unit combination for each unit (4 is a pretty wide number so you could do 44 minutes/444 years/etc) and multiplying by 6. Not something you want to calculate every load, but it might save time instead of trial and error.
 
02-21-11, 1:21 PM

Offline
Joined: Feb 2009
Posts: 315
saka said:
When it gets up into years how is the bar calculated... out of 10 or something?

Yes, it's out of 10. Pretty arbitrary, huh? :)

I'm using imagestring() but will switch to imagettftext(). I hope it does anti-aliasing. Thanks for the tip with imagettfbbox().
 
02-21-11, 9:33 PM

Offline
Joined: Nov 2010
Posts: 564
packet said:
Finally some suggestions :) . Thank you!

TheResistance said:
Perhaps light orange and blue would be better colours?

Is something like this what you have in mind?



I don't like the text color, but can't think of anything that would fit better.


gregory003 said:
I'd suggest transparency over color.

Something like this?




TheResistance said:
Also in my opinion the timeline should be the other way, years > mins

Well that's an interesting idea but what would you do about the progress bar? I think it would look weird if it grew from right to left.
You see, the progress bar matches the labels. For example if you spent more than one day but less than one month on anime, the progress bar will stop somewhere on the label "days".


Anyway, I have a few more ideas:

  • removing the the "minutes section" because virtually every one has seen more than an hour of anime
  • changing the font (perhaps to one used in manga like Wild Words or Anime Ace?)
  • adding a chibi character somewhere (perhaps he/she would move as you watch more anime?)
  • making the image bigger (higher, text size)
  • adding anime completed, planned, watching since, episodes seen etc counter
  • adding a parameter &picture= to allow you to select a custom background
  • generally making the thing more shiny/3D looking (perhaps using a tint) <- but I'm no good at this, if someone sent me some graphics that would be great
  • adding a MAL logo

What do you think about them?

The peach was bad but I like the blue :)
I don't really care about the bar I'm just used to reading time the other way.
I think you should remove the minutes section since it wouldn't be that accurate and overall, isn't that important.
Also. CHIBI :D instead of moving with the bar, maybe have them pointing their favourite accessory at the bar? Or even better, (although probably too hard) have the chibi version grow into the adult/present version as the bar progresses.
One problem I see is that once the counter reaches years/months the bar will stop for most casual viewers and move extremely slowly even for hard out otakus. Also the chibi thing wouldn't work T^T. Having the bar reset after each month of anime would work though, just have months and years on the side with numbers maybe.
 
02-21-11, 10:20 PM
Forum Moderator
Offline
Joined: May 2008
Posts: 4609
TheResistance said:
I think you should remove the minutes section since it wouldn't be that accurate and overall, isn't that important.
But it also makes users with less anime on their lists feel like they're a little further along.... do not underestimate the value of e-peen. :D

If you want to do transparency, I recommend putting an opposite-color stroke/glow behind the text.... I have some functions to do that efficiently. I'm still optimizing glow (bounding boxes are hard because php/gd is bugged with initial position)... stroke is relatively easy though:

 
02-22-11, 10:12 AM

Offline
Joined: Jul 2009
Posts: 640
Offtopic but, May I ask how you got that domain? (.wtf.la)

Just curious.


I do love the idea, it's quite essential to this forum.
 
02-23-11, 6:37 AM

Offline
Joined: Feb 2009
Posts: 315
invalidlink said:
Offtopic but, May I ask how you got that domain? (.wtf.la)


Good question :)
I can only wish I owned such a cool domain. It's not mine. It's part of a service that provides free domains. You can get a .wtf.la too at http://freedns.afraid.org/.

TheResistance: I agree with you that the way the progress slows down is no fun. Furthermore the majority of people have their progress in the weeks or months part. I'll try to think of something better. Perhaps levels? With a progressbar until the next level.

saka: Yeah, stroke or glow it pretty much necessary with a transparent background. I think I'll go for glow but thanks for the code anyway.
 
02-23-11, 12:05 PM
Forum Moderator
Offline
Joined: May 2008
Posts: 4609
I only mentioned it because some users use stylish themes that change the background color... for example your posted mockup above looks like this:
Modified by saka, 02-23-11, 12:09 PM
 
Top
Pages (74) [1] 2 3 » ... Last »
Help     FAQ     About     Contact     Terms     Privacy     AdChoices