Wesnoth Bestiary

A place where unusual ideas find their home, not intended for mainline development discussions!

Moderators: Forum Moderators, Developers

Forum rules
If this is your first time in this section, you must read the following thread:

Wesnoth Bestiary

Postby ancestral » March 10th, 2010, 12:47 pm

Wesnoth Bestiary
A web site for browsing game and unit information for The Battle for Wesnoth.

Bestiary has been overhauled. Consider this Version 2.
See the latest post here.

To Do (Known Bugs)
  • Get real unit images instead of unknown images in browser
  • Complete and re-align advancement tables
  • Overflow units when they don’t fit in browser
  • Alternate portraits
  • Shorter links?
  • Faction pages?
  • Better landing page
  • Support for other eras

Image

What is Wesnoth Bestiary?
It’s a web site for browsing unit information. Part of it is an experiment and self-learning to the wonderful ways of JavaScript, jquery, and web design. As I continue to work on the project, my hopes is it will eventually replace http://units.wesnoth.org.

You can view this live at http://wesnoth.io.

Original Post:
Last edited by ancestral on May 27th, 2014, 11:37 pm, edited 12 times in total.
Wesnoth BestiaryPREVIEW IT HERE )
Unit tree and stat browser
CanvasPREVIEW IT HERE )
Exp. map viewer
User avatar
ancestral
macOS Packager
 
Posts: 1106
Joined: August 1st, 2006, 5:29 am
Location: Motion City

Re: Wesnoth Bestiary

Postby Captain_Wrathbow » March 10th, 2010, 12:57 pm

This... is... great! :D
I really like this idea! :mrgreen:
User avatar
Captain_Wrathbow
 
Posts: 1664
Joined: June 30th, 2009, 2:03 pm
Location: Guardia

Re: Wesnoth Bestiary

Postby thespaceinvader » March 10th, 2010, 2:26 pm

If you're looking at redoing the units page (and I agree it needs doing) you do need to include the sprite(s) there somewhere - they're the unique identifiers for the units. Many if not most units share portraits with at least one other level, after all.

Looks like nice work.
http://thespaceinvader.co.uk | http://thespaceinvader.deviantart.com
Back to work. Current projects: Catching up on commits. Picking Meridia back up. Sprite animations, many and varied.
User avatar
thespaceinvader
Retired Art Director
 
Posts: 8416
Joined: August 25th, 2007, 10:12 am
Location: Oxford, UK

Re: Wesnoth Bestiary

Postby Max » March 10th, 2010, 2:58 pm

looks really great...

ancestral wrote:This page heavily utilizes Gentium, a free font I think works fantastically with Wesnoth.
that's one of these fonts that looks quite ugly if you have font anti-aliasing disabled:
wesnoth_bestiary.png
Max
 
Posts: 1449
Joined: April 13th, 2008, 12:41 am

Re: Wesnoth Bestiary

Postby Ken_Oh » March 10th, 2010, 3:03 pm

I was about to post how the font looks wacky at the moment. Otherwise, it looks great.
User avatar
Ken_Oh
Moderator Emeritus
 
Posts: 2176
Joined: February 6th, 2006, 4:03 am
Location: Baltimore, Maryland, USA

Re: Wesnoth Bestiary

Postby lord_joakim » March 10th, 2010, 3:32 pm

I really support this idea, and I hope you complete your project.

It is dire you keep the loading speed fast though. The current Help menu is too slow. I'm not really comfortable using stuff such as Javascript; it feels weird. But if it works out, do it. Meh.
User avatar
lord_joakim
 
Posts: 14
Joined: November 11th, 2008, 9:53 am

Re: Wesnoth Bestiary

Postby Max » March 10th, 2010, 3:57 pm

the unit main page can be a bit slow initially because it has to load 200 images.
Max
 
Posts: 1449
Joined: April 13th, 2008, 12:41 am

Re: Wesnoth Bestiary

Postby Yoyobuae » March 10th, 2010, 6:32 pm

Well, if the units page html were structured similarly to ancestral's "Wesnoth Beastiary" (which is very nice and clean HTML) then CSS can take care of all the layout. The page could even have several different CSS versions a la CSS Zen Garden.

Unluckily, the layout of the current version is done with table elements.
Yoyobuae
 
Posts: 408
Joined: July 24th, 2009, 8:38 pm

Re: Wesnoth Bestiary

Postby Sevis » March 10th, 2010, 6:49 pm

Great idea.

One problem that stands out in the current implementation - you set the background colour but leave the text colour to be user-set. If someone has set his browser colours set to light-on-dark (like me), the text becomes unreadable.
Sevis
 
Posts: 5
Joined: January 8th, 2010, 6:35 pm

Re: Wesnoth Bestiary

Postby Zerovirus » March 10th, 2010, 10:56 pm

Couldn't the design just be similar to the help page packaged with the game?
User avatar
Zerovirus
Art Contributor
 
Posts: 1693
Joined: July 8th, 2009, 4:51 pm

Re: Wesnoth Bestiary

Postby ancestral » March 12th, 2010, 6:10 am

Alright, thanks for your feedback and support. Work continues!

