OpenArena Message Boards

OpenArena Contributions => Graphics => Topic started by: Udi on February 07, 2010, 09:28:23 AM



Title: OA graphical design brainstorming
Post by: Udi on February 07, 2010, 09:28:23 AM
In this topic you can share your ideas about the general design of OA, which then can be used for the webdesign, game UI, characters, maps etc. Note: if you want to wield a sword on the side of Q3 in a flamewar, please reply to another topic (http://openarena.ws/board/index.php?topic=3512.0).

What we have to consider fixed: Joshua's new logo (http://openarena.ws/board/index.php?topic=1748.msg14797#msg14797), jute's music (http://openarena.ws/board/index.php?topic=2593.0), current models (various artists). These have pretty high quality and/or the artists have unique skills, we have more human resources to remake the other parts of the game.

The brushed metal and web2.0 like glossy buttons/bars are a dead end, they have to be replaced in the next webdesign, and also in the HUD numbers. I still like the idea of an unreachably beautiful, futuristicly perfect look, I have something in mind like the Autumn Nights (http://www.youtube.com/watch?v=39BQm0vhzcI&feature=related) and Morning Never Came (http://www.youtube.com/watch?v=BzMM75HDdN4&NR=1) defrag videos. Since the glossy look is ruled out, we could go for semi-transparent long stripes, barcode and modern font, something like the City of Light (http://frelon.deviantart.com/art/city-of-light-18303291) wallpaper, except much more darker and probably without the yellow. Maybe we should introduce another color next to the cold blue-white-gray-black, Linkin Park's Meteora blue (http://www.kayongblogger.com/wp-content/uploads/2009/12/linkin-park-meteora.jpg)/brown (http://en.wikipedia.org/wiki/File:MeteoraLP.jpg) design was pretty cool I think (they used the two colors next to each other too, but I can't find a sample).

Next to the clean-modern look we could try something like a mix of gothic-steampunk-grungy. OA has some modern weapons like the rocket launcher, railgun, some with beautful carvings like the grenade launcher and lighning gun. We also have Sarge, S. Marine next to Gargoyle and Kyonshi, so making this mix work is important. The pure beautiy of the models or textures can be used as a counter balance of some simple grungy background, well shot close-ups can carry the design. Maybe we could brake down the symmetrical design, have one big model on the left and the other things on the right. The challenge is the other design elements, the gothic floral pattern would make it too romantic, the steampunk elements can make it unbalanced, but maybe it's not that bad.

What are your ideas about the design of OpenArena? How does your dream OA look like?


Title: Re: OA design brainstorming
Post by: Graion Dilach on February 07, 2010, 01:24:01 PM
I have one little dream... to having my name on that changelog/credits.

Generally, Widowe and Jenna are what I miss. I love both of 'em. I think the current way of development is great and OpenArena has evolved more that that 0.8.5 patch implies.

Maybe I should have an SVN version.


Title: Re: OA design brainstorming
Post by: Proti on February 07, 2010, 02:38:30 PM
---PEACEFULLY CENSORED---


Title: Re: OA graphical design brainstorming
Post by: Udi on February 07, 2010, 03:39:35 PM
Attached a quick concept showing the blue/brown colors I mentioned in the first post. The font used in the header is from the Leage of Moveable Type (http://www.theleagueofmoveabletype.com/), it's open source, the slogen is there just to make it prettier. Some more details will be added, but I wanted to get rid of the boxes and make it more open. Light text on dark background needs more whitespace too.

What do you think about adding brown or any other color to blue, or about making the design so clean and simple?


Title: Re: OA graphical design brainstorming
Post by: fromhell on February 07, 2010, 05:40:40 PM
ooh I like that one, its less clashing.


Title: Re: OA graphical design brainstorming
Post by: fromhell on February 08, 2010, 02:47:04 AM
ALSO THAT FONT SITE IS VERY COOL A++


Title: Re: OA graphical design brainstorming
Post by: fromhell on February 08, 2010, 03:38:43 AM
One of my favorite things about games are launchers. The only id software game to come with a launcher frontend is Doom's contracted Win95 port from '96. That launcher there is a bit messy and a bad example and I still wonder why id software hasn't done one again since.

The launcher wouldn't be tied and compiled into the main EXE, it'd simply feed parameters on execution. Maybe it could read the user cfg, detect and load mod directories, and shamelessly phone home for updates on the click of every button then whir your cd to validate the game with the use of a rootkit driver and get around technical issues like some 'it crashed, safe mode?' dialog or so. The windows version of the launcher should be unique and not tied to cross platform dependencies, for maximum compatibility and minimum bloat(sorry Qt nothing personal)

Here's a inspiration from the '90s, the kind of launchers I like. Playing sounds are not necessary (like Blizzard's big graphical launchers that are tied in the installers that are data files themselves did)


Title: Re: OA graphical design brainstorming
Post by: Graion Dilach on February 08, 2010, 04:28:48 AM
Amazing outfit. But the current new forum theme hardly fits there... so there will be a forum reskinning again?

"Free to frag, free to create"... Beatiful and creative. Here's the slogan, people!


Title: Re: OA design brainstorming
Post by: GrosBedo on July 29, 2010, 08:29:33 PM
So, logically, you dont have to make new models, cuz everybody uses Sarge/blue or /red, so who cares.. ;p

False, don't make false assumptions, your case is not general. Many players don't force models, even amongst regular players.

@ Udi : I like this new theme (but I like the current one too). I find the opening at the left side very cool, but I think the concept could be expanded, and more coloured (I know you tried to make it stylish, but greying a game is not the way to promote it).

And if, instead of only showing a character, you'd show an entire scene ? Like if the website was inside the game ? Plus it would be possible to change the scene at each page refresh !

What I mean is something like that (see the attachment below).

PS : Please add a Screenshot menu too please XD

PS 2 : Wouldn't a promo video in frontpage be the best to explain what the game is about ? Finding the promo video is no problem, many people would be interested and the community now has some nice demo makers (and iirw, fromhell made an official promo video anyway ?).


Title: Re: OA design brainstorming
Post by: Udi on July 30, 2010, 12:28:17 AM
What I mean is something like that (see the attachment below).

Nice, I have to find a way how to 'end' the images, if they just stop when you scroll down that would look bad.

PS : Please add a Screenshot menu too please XD

PS 2 : Wouldn't a promo video in frontpage be the best to explain what the game is about ?

I only make the e107 and SMF theme, I don't have admin rights, Fromhell does.


Title: Re: OA design brainstorming
Post by: HelloKitty! on July 30, 2010, 05:16:39 AM
False, don't make false assumptions, your case is not general. Many players don't force models, even amongst regular players.
A large number of good players play with Sarge/green. If you do that and force models, you have a great advantage.

Dark and grey-coloured models are much more difficult to hit. If I'm using LG on Tony in a dark corner, it's all random -- I don't see him. It doesn't help that some versions of Mesa and SDL completely break gamma, so you can't even adjust brightness.

It doesn't really matter if you're playing some pick-up games for fun, but it does get kind of annoying that you can halve somebody's accuracy by changing a model. All model should have similar visibility, this is not a class-based game. It doesn't have to be perfect, but it should be fair.


Title: Re: OA design brainstorming
Post by: GrosBedo on July 30, 2010, 05:42:41 AM
Nice, I have to find a way how to 'end' the images, if they just stop when you scroll down that would look bad.

That's the challenge XD

But, although you shall keep in mind that Im no graphist, here are some ideas to fix that :

- Just do a simple fading into the single color background.
- Tile 2 scenes and replicate them infinitely.

Take a look at the attached files to get a glance.

I only make the e107 and SMF theme, I don't have admin rights, Fromhell does.

Fromhell should then give more rights over the website. This will have the benefits to give the job to the people willing to update it, so it can be more frequently updated, and Fromhell could then discharge himself from this burden.

If this is a question of security, Fromhell can simply keep secret the webhost's control panel password, and make a backup now in case someone SWEARs up the current website, so it can easily and quickly be restored. Then, giving the admin control over smf would be no problem. Though I think that smf should be avoided to rather switch to a better and more ergonomic solution, like concrete5 (it's point-and-click, saves a lot of time, particularly for templating). Plus there is a versionning system, in case someone mess something.

To give more rights without giving away security, we could even imagine installing a webfile manager with users rights management, so there's no need to give any ftp access, and files can't be thrown away than were the users have the rights to. I can help with that, I did a similar thing for the OACL2010 project using ajaxplorer - online demo at :
http://www.ajaxplorer.info/demo/

It would be a pleasure for me to configure a more flexible system for the website, if Fromhell agrees (only the system heh, I don't like designing, Udi I leave this up to you :p).


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on July 30, 2010, 06:13:54 AM
Concrete5, didn't know that one but doesn't make me feel confident.
First, there are so many CMS ... second, at a first glance to their official website, I've rarely seen a so amateurish design for something which is meant to help making websites. They use taints of grey/blue/orange/green arrows (Tango ?) I'm getting sick with, their window layout is very basic still lacks polishment ... well, let's say it's just a template. And they have a slogan which doesn't talk much to me either, hmm... wouldn't motivate me to move ;) e107 has been recently adopted for oa.ws, I never used it, I guess it's not so bad, and Udi seems familiar to it, seems like good points.


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on July 30, 2010, 11:41:04 AM
Believe me, I work in the field of website conception (mainly webprogramming but I know how to do about anything). e107 is maybe good (I know it), but it can't equal concrete5 or another new CMS like ModX, the difference resides on a technological level.

Just test them once : you will see what the difference it makes. Not only is it easier to manage basic actions (like adding a page, editing it, moving blocks, editing design), but it's much more easier for administrators as well. For example, designing a theme is a breath :
http://www.concrete5.org/help/building_with_concrete5/developers/themes/make-a-theme/

Anyway it was just one proposition. I'm just willing to help providing a better website management.


Title: Re: OA graphical design brainstorming
Post by: Udi on July 30, 2010, 02:42:16 PM
but it can't equal concrete5 or another new CMS like ModX, the difference resides on a technological level.

It's strange that I've never heard about those two, so I tried to check them out. Concrete5 is a 8MB big download, and it takes 25 megs unzipped, and it's not even the themes or images which take the most of it. It refuses to install if you don't have GD, which is strange to me, why do you need mandatory image editing in a CMS? The revolutionary page editing seems to be some kind of WYSIWYG JavaScript magic. The MySql tables also look bloated, but it's the first glance, I may be wrong. MODx wanted me to register before giving the download link, which I refused, so I couldn't take a look at that 11MB zip, but if it's similar to Concrete5, then no thanks :). I'm too oldschool for these next-gen CMS things.


Title: Re: OA design brainstorming
Post by: fromhell on July 30, 2010, 05:12:50 PM
Fromhell should then give more rights over the website. This will have the benefits to give the job to the people willing to update it, so it can be more frequently updated, and Fromhell could then discharge himself from this burden.

Huh? 


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on July 31, 2010, 02:42:05 AM
It's strange that I've never heard about those two, so I tried to check them out.

Popular stuffs are often not the best.
Anyway, these 2 are not some obscure cms, and they are in the list of most significant CMS of Wikipedia :
http://en.wikipedia.org/wiki/List_of_content_management_systems

For a more exhaustive list of all available CMS :
http://www.cmsmatrix.org/

Note : you can even compare CMS with this website, but information may be inexact as the informations provided seems not up-to-date to the latest releases.

It refuses to install if you don't have GD, which is strange to me, why do you need mandatory image editing in a CMS?
Probably for CAPTCHA and images thumbnails generation. Iirc phpbb does require that too.

The revolutionary page editing seems to be some kind of WYSIWYG JavaScript magic.
Of course, it's heavily based on AJAX technologies to enhance the user's experience.

The MySql tables also look bloated, but it's the first glance, I may be wrong.
Why do you say that ? Keep in mind that you may be used to the db of e107, so that may sounds logical for you, but remember that other softs get other logics. Concrete5 db has nothing unusual for me (and db optimization and readability is a very important factor for me) : tables and fiels names are clean and understandable, there are not too many fields for one table, and they even use interrelational tables. I can't see your point.

MODx wanted me to register before giving the download link, which I refused, so I couldn't take a look at that 11MB zip

I think you missed this big clue that can't be missed :
Quote
Before You Download, Please Register!
Already Registered? Proceed to the Download.
No need to be registered.

but if it's similar to Concrete5, then no thanks :). I'm too oldschool for these next-gen CMS things.

Actually, it's completely different from Concrete5, because here the main difference doesn't reside in the user's experience (no cute AJAX editing in ModX, it's just like your standard CMS on this point), but it's so HIGHLY customizable that you can't imagine a thing you can't do with it. If you have some webprogramming skills and look for a highly customizable CMS, that's your best bet along with Typo3 (Concrete5 is extendable too, but less than these 2). The only link with Concrete5 is that they both are above the technological level of the previous generation CMS like Joomla, but in different ways.

Udi, you're making false assumptions solely based on your prejudice. Judging something because you don't know it is not being smart. It's just plain stupid.

-------------------------------

Fromhell should then give more rights over the website. This will have the benefits to give the job to the people willing to update it, so it can be more frequently updated, and Fromhell could then discharge himself from this burden.

Huh?

Opensourcing is more about work balancing over the community than just giving away the sources. Liberty and collaboration are the main ideas of this movement.

Here I don't say to opensource the access, but use the same process of workload balancing amongst several actors, and give them direct access, although with limited rights, to the functions they need to work. This will avoid yourself having to upload yourself the changes, and having to manage them, deal with the bugs and problems, etc... While still keeping the root power over everything.

---------------------------------------------
Guys, I'm ready to help and take on my time to enhance current systems, and I'm willing to talk and even make you a presentation of the concept and what it will concretely bring, but I need you to really consider my offer.

For now, all I can see are some quick and dirty replies, using irony and sarcasm as much as you can to hide your fear of change and of work. Guys, I know you have a big load of work, but don't you believe that I have too ? I take of my time to propose a solution, and I will take even more time to implement it, and I will do all that gratuitously. And if you give me the right credentials, I can do it on my own. So what's the problem guys ?

If you want more infos about the concept, I can give you. If you want more informations about me and my previous (and current) works, I can provide you. Just don't throw me away like that.

PS: Concrete5 was only one of the propositions. What's about the others ?


Title: Re: OA graphical design brainstorming
Post by: Udi on July 31, 2010, 05:38:28 AM
As I said, I don't have any admin rights and I'm not for e107 or SMF, so my opinion only speaks for me. I would be interested in a technological comparison, but please leave out e107 or Joomla, and compare MODx to something decent like Drupal. Actually there is an article (http://ichosemodx.wordpress.com/2010/02/16/i-love-them-equally-a-chat-about-modx-and-drupal-with-a-fan-of-both-systems/) which compares the two, but I would like to hear your thoughts aswell.

And yeah, I was both blind and stupid not having noticed the proceed to the download link, and now I could test out MODx. It seems more reasonable than concrete5, unfortunately I can't test it further, since I have to backup all my data today and send my notebook to the repair shop (display replacement).


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on July 31, 2010, 07:14:32 AM
About the modx download link, it's ambiguous. You kinda have to lie and say "I'm already registered" to pretend being able to download.
I would have expect "to log in" when clicking "proceed to download", so I understand Udi got it wrong.
Then their donation popup opens... again, I wish they used another method.
Maybe it's coincidence, but these 2 solutions, which can be in advance technically, may not have made the best choices to be appealing to free software guys (OTOH we can always find something to criticize)
Now I see Concrete5 is MIT licensed, that's more appealing to me. (and here is what E107 uses (http://en.wikipedia.org/wiki/CPAL), no troll intended).
All this doesn't tell anything about the code itself, nor does it tell about the software design, which is what interests us, so I won't judge.

Quote
Here I don't say to opensource the access, but use the same process of workload balancing amongst several actors, and give them direct access, although with limited rights, to the functions they need to work. This will avoid yourself having to upload yourself the changes, and having to manage them, deal with the bugs and problems, etc... While still keeping the root power over everything.
I kinda agree, if one sees area of improvements, reclaim the possibility to participate, the road should be very open. Still, I wish it is thought that way since the start. For instance, wikis give writing rights to everyone, so you don't even have to ask for that right. What you describe is almost basic project management (relegate rights) and I'd hope opensource ways are still ahead of these methods. And it's already the case, because if you want to hold by passwords a project and its contributors then the project will continue as it is but elsewhere. That's what's good with opensource project managers, they only have the appearance of power, in fact, the community just accepted to relegate the most boring tasks like administrating the website to him/her :D So yeah I too would advise fromhell to share the burden, some other people are okay to throw out the garbage can.

About AjaXplorer, I was thinking of installing something similar on openarena.tuxfamily.org, mainly to allow people to upload maps they made, but I don't like how heavy it looks and would have prefered something more simple, maybe even without right managements. I don't know if OA.ws would need it, since most of the uploads are already meant to be tackled by the SVN, eventually by the forum attachments, or temporary personnal webspaces. (maybe it starts to make many places to look after).

Your efforts are welcome, I mainly criticize but am pleased to learn about new solutions and having additionnal informations about them ;)



Title: Re: OA graphical design brainstorming
Post by: GrosBedo on July 31, 2010, 07:46:54 AM
Sorry Udi, I may sometimes sounds rude, but there's some flaw in human mind that I particularly hate, and I can then be too much radical. Sorry to have hurt your feelings.

About Drupal, I never could really get into, even if I tried to (I planned to upgrade a Joomla website for Drupal). Drupal can be considered as a ancestror of Concrete5, but at the same it has its own specificities. I like to think about Drupal as a mix between a CMS and a blog : it's a full featured CMS with the ease and simplicity of a blog.

The problem with Drupal, is that they so much tried to stay minimalist, that it works too good : if you want to do something that is outside what was planned, you will run in enormous troubles, even if it is a seemingly simple thing. You then have to code yourself your extension, and struggle with the (heavy and hermetic) Drupal codebase. For experienced Drupal webdesigners, I can understand it can be very good, and at the time it came out it was probably the best available and most promising solution. But now it became way too much hermetic and has been overtaken by concurrency.

Now, there's never perfect solutions. While Concrete5 and ModX are, amongst others, technologically superior, they have flaws, mainly due to time. First, they aren't as mature as Joomla or Drupal (to cite an example), but they should be ok (look at their history, and they're out of the beta phase since long). The other con is that they have a smallest community around and less time, so you will find less plugins (but not support, C5 is commercially supported even if you don't buy anything).

Personnally, I feel pretty confident with Concrete5 or ModX, while in reality, Ive much more experienced with Joomla and other old CMS, but I must recognize from my last work projects, that the new technologies are much more comfortable (and seems more stable). For example they have versionning built-in.

And about e107, I hope you didn't install v0.7.17 :
http://lwn.net/Articles/371110/


Title: Re: OA graphical design brainstorming
Post by: fromhell on July 31, 2010, 08:28:30 AM
i'm not switching cmses dammit (especially to new obviously bloated systems you're rigorously defending here), and no... constant modifying pages on the site won't make the project magically make progress. Instead of being all "let me handle the job I can do it and make it right" why not state what information is missing?

Giving SVN access would work but i only want to do that for really trusted people. I have been burned by infractions getting past the radar enough... plus I don't have the ability to give access.



Title: Re: OA graphical design brainstorming
Post by: GrosBedo on July 31, 2010, 08:59:09 AM
About the modx download link, it's ambiguous. You kinda have to lie and say "I'm already registered" to pretend being able to download.
I would have expect "to log in" when clicking "proceed to download", so I understand Udi got it wrong.
Then their donation popup opens... again, I wish they used another method.

Indeed, but many IT opensource projects now uses these marketing methods. But I don't think marketing is incompatible with opensource. That's what was believed for a long time, we can now see that this can be a successful business model, if you do it right.

About AjaXplorer, I was thinking of installing something similar on openarena.tuxfamily.org, mainly to allow people to upload maps they made, but I don't like how heavy it looks and would have prefered something more simple, maybe even without right managements. I don't know if OA.ws would need it, since most of the uploads are already meant to be tackled by the SVN, eventually by the forum attachments, or temporary personnal webspaces. (maybe it starts to make many places to look after).

I've coded a simple upload script based on swfUpload (http://"http://swfupload.org/") for OACL2010 referees to upload demos and screenshots, and file listing with fileNice (http://"http://filenice.com/"). I will probably release it at the same time as the config (soon).[/quote]

i'm not switching cmses dammit (especially to new obviously bloated systems you're rigorously defending here), and no... constant modifying pages on the site won't make the project magically make progress. Instead of being all "let me handle the job I can do it and make it right" why not state what information is missing?

You missed the point : I'm not saying there's anything missing, I don't want to manage the website, and I'm not saying I will change everything alone : I propose to open the access, and securely, to make contributions easier.

And switching CMSes was only a part of my proposition, the other part is setting a web file manager.

Giving SVN access would work but i only want to do that for really trusted people. I have been burned by infractions getting past the radar enough... plus I don't have the ability to give access.

Indeed, this would have the benefits of versionning, but it would be less ergonomic. And still, you would have to update yourself the server with approved files.

Anyway, the goal is not to give access to everyone, but only to your trusted people, but with enough rights so they can be autonomous.

// EDIT :

Ok look, I will give you an explicit example on how you will be able to give different levels of power depending on the role attribution and trust.

root level : you alone. You have SSH access and host panel password + all other admin passwords (mysql, ftp, CMS, etc...). This is the god level, absolutely everything is under control. Can configure rights, users, groups and all.
|
+--co-admin level : access to a configured MYSQL manager account (which cannot overcome root level) and/or ftp access with own account and rights, but no panel nor SSH access. This is the assistant level, having enough power to set new users (particularly webdeveloppers), and rights (which cannot be equal or above him, only root can set other managers).
|
+----webdevelopper level : access to a web file manager with access to the whole website files (cms php files included) and/or a limited mysql account (only assigned to a db ?). This is the developer level, he can install new web applications, manage the existing ones and manage the database, but has no control over the system at all (he can only copy and move files and db records). He can manage to set new webmaster/designer users in his web applications.
|
+-------webmaster and designer level : admin-like access to the CMS (but not root, cannot change the root account), and webfile manager only access to the normal file storage (CMS normally integrates some file upload capability so this may be unneeded, but my point is that we can configure more specific and limited storage places). This is the manager of the website, being in charge of the maintenance, who can update it with content and extensions and designs, but cannot change the system nor install new web applications : he is limited to what already exists. He can manage users accounts to create contributors.
|
+---------contributor level : normal user of the CMS that just has access to editing content, so he can update articles, but cannot modify anything in the structure at all. This user will mainly be in charge of creating new innovative contents.

Final note : each users level can directly be created and managed by its parent. Of course, some levels can be overlooked, but if we push the concept that's how it would end. For now, I think that the root level + webmaster/designer + contributor would be enough.

PS : I want and require no access, you can do it yourself, I can work with you and send you all the files. I just proposed to do it myself because I hate people that request for things without being able to produce anything.


Title: Re: OA graphical design brainstorming
Post by: fromhell on July 31, 2010, 09:20:02 AM
e107 has public uploading abilities, but I disabled it since I only really want to use the CMS to project news, have a poll, and list downloads (e107 to me has a very good downloads manager, one of the best i've seen in any CMS i've tried. the only annoying part is the combomenu for picking a file from the server)


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on July 31, 2010, 09:22:34 AM
(Note : I edited my previous post with an example).

e107 has public uploading abilities, but I disabled it since I only really want to use the CMS to project news, have a poll, and list downloads (e107 to me has a very good downloads manager, one of the best i've seen in any CMS i've tried)

Then that's a very good reason to keep it if you think that it fits your need. Now let's just find a way to configure it in a manner so you can securely give some more access.


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on July 31, 2010, 09:31:53 AM
Actually there is an article (http://ichosemodx.wordpress.com/2010/02/16/i-love-them-equally-a-chat-about-modx-and-drupal-with-a-fan-of-both-systems/) which compares the two, but I would like to hear your thoughts aswell.

I completely agree with this article, and with the idea of using the right tool for the right situation, being stubborn to use only one solution will make you run into the wall often.

And about the descriptions of ModX and Drupal, this is similar to what I thought. No judging, good article.


Title: Re: OA graphical design brainstorming
Post by: Falkland on July 31, 2010, 04:11:48 PM
[...] I have to backup all my data today and send my notebook to the repair shop (display replacement).

It's really a BAD idea sending a PC for an external component replacement and leaving the HD on its place.

I have demonstrated for fun and NOT ONLY to ppl bringing me their PCs how easy is retrieving quite almost ALL kind of vital information ( in terms of everyone own digitally life ) simply by cloning a HD image with a LiveCD to an USB external disk , since most of the common PCs users don't care about securing their data AT ALL. And I don't mean only easy things like Windows administration password.


Title: Re: OA graphical design brainstorming
Post by: Udi on July 31, 2010, 11:41:42 PM
It's really a BAD idea sending a PC for an external component replacement and leaving the HD on its place.

If I remove the HD, I breach the warranty. All I can do is make a backup, erase the sensitive data, and leave the rest. Maybe who clones it will start playing OpenArena :).


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on August 01, 2010, 04:40:49 AM
For a quick and secure wipe :
Darik's Boot and Nuke
http://www.dban.org/

Or Eraser :
http://eraser.heidi.ie/

----------------------------

What about the precedent subject ? (just to place this thread back on tracks)

About the marketing position of the game :

Quote
Open Arena's biggest legacy, it seems, is that it's being used as an open source platform for trying new applications.
From http://en.wikipedia.org/wiki/Talk:OpenArena

This is exactly what I think, and why I just can't let go off this game. This aspect should be more promoted on the webpage, even more since now we have a wiki, and it should be promoted along with the community aspect (open an official IRC channel and provide a web client on the website ? I have made a php one with administration and ip logging a long time ago if needed, all my work is opensource).


Title: Re: OA graphical design brainstorming
Post by: ... on August 01, 2010, 10:15:20 AM
For a quick and secure wipe :
Darik's Boot and Nuke
http://www.dban.org/

Or Eraser :
http://eraser.heidi.ie/

----------------------------

What about the precedent subject ? (just to place this thread back on tracks)

About the marketing position of the game :

Quote
Open Arena's biggest legacy, it seems, is that it's being used as an open source platform for trying new applications.
From http://en.wikipedia.org/wiki/Talk:OpenArena

This is exactly what I think, and why I just can't let go off this game. This aspect should be more promoted on the webpage, even more since now we have a wiki, and it should be promoted along with the community aspect (open an official IRC channel and provide a web client on the website ? I have made a php one with administration and ip logging a long time ago if needed, all my work is opensource).

There is an offical irc channel.
Anynet

irc.anynet.org #openarena

There is also one on freenode #openarena.


Title: Re: OA graphical design brainstorming
Post by: Falkland on August 01, 2010, 12:14:26 PM
If I remove the HD, I breach the warranty.

Oh ... you didn't mention the notebook is a new one :/

All I can do is make a backup, erase the sensitive data, and leave the rest.

Firefox profiles , IM history files , Skype profile , photos , important docs ... ALL sensitive data indeed :)

