Winnry's Level Design

[tssthorn]

These pictures are levels for the game Half-Life and Half-Life 2. Kinf of amazing how i do not like the games much but I love making levels for it lol. These ones I have showing now are actaully a few years old ... have to looks through my pictures and find the newer ones. I will post them when I can kk. Well anyway here they are. Tell me what you think.






I guess also instead of making another thread .. I should also mention I did the web design for the Felicitous Fenkis site. Link is in my sig ... tell me what you think =^.^=. Also I never take credit for somones work ... the Banner itself was made by Siofra.

[Haanz]

Ah ho ho hee!! That's niiice!! and the web design is nice too!! also Siofra did a pretty bomb job at that banner!

keep it up! and I'm waiting for those newer images!

[tssthorn]

Thanks ... ya the newer ones if i can seem to find them ... are actaully much better then those ... if i can't find them I guess I will just create another level lol. I love doing level design. To bad I do not have a scanner, put some of my concept art on here.

[Kiirani]

I've not played the games that the levels are for, or even heard of them really, so I can't say about that..

The web design on the other hand.. Hmm. It looks nice enough, although it does't work too well in smaller resolutions.. The left side is a little squashed for me (I have my browser at 1024x768). That's the only real issue i have with the design itself.. The "xhtml" code however, makes me shudder. I don't know how much of that is generated by the backend so it might not be your fault at all.

[tssthorn]

Actaully site is al done by PHP coding. Well most of it. Second ... I think I maybe able to fix that sqaushing problem thing lol ... I will check it out a bit later.

[Cyl]

Basically your maps look really great. However I would advice you to make things a little asymetric, especially in long corridors. A flackering light maybe, or a hanging down cable, just to get away from the clinical clean look. A little bit flashy lightning might pep them up to. About the last image: The pyramid in the middle of the hall seems really interesting, however the hall itself seems like a black hole, try adding various structures, if necessary by adding boxes and barrels.

Can't say much about the website, excpet that it looks kickass and totally fenki style.

[Kiirani]

Actaully site is al done by PHP coding. Well most of it. Second ... I think I maybe able to fix that sqaushing problem thing lol ... I will check it out a bit later.

*Sighs* No. The loaded source of the site (accessed by ctrl+u in firefox, or right click -> view source in most(?) browsers) is in invalid xhtml 1.1 code. The backend (in this case, this CMS) is written in php, and may/may not generate most of that code itself, depending on how it's set up.

The php is completely invisible to the user, it's parsed by the server as the page is loaded and only the output is shown.. The "xhtml" that the browser handles, however, is not, and that's what I was complaining about.

(I believe I've explained this correctly, if I have anything wrong would someone please point it out to me? )

Edit: Hmm. I should probably explain exactly what I'm talking about, but I'm not certain how to put to words that which is headache-worthy messy code.. Oh well, I'll do as best I can..

First, links -

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fnewyorkattitudes.net%2Ffelfen%2Fnews.php -
The code is invalid. Not everyone is concerned about this, but I personally consider it very important that things validate

http://hotdesign.com/seybold/everything.html -
This is self explanatory. Tables. Layout. Bad.

Once those have been read, here's a good example of the second link -

Figure 1 -


And the code behind figure 1 -

Code: [Select]

<table cellpadding='0' cellspacing='0'>
<tr>
<td class='erre'><img src='e107_themes/Frozen/images/blank.gif' width='13'  alt='' style='display: block;' /></td>
<td class='errep'>
<div style='text-align:center'>
Main Menu
</div>
</td>
<td class='erle'><img src='e107_themes/Frozen/images/blank.gif' width='13'  alt='' style='display: block;' /></td>
</tr>
</table>

<table cellpadding='0' cellspacing='0'>

<tr>
<td class='erre'><img src='e107_themes/Frozen/images/blank.gif' width='13'  height='4' alt='' style='display: block;' /></td>
<td class='errep'></td>
<td class='erle'><img src='e107_themes/Frozen/images/blank.gif' width='13' height='4' alt='' style='display: block;' /></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='erre'><img src='e107_themes/Frozen/images/blank.gif' width='13'  alt='' style='display: block;' /></td>
<td class='errep'>
<div style='text-align:left'>




<!-- Sitelinks (1) -->


<img src='e107_themes/Frozen/images/bullet3.gif' alt='' />&nbsp;<a href='/felfen/index.php'>Home</a>
<br /><img src='e107_themes/Frozen/images/bullet3.gif' alt='' />&nbsp;<a href='/felfen/page.php?3'>Ranks</a>
<br /><img src='e107_themes/Frozen/images/bullet3.gif' alt='' />&nbsp;<a href='/felfen/page.php?4'>Guild Members</a>
<br /><img src='e107_themes/Frozen/images/bullet3.gif' alt='' />&nbsp;<a href='/felfen/e107_plugins/forum/forum.php'>Forum</a>
<br /><img src='e107_themes/Frozen/images/bullet3.gif' alt='' />&nbsp;<a href='/felfen/e107_plugins/calendar_menu/calendar.php'>Calendar</a>
<br /><img src='e107_themes/Frozen/images/bullet3.gif' alt='' />&nbsp;<a href='/felfen/e107_plugins/coppermine_menu/'>Gallery</a>
<br />
</div>
</td>
<td class='erle'><img src='e107_themes/Frozen/images/blank.gif' width='13'  alt='' style='display: block;' /></td>
</tr>

</table>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='berre'><img src='e107_themes/Frozen/images/blank.gif' width='17' height='13' alt='' style='display: block;' /></td>
<td class='berrep'></td>
<td class='berle'><img src='e107_themes/Frozen/images/blank.gif' width='23' height='13' alt='' style='display: block;' /></td>
</tr>
</table>
<br/>

*weeps silently*

Sigh. Okay, figure two, please excuse the missing link, I didn't spend much time coding this . I added it into the code below after realising my mistake, just I can't be bothered taking another screenshot.

Figure 2 -


And the code behind figure 2 -

Code: [Select]

<div style="background:#efecd1 url('http://newyorkattitudes.net/felfen/e107_themes/Frozen/images/headfoot/bg.gif'); border: 13px solid #3f1108;">

   <h1 style="font-size:1em; color:#3f1108; text-align:center;">Main Menu</h1>
   <ul style="list-style-image:url('http://newyorkattitudes.net/felfen/e107_themes/Frozen/images/bullet3.gif');">
      <li><a href='/felfen/index.php'>Home</a></li>
      <li><a href="/felfen/page.php?3">Ranks</a></li>
      <li><a href="/felfen/page.php?4">Guild Members</a></li>
      <li><a href="/felfen/e107_plugins/forum/forum.php">Forum</a></li>
      <li><a href="/felfen/e107_plugins/calendar_menu/calendar.php">Calendar</a></li>
      <li><a href="/felfen/e107_plugins/coppermine_menu/">Gallery</a></li>
   </ul>

</div>


I'm aware that the border of that div is missing the eye candy that the borders on the other version have, in the form of images. That's still achievable with nice, user friendly code, but I only spent a couple of minutes writing that up and couldn't be bothered doing it :p My point still stands. Please tell me you see why I shudder?

Edit again: I'm not actually satisfied with the way I'm conveying my point. Expect various tweaks in future.