I’ll be dropping the online font and instead, if Gentium isn’t installed, will look for Palatino, then Georgia.

I’ve also added unit advancement with small pictures. I’ll place some arrows in for good measure.

Only after I’ve gotten down the description page will I begin to tackle the entire unit tree.
Wesnoth BestiaryPREVIEW IT HERE )
Unit tree and stat browser
CanvasPREVIEW IT HERE )
Exp. map viewer
User avatar
ancestral
macOS Packager
 
Posts: 1106
Joined: August 1st, 2006, 5:29 am
Location: Motion City

Re: Wesnoth Bestiary

Postby Sevis » March 12th, 2010, 8:05 am

Font colour is working fine now, thank you.

However, in the lists, the defences starting at and down from Deep Water, as well as the Arcane attack type, are shown over the crumpled paper background, reaching the bottom of the screen. Font is unusual but readable. Screenshot included.

Browser:
Code: Select all
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.2) Gecko/20100304 Gentoo Namoroka/3.6
Attachments
20100312@090130.png
Sevis
 
Posts: 5
Joined: January 8th, 2010, 6:35 pm

Re: Wesnoth Bestiary

Postby ancestral » March 12th, 2010, 8:19 am

Sevis wrote:Font colour is working fine now, thank you.

However, in the lists, the defences starting at and down from Deep Water, as well as the Arcane attack type, are shown over the crumpled paper background, reaching the bottom of the screen. Font is unusual but readable. Screenshot included.

Browser:
Code: Select all
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.2) Gecko/20100304 Gentoo Namoroka/3.6

No worries, I’m aware of that. It’ll get fixed :)
Wesnoth BestiaryPREVIEW IT HERE )
Unit tree and stat browser
CanvasPREVIEW IT HERE )
Exp. map viewer
User avatar
ancestral
macOS Packager
 
Posts: 1106
Joined: August 1st, 2006, 5:29 am
Location: Motion City

Re: Wesnoth Bestiary

Postby seb » March 12th, 2010, 10:45 am

ancestral wrote:Alright, thanks for your feedback and support. Work continues!

I’ll be dropping the online font and instead, if Gentium isn’t installed, will look for Palatino, then Georgia.

I’ve also added unit advancement with small pictures. I’ll place some arrows in for good measure.

Only after I’ve gotten down the description page will I begin to tackle the entire unit tree.


Looks great!
Maybe you could show the whole "unit advancement tree" for each unit (rather than just the current branch (edit: though maybe you'd been intending to do that anyway?)).
e.g. you're currently viewing the Elvish Ranger, then it would show (with pictures):

Code: Select all
                      elvish marksman          elvish sharpshooter
elvish archer
                      [u]elvish ranger[/u]      elvish avenger
seb
 
Posts: 22
Joined: March 11th, 2010, 1:52 pm

Re: Wesnoth Bestiary

Postby kitty » March 12th, 2010, 6:31 pm

I really appreciate your effort and you have some nice stuff going on here (positive text colour, big numbers, columns)!
I hope you won't mind some detailed crit: :P

* The right margin (next to the italic text) is too small, it appears (at least optically) smaller than the left one next to the terrain info.
* I'm strongly opposed to using italics for the runing text - worse legibility, needs bigger size (atm it appears smaller than all words set in regular), seems a lot lighter in comparison to the rest and most of all is just a poor substitute for a real "medieval" handwritten feel which I guess you are trying to achieve.
* I'm glad you are using recognizable columns but the distances (blue arrows) are too big atm, resulting in a tattered overall impression. It is important to keep information tightly together to make it comprehendable quickly. Make all the tabulators smaller and bring the numbers closer in.
* I love our attack symbols but I don't think it is a good idea to show them for the Resistances as well. You need a means to differentiate them from the real attacks the unit has or otherwise you'll make things really confusing. You could try to make them smaller or perhaps greyscale. But I think dropping them there would be the most non-ambiguous solution. (But keep the big numbers - those are great!)
* The right side of the terrain table seems to have no reference to your overall grid system.
* The difference between your second headline size (the one you use for advancement, terrain, attacks etc.) and your regular text size in fat (mountains, castle, hill, cave etc.) is too small.
* You have decided to keep your headlines very close to their respective text bodies, which is fine. But you break that principle for the unit advancement where the headline suddenly has tons of free space around it. Stay consistent.
* I guess the numbers in parenthesis are the movement costs - but you really need to label your columns!
* Some letters seem to render strangely occcassionaly, e.g.: the "e" in alignment and movement is huge, the "a" in race is tiny and the kerning is generally poor.
* Have you thought of a solution for units with two gender variants yet?
* Why use a « for the attacks? Is that a new consensus?

To discuss the general layout it would be nice if you could perhaps post your layout grid, I tried to analyze yours and there is quite some stuff that doesn't measure up...
Attachments
layout-ances.jpg
layout-ances.jpg (173.36 KiB) Viewed 9431 times
User avatar
kitty
Retired Portrait Director
 
Posts: 1290
Joined: January 2nd, 2008, 3:29 pm

Next

Return to Experimental Corner

Who is online

Users browsing this forum: No registered users and 0 guests