I assume you are a Windows user , so my suggestion is to take a particular care of wiping the swap and the hybernation files too :)


Title: Re: OA graphical design brainstorming
Post by: Udi on August 05, 2010, 02:45:53 PM
I took GrosBedo's idea and tried to improve it. If I put a large sidebar on both sides, then there's little room for the content (important for the boards), but if the sidebars are small the game design doesn't really shows well. So what if we put a screenshot in the header too and arrange the screenshots as a frame (click for larger):

(http://udionline.hu/kepek/openarena/design-plan2-thumb.jpg) (http://udionline.hu/kepek/openarena/design-plan2.jpg)

If we just use one map for a frame, we can change the atmosphere of the site, pvomit's pink for comparison:

(http://udionline.hu/kepek/openarena/design-plan2-pink-thumb.jpg) (http://udionline.hu/kepek/openarena/design-plan2-pink.jpg)

The frames should switch on a session bases: you visit the site, you get an outlook and it stays the same while you browse the site, but if you came back after 4 hours, you get a new one. So it won't distract the viewer and also the page can cache well to reserve bandwidth.

What do you think?


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on August 05, 2010, 04:01:07 PM
The frames should switch on a session bases: you visit the site, you get an outlook and it stays the same while you browse the site, but if you came back after 4 hours, you get a new one. So it won't distract the viewer and also the page can cache well to reserve bandwidth.

Very good idea, but this feature would then profit more for regular users than one-time visitors, and the goal of this idea was to showcase the game directly on website, without the needs of screenshots.

About your new design, I find it nice looking and it's a very good idea too to add the background in the header and footer, but I find it less immersive to have such bird's view images, I would prefer something more like this image :

http://yamz.files.wordpress.com/2007/05/openarena-hoppingcorpse.jpg

Here with bird's eye view, we can't really see what the game is about.

But I understand the size constraints and I may not be objective. I like this design.

/EDIT : but I mainly miss the uneven edge design of the precedent proposal (you know, the edge that breaks at the middle), here I find it to be too boxy.

PS : what minimal size of screens do you take as a reference ?


Title: Re: OA graphical design brainstorming
Post by: fromhell on August 05, 2010, 05:14:00 PM
What do you think?
Do it. pvomit looks awesome as a background


Title: Re: OA graphical design brainstorming
Post by: Udi on August 06, 2010, 02:34:03 AM
PS : what minimal size of screens do you take as a reference ?

If I remember andrewj said some time ago that he's stuck with 800x600. RMF often visits the site from his cell-phone, I don't know about his resolution. I was thinking about the same dynamic layout as now, content would be 80% (or smaller) of the body width and content would also have a min-width attribute. IE6 needs a hack for proper min-width, but should we care about IE6 anymore?

The bird-view screenshots are just a quick placeholder. Showing close-ups of the models is a great idea, I'll do that. The straight edge makes the sidebars easier to pull-off, but maybe I can throw in something extra when I do the template :). Ideas are welcome, but please no JavaScript or CSS3.


Title: Re: OA graphical design brainstorming
Post by: dbX on August 06, 2010, 05:30:50 AM
but should we care about IE6 anymore?

No. IE6 should be thrown into the toilet and flushed along such relics as Windows ME. Don't make IE6 compatible sites, do not be an enabler.


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on August 06, 2010, 10:01:02 AM
but should we care about IE6 anymore?

No. IE6 should be thrown into the toilet and flushed along such relics as Windows ME. Don't make IE6 compatible sites, do not be an enabler.

IE6 support has now been dropped by most of major websites, like youtube and twitter, so I think that there is no more any reason to struggle with it.

I agree with fromhell : pvomit's color scheme is better than the other one.

For all the rest Udi : thumbs up all the way ! ;D


Title: Re: OA graphical design brainstorming
Post by: fromhell on August 06, 2010, 11:28:27 AM
No. IE6 should be thrown into the toilet and flushed along such relics as Windows ME. Don't make IE6 compatible sites, do not be an enabler.
i hate you


Title: Re: OA graphical design brainstorming
Post by: Graion Dilach on August 06, 2010, 11:49:00 AM
Lelilol, we all know that you are a supporter of older hardwares... but IE6 support should only be taken if that doesn't breaks the overall output.

IE was, is, and will be a nightmare. Personally I realized this, when a built a website with a transparent PNG header.


Title: Re: OA graphical design brainstorming
Post by: Gig on August 06, 2010, 11:56:27 AM
IE6 support has now been dropped by most of major websites, like youtube and twitter, so I think that there is no more any reason to struggle with it.
Well, most features of youtube still work it it, fortunately... although it has some problems (like with the display of the comments)

Lelilol, we all know that you are a supporter of older hardwares...
(L)eilol? Where is (L)eilol? It is a lot of time that I don't see him/her (?) here on the forums... or are you saying that Fromhell is the same person as (L)eilol?  ???
Probably it is so... I just noticed that if I type (L)eilol in the forum without brackets, it is automatically converted to "Fromhell". Strange but nice! :)


Title: Re: OA graphical design brainstorming
Post by: fromhell on August 06, 2010, 12:11:05 PM
IE6 makes 1.7% of the site visitors, IE7 makes 3.5% and IE8 makes 9.4%, but the later versions are probably also Vista or 7 users where those versions of IE are mandatory.


Title: Re: OA graphical design brainstorming
Post by: dbX on August 06, 2010, 02:37:23 PM
i hate you

I don't mind.


Title: Re: OA graphical design brainstorming
Post by: Bane on August 06, 2010, 06:02:20 PM
Nice design Udi I was thinking would doing this with the characters and weapons also look good?


Title: Re: OA graphical design brainstorming
Post by: Someone_mad on August 10, 2010, 05:41:36 PM
You all done a really good job, this make a great atmoshpere. ::)


Title: Re: OA graphical design brainstorming
Post by: Udi on August 13, 2010, 07:17:19 AM
I've built the e107 theme, checked it with FF 3.6, IE7 and Midori (WebKitGTK 1.1.21), but you can test it too, please aim your favourite browser to:

http://udionline.hu/oatest/

The background is still just a crappy placeholder, the boards has the default theme and the news don't show (problem with my host). So please only check if the site breaks in your browser or not (should look similar like the screenshots posted before).


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on August 13, 2010, 09:21:46 AM
On the overall It looks good, congrats Udi, I permit myself to leave a few remarks which you are probably already aware of:

* I wonder if the horizontal top white menu could be improved, it's a bit "floating" and "not much decored" as of now.

* I wonder if the layout of the search box + OA logo + menu could be different, as of now there are 3 vertical levels so it looks less organized, I don't know if having 2 levels would look good.

* The sarge scenes I see in the background are a bit less impressive than the screenshots. It's a bit squary. On top, I have left and right sides which are repeated but it looks a bit broken.

Iceweasel 3.5.11, midori 0.2.4, screen at 1440x900.


Title: Re: OA graphical design brainstorming
Post by: Udi on August 14, 2010, 01:39:33 AM
Thanks Caca, moving the search box somewhere can help keeping the header simple, but I don't really want to decor the menu much, better keep it minimal until the final OA design comes, dropshadows or a simple (semi-transparent?) background maybe, but no buttons.

The background is ugly as hell, they will be more seamlessly put together. The problem is if I insert backgrounds big enough for HD resolutions, filesizes increase accordingly (for the first visit, they will be cached after), but if I put in smaller resolutions (the header image is currently 1280px wide), they have to be either tiled or resized (some creative method allows this, but I haven't tried it yet).


Title: Re: OA graphical design brainstorming
Post by: DaywalkeR on August 15, 2010, 05:56:51 AM
looks good, but
-smooth the screenshot in the background, would look better
-add a box for the horizontal menu, maybe grey like the header and purple color for the font of the "home, about, .." buttons
-would prefer more structure, maybe divide the vertical menu by a gray line
-make the left box bigger, in the right box there isnt much content and the left is not unimportant too

my 2cents


Title: Re: OA graphical design brainstorming
Post by: GrosBedo on August 24, 2010, 06:21:23 AM
Udi, great work !

Indeed, the background is too grey, should be replaced in the final version XD But as you said, it's a placeholder. Other than that, I find it to be perfect !


Title: Re: OA graphical design brainstorming
Post by: Udi on August 24, 2010, 03:06:10 PM
Thanks for all the feedback, next version is up.

http://udionline.hu/oatest (http://udionline.hu/oatest)

The search box is moved inside the blue area, menu elements have now a simple drop shadow effect (Cacatoes). I wan't to keep the small font and no border in the sidebar, but if the boards theme comes separation will become an issue so I will probably play with that one (DaywalkR). The top background is now resizing, there's no tiling and the sidebar backgrounds are also tiling more seamlessly (try the About page, that has a long dummy text) (everyone). The backgrounds are now meant to be final, so if you don't like them, raise your hand :). I've also introduced the cookie based random background, now you have 50% chance to see the rpg3dm2 or the pvomit one. You can either erase the cookies to see the other one, or take a look at these screenshots:

http://udionline.hu/kepek/openarena/oaweb/oatest-100824-rpg3dm2.jpg (http://udionline.hu/kepek/openarena/oaweb/oatest-100824-rpg3dm2.jpg)
http://udionline.hu/kepek/openarena/oaweb/oatest-100824-pvomit.jpg (http://udionline.hu/kepek/openarena/oaweb/oatest-100824-pvomit.jpg)


Title: Re: OA graphical design brainstorming
Post by: MyLittlePwny on August 24, 2010, 03:18:42 PM
Something tells me that the link for "Media" is probably supposed to be to the right of the link for "Dev", not directly below the link for "Home"... Maybe with a little less free space between the links that wouldn't happen?

(I do like the pvomit background, though. ^_^)


Title: Re: OA graphical design brainstorming
Post by: Bane on August 24, 2010, 04:52:08 PM
I like it good job Udi. I really like the pic of gargoyle with the quake power up on the side


Title: Re: OA graphical design brainstorming
Post by: Graion Dilach on September 28, 2010, 03:47:36 AM
I think this is the correct place to report a forum-bug.

With the current theme, if you use the [code] tag, it'll break the the site on Opera, probably on Chrome as well.

I've seen this on many pages, but 'til today I wasn't sure the source... until I putted up the bot-documentation with a code-tag.


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on September 28, 2010, 05:13:33 AM
Code:
AH AH I ANNOY WEBKIT USERS

Edit: can you screenshot ? I tried with midori and chromium-browser but I don't see problems.


Title: Re: OA graphical design brainstorming
Post by: Udi on September 28, 2010, 06:44:21 AM
I see now. Screenshot attached, I'll look into it! Chrome doesn't seem to be affected.


Title: Re: OA graphical design brainstorming
Post by: Gig on October 10, 2010, 04:48:28 AM
Hi, are are going the things with the new website?

Can I suggest to add a direct link to the "manual" section of the Wiki, directly on the main page of the site?


Title: Re: OA graphical design brainstorming
Post by: Udi on October 10, 2010, 05:40:49 AM
Hi, are are going the things with the new website?

I've started to work on the boards theme, it will take at least 2 weeks before I can show something. If I can't find the time for it, then I'll release the sources, it only contains GPLv2 licensed or other open source things.


Title: Re: OA graphical design brainstorming
Post by: Graion Dilach on October 17, 2010, 10:06:57 AM
I see now. Screenshot attached, I'll look into it! Chrome doesn't seem to be affected.

Probably it's something with the div width. Chaoticsoldier's signature results the same.


Title: Re: OA graphical design brainstorming
Post by: Udi on October 17, 2010, 12:58:24 PM
A-ha! Thanks, now I know the problem. The overflow: auto parameter must be taken care of. I'll make a quick fix tonight or tomorrow.


Title: Re: OA graphical design brainstorming
Post by: Udi on October 24, 2010, 11:53:23 AM
Sorry for the late reply, things got busy, and maybe I've overdone the bugfixing. I've tried to mix the current theme and the new theme which is still in development. The result can be viewed either on my site: http://udionline.hu/oatest (http://udionline.hu/oatest) (I've experienced frequent time-out errors, if you got one try again in 5mins.) or here are two screenshots: e107 (http://vps.udionline.hu/kepek/openarena/oaweb/oaweb-e107.png), smf (http://vps.udionline.hu/kepek/openarena/oaweb/oaweb-smf.png) (the screens are already on my new VPS, they should load more reliably).

  • theme is more blue and dark
  • no brushed metal texture, no candy bars
  • logo and title on the e107 title page too
  • clicking the logo on the boards brings you to the e107 page
  • hard-to-see color/background variations fixed, color combination reduced
  • long code and long unwrapped string (http://udionline.hu/oatest/board/index.php?topic=2.0) error fixed for Opera

That's all. The SMF theme caused a lot of headaches, it's still a complex tagsoup, but at least the unneeded things are sorted out, so finishing the new theme should be easier too. Any feedback is welcome.


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on October 24, 2010, 12:46:38 PM
Let's criticize :p

Of course it's just my opinion and I don't pretend the way I describe is the way it should be, it's just feelings and kinda intuitive :)

- On the overall it's both more sober and darker.
- I like the translucent menu bar, especially where the OA screenshot is visible.
- I don't know if the fading OA image in the background is of the best effect. I would have rather seen the screenshot fill the whole horizontal space (but not beneath the former candy bars), or eventually, seen the screenshot as part of another texture (a bit like we have with the current website theme).
- I would have seen the former candy bar (the candy effect is still a bit present :P) in a color different than the dark blue one, while being sober (something like grey ?).
- Linked to 2 previous points, it turned all dark blue maybe it could have been balanced with a secondary color (grey ?)
- I also like the transparent effect on the forum posts, even if it makes the texture tiling break.
- again maybe the forum is quite blue, I'd say it is okay as it is, but I wonder what would be the result if post tables were of some secondary color which distinguishes better from the primary color. I don't know how the template is designed, but if post table color is changed it may not be necessary to change other table colors, like the most at the bottom ones. (eventually, instead of the topics table, the background texture color could be changed, but I think it's better to keep that dark blue background texture)
- lateral circuit textures seem okay to me :P

I've been playing with a fluxbb 1.2/1.4 template recently, It's not so hard work code-wise, but I was not really competent at obtaining something satisfying color-wise :D I'll continue to play a bit with some dokuwiki and maybe fluxbb templates because I kinda have to.


Title: Re: OA graphical design brainstorming
Post by: Gig on October 24, 2010, 03:53:31 PM
Again, I suggest to place a well-visible link to the "DO NOT LINK[/b]) h t t p s : / / openarena . wikia . com/wiki/Manual]manual (http://([b)" of the game directly on the home page....


Title: Re: OA graphical design brainstorming
Post by: Udi on October 25, 2010, 01:05:41 AM
Again, I suggest to place a well-visible link to the "DO NOT LINK[/b]) h t t p s : / / openarena . wikia . com/wiki/Manual]manual (http://([b)" of the game directly on the home page....

I could do that on my test page, but I don't have access to OA's site. Adding menu entries should go through the e107 panel, adding an entry in the template is quite hackish. So I sent a PM to fromhell with your request.

Thanks Caca for your feedback!

Unfortunately I cannot advance with it this week, so I put up the sources:
  • Current themes: e107 v1.1 (http://vps.udionline.hu/fajlok/openarena/oaweb/openarena-e107-v1.1.zip), smf v1.0 (http://vps.udionline.hu/fajlok/openarena/oaweb/openarena-smf-v1.0.zip)
  • The one I just showed: e107 v1.2 (http://vps.udionline.hu/fajlok/openarena/oaweb/openarena-e107-v1.2.zip), smf v1.2 (http://vps.udionline.hu/fajlok/openarena/oaweb/openarena-smf-v1.2.zip)
  • The next-gen(?) one: e107 v2 beta1 (http://vps.udionline.hu/fajlok/openarena/oaweb/openarena-e107-v2b1.zip) (this one doesn't have an SMF variant yet)
All the sources are GPL, the only exception being Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/), which is public domain (thus compatible with GPL). If somebody wants to start working on it, I can provide access to the test page on my site (FTP or SSH user, MySQL user etc.), but first I have to migrate to my new VPS.


Title: Re: OA graphical design brainstorming
Post by: Graion Dilach on December 18, 2010, 10:21:51 AM
Update about the Opera vs. website bug.

Seems like Opera 11.00 fixed the overflow, if you couldn't modify it.


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on August 04, 2011, 07:23:27 AM
This topic turned to be a discussion around the website design, while its first intent was a brainstorm about OA's design. Could it be split ? (Or could guys or I get some moderation right to do that :D)

Are: Dirty / Rusty / Industrial / Futuristic / Biomechanical / Monstery / Madly / Frightening / Bloody / Concrete... compatible with an Anime style ?
... or has it to look pastel colored with big gentle eyes ?

OA-FR website tried to be inspired by the 3 first, which was possible thanks to Trak textures.

I don't have a big culture in it so I'll stick to sci-fi classicals, but I find stuff from Moebius/Philippe Druillet/H.R.Giger quite inspirative.


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on August 04, 2011, 07:24:44 AM
This topic turned to be a discussion around the website design, while its first intent was a brainstorm about OA's design. Could it be split ? (Or could guys or I get some moderation right to do that :D)

Are: Dirty / Rusty / Industrial / Futuristic / Biomechanical / Monstery / Madly / Frightening / Bloody / Concrete... compatible with an Anime style ?
... or has it to look pastel colored with big gentle eyes ?

OA-FR website tried to be inspired by the 3 first, which was possible thanks to Trak textures.

I don't have a big culture in it so I'll stick to sci-fi classicals, but I find stuff from Moebius/Philippe Druillet/H.R.Giger quite nice.


Title: Re: OA graphical design brainstorming
Post by: VortexHU on August 04, 2011, 01:32:06 PM
Are: Dirty / Rusty / Industrial / Futuristic / Biomechanical / Monstery / Madly / Frightening / Bloody / Concrete... compatible with an Anime style ?
... or has it to look pastel colored with big gentle eyes ?

you might try sketching out some ideas and posting them so people can see if they think the style can work.


Title: Re: OA graphical design brainstorming
Post by: Cacatoes on August 05, 2011, 08:15:56 AM
yeah, I was planning to make a more serious digging when I have time.