Graal Forums - Old stuffs

Graal Forums (https://forums.graalonline.com/forums/index.php)

- Graphic Design (https://forums.graalonline.com/forums/forumdisplay.php?f=9)

- - Old stuffs (https://forums.graalonline.com/forums/showthread.php?t=134265005)

amonrabr

11-09-2011 02:49 PM

Old stuffs

8 Attachment(s)

Hello people!

I was checking an old harddrive and I found some graal sketches and things I made long time ago.
Most of them are bizarre, but dont forget its almost 10 years, it was a different moment, different computers, resolutions :P

the logo
Attachment 53900

some sketchs of the character I used in old site
Attachment 53901

There is a post somewhere people saying how bizarre this Zone character is. But I didnt make that animation, also, zone didnt exist yet when I made this
Attachment 53902

Some Graal tests, noone saw them
Attachment 53903

Site top characters and animations
Attachment 53904

Graal newsletter
Attachment 53905

I also found the source file and sketches of 12 hats
(including this christmas hat, people still use it)

I found 4 complete tilesets I made (3 of them I never really used, I thinking in post here later)

I found many scripts, someone already posted 5 of them here:
http://forums.graalonline.com/forums...ad.php?t=86203

The source code of 4 programs I made.
Gdk, 3D->2D, level view and map generator.

Like GDK (the printscreen is old too, it was already in jpg in folder, actually I dont have Delphi here to compile, but I post the source code if you people want it (and moderators permit) ):

Attachment 53906

Attachment 53907

Sorry to make this post. But you can imagine how nostalgic is find this some many years later. I lost my harddrives many times, so there are so many graal stuff I will never find again.. but It was funny days!

I hope you like to see these things, 90% of them I think I never showed before.

Hugs,
Amon-Ra

ffcmike

11-09-2011 03:14 PM

Quote:

Originally Posted by amonrabr (Post 1673646)

Hello people!

I was checking an old harddrive and I found some graal sketches and things I made long time ago.
Most of them are bizarre, but dont forget its almost 10 years, it was a different moment, different computers, resolutions :P

Sorry to make this post. But you can imagine how nostalgic is find this some many years later. I lost my harddrives many times, so there are so many graal stuff I will never find again.. but It was funny days!

Nostalgic?
A lot of your work is still used to this day :p.
It's still set on the Kingdoms portion of the Graal website, and it's much better than this bright blue/pink theme they use elsewhere.

Draenin

11-09-2011 03:21 PM

Come back and make more cool stuff. Lord knows we need it.

Galdor

11-09-2011 03:25 PM

Sweet, Graal Developer Kit looks fancy :D

papajchris

11-09-2011 03:36 PM

We need a new website!

Crono

11-09-2011 03:45 PM

amon ra <3!!

ff7chocoboknight

11-09-2011 06:13 PM

GDK looks pretty neato. :o

cbk1994

11-10-2011 12:08 AM

Could you post a transparent version of the main logo (first attachment)?

FaLLChiLD

11-10-2011 06:31 AM

Love your Bomy drawing. Just sayin.

callimuc

11-10-2011 04:08 PM

Quote:

Originally Posted by Door (Post 1627526)

http://graalonline.com/themes/general/zoneanim.gif
Who made this I want to know

who made
this

who

who

That should be cleared now ^_^

WanDaMan

11-10-2011 04:50 PM

Hey! I'm surprised you haven't posted anything relating to Gaia! Nevertheless, lovely work! + Rep

P.S. Nice to see you again.

Crono

11-10-2011 05:30 PM

Quote:

Originally Posted by callimuc (Post 1673782)

That should be cleared now ^_^

if you read ra's post he said he didn't animate it so it doesn't really clear it up.

amonrabr

11-10-2011 07:16 PM

1 Attachment(s)

Quote:

Originally Posted by cbk1994 (Post 1673709)

Could you post a transparent version of the main logo (first attachment)?

Its here Attachment 53914. Sorry I dont have it bigger anymore.

Quote:

Originally Posted by callimuc

That should be cleared now ^_^

Lol. That is what I was talking about, I never really used this image. I made it, and I showed the "work-in-progress" to someone.. and now I see it some places.. I didnt make the animation or put anywhere online

----

My main problem with graal is the language. When I started playing graal I knew three english words: "hi", "hello" and "bye". So in first years I tryed to find brazilians to talk in game. How there isnt many brazilians, I started slowly learning english, but how you see I never really learned well.

I started making things directly to Unixmad and Stefan. But I usually didnt really understand much thing they were saying. Once or twice I talked to Unixmad by phone or video, but I didnt understand anything he was saying, and I didnt know how to tell this... lol.

In RC I usually didnt understand 50% of what people were talking. So that was my main difficult. English, only when it is written. And you have to wait a few seconds until I understand what you're trying to say. In the first year I used translator almost everything, I don't use anymore, but it is very limiting to express myself. :P For me that likes to talk alot, thats pretty frustrating

I opened a small office here in Brazil ( http://www.conceitodigital.net/ ) and my clients are all brazilians, it would be so nice speak fluency english, lol, I could make money making stuff for other countries. But it still a dream.

callimuc

11-11-2011 12:42 AM

Quote:

Originally Posted by Crono (Post 1673789)

if you read ra's post he said he didn't animate it so it doesn't really clear it up.

Quote:

Originally Posted by amonrabr (Post 1673795)

Its here Attachment 53914Lol. That is what I was talking about, I never really used this image. I made it, and I showed the "work-in-progress" to someone.. and now I see it some places.. I didnt make the animation or put anywhere online

Oh I was just browsing the images clicking at the next button

cbk1994

11-11-2011 07:19 PM

Quote:

Originally Posted by amonrabr (Post 1673795)

Its here Attachment 53914. Sorry I dont have it bigger anymore.

Thanks :).

Wolfey

11-12-2011 11:59 PM

Quote:

Originally Posted by amonrabr (Post 1673646)

Make him the new webmaster?

amonrabr

11-19-2011 05:28 AM

As I said, I will post some codes and things I found...

This is cool, cause I know many people has a website or something..
Just paste the code above in a ".php" file and open it.
Also the code is clean, so its ok to people study it.

PHP Code:


		
			
<?Php 
class graalLevel{
    var $tile = array();
    var $imgFolder = 'images/';
    var $defaultTileset = 'pics1.png';
    function prepare(){
        file_exists($this->imgFolder) or mkdir($this->imgFolder);
        file_exists($this->imgFolder.$this->defaultTileset) or die("Please, first save pics1.png file in folder '{$this->imgFolder}'.");
    }
    function graalLevel($lvl){
        $this->prepare();
        preg_match_all('/board \d \d+ \d\d \d (.*)/ei',$lvl,$r);
        function convertLine($a,$b,&$o){
            foreach(str_split($a, 2) as $c=>$d)$o->tile[$b][$c] = $o->tileSetCoordinates($d);
        }    
        array_walk($r[1],'convertLine',$this);
    }
    function tileSetCoordinates($d){
        $seq = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
        $_ = strpos($seq,$d[1])+strpos($seq,$d[0])*64;
        return array(floor((floor($_/512)*16+($_%16))*16)*-1,floor((floor($_/16)%32)*16)*-1);
    }
    function render(){
        $s='';
        for($i=0;$i<64;$i++)for($j=0;$j<64;$j++)
            $s .= '<div class=div style="background-position:'.(count($this->tile)>0?$this->tile[$i][$j][0]:'0').'px '.(count($this->tile)>0?$this->tile[$i][$j][1]:0).'px;"></div>';
        echo "<style type='text/css'>*{margin:0px;}.div{background-image:url({$this->imgFolder}{$this->defaultTileset});display:block; width:16px; height: 16px; float:left;}</style><div style='width:1024px;height:1024px;'>$s</div>";
    }
}
if(array_key_exists('arq',$_FILES) && $_FILES['arq']['size']>0 && is_array($t = pathinfo($_FILES['arq']['name'])) && $t['extension'] == 'nw'){
    $level = new graalLevel(    file_get_contents($_FILES['arq']['tmp_name'])    );
    $level->render();
}
?>

<form method="post" enctype="multipart/form-data">Select nw file:<input type="file" name="arq" /><input type="submit" name="submit" value="enviar"/></form>

cbk1994

11-19-2011 05:47 AM

Quote:

Originally Posted by amonrabr (Post 1674615)

PHP Code:


		
			
<?Php 

class graalLevel{

    var $tile = array();

    var $imgFolder = 'images/';

    var $defaultTileset = 'pics1.png';

    function prepare(){

        file_exists($this->imgFolder) or mkdir($this->imgFolder);

        file_exists($this->imgFolder.$this->defaultTileset) or die("Please, first save pics1.png file in folder '{$this->imgFolder}'.");

    }

    function graalLevel($lvl){

        $this->prepare();

        preg_match_all('/board \d \d+ \d\d \d (.*)/ei',$lvl,$r);

        function convertLine($a,$b,&$o){

            foreach(str_split($a, 2) as $c=>$d)$o->tile[$b][$c] = $o->tileSetCoordinates($d);

        }    

        array_walk($r[1],'convertLine',$this);

    }

    function tileSetCoordinates($d){

        $seq = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';

        $_ = strpos($seq,$d[1])+strpos($seq,$d[0])*64;

        return array(floor((floor($_/512)*16+($_%16))*16)*-1,floor((floor($_/16)%32)*16)*-1);

    }

    function render(){

        $s='';

        for($i=0;$i<64;$i++)for($j=0;$j<64;$j++)

            $s .= '<i style="background-position:'.(count($this->tile)>0?$this->tile[$i][$j][0]:'0').'px '.(count($this->tile)>0?$this->tile[$i][$j][1]:0).'px;"></i>';

        echo "<style type='text/css'>*{margin:0px;}i{background-image:url({$this->imgFolder}{$this->defaultTileset});display:block; width:16px; height: 16px; float:left;}</style><div style='width:1024px;height:1024px;'>$s</div>";

    }

}

if(array_key_exists('arq',$_FILES) && $_FILES['arq']['size']>0 && is_array($t = pathinfo($_FILES['arq']['name'])) && $t['extension'] == 'nw'){

    $level = new graalLevel(    file_get_contents($_FILES['arq']['tmp_name'])    );

    $level->render();

}

?>



<form method="post" enctype="multipart/form-data">Select nw file:<input type="file" name="arq" /><input type="submit" name="submit" value="enviar"/></form>

Why are you using (deprecated) <i> tags for the tiles instead of a block tag like <div>?

It might be worth mentioning I did something similar with HTML5's canvas tag in JavaScript:

http://static.graalcenter.org/temp/ole/ (tile selection isn't working well, but this is an easy fix eventually)

code: http://static.graalcenter.org/temp/ole/js/site.js

fowlplay4

11-19-2011 08:11 AM

Quote:

Originally Posted by cbk1994 (Post 1674617)

Why are you using (deprecated) <i> tags for the tiles instead of a block tag like <div>?

I used to think they were deprecated as well but it turns out they aren't. Turns out they're just frowned upon by people who like to keep the styling and markup separate.

Also remember these are "old stuffs".

amonrabr

11-19-2011 02:46 PM

yes, its pretty old. Also as semantic I see no problem use "i". its pretty webstandart since its from first html.

You can replace the render function for this one

PHP Code:


		
			
    <?Php 

class graalLevel{
    var $tile = array();
    var $imgFolder = 'images/';
    var $defaultTileset = 'pics1.png';
    function prepare(){
        file_exists($this->imgFolder) or mkdir($this->imgFolder);
        file_exists($this->imgFolder.$this->defaultTileset) or die("Please, first save {$this->defaultTileset} file in folder '{$this->imgFolder}'.");
    }
    function graalLevel($lvl){
        $this->prepare();
        preg_match_all('/board \d \d+ \d\d \d (.*)/ei',$lvl,$r);
        function convertLine($a,$b,&$o){
            foreach(str_split($a, 2) as $c=>$d)$o->tile[$b][$c] = $o->tileSetCoordinates($d);
        }    
        array_walk($r[1],'convertLine',$this);
    }
    function tileSetCoordinates($d){
        $seq = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
        $_ = strpos($seq,$d[1])+strpos($seq,$d[0])*64;
        return array(floor((floor($_/512)*16+($_%16))*16),floor((floor($_/16)%32)*16));
    }
    function render(){
        $img = imagecreatetruecolor(1024,1024);
        $tileSet = imagecreatefrompng($this->imgFolder.$this->defaultTileset);
        for($i=0;$i<64;$i++)for($j=0;$j<64;$j++)            
        imagecopy($img,$tileSet,$j*16,$i*16,(count($this->tile)>0?$this->tile[$i][$j][0]:'0'),(count($this->tile)>0?$this->tile[$i][$j][1]:0 ),16,16);
        header("Content-type: image/jpeg");
        imagejpeg($img,NULL,100);
    }
}
if(array_key_exists('arq',$_FILES) && $_FILES['arq']['size']>0 && is_array($t = pathinfo($_FILES['arq']['name'])) && $t['extension'] == 'nw'){
    $level = new graalLevel(    file_get_contents($_FILES['arq']['tmp_name'])    );
    $level->render();
}
?>
<form method="post" enctype="multipart/form-data">Select nw file:<input type="file" name="arq" /><input type="submit" name="submit" value="enviar"/></form>

than you get the result as image and pretty fast.

amonrabr

11-19-2011 02:53 PM

whats "layers" I saw people talking?
Something new on graal?

cbk1994

11-19-2011 08:14 PM

Quote:

Originally Posted by amonrabr (Post 1674641)

yes, its pretty old. Also as semantic I see no problem use "i". its pretty webstandart since its from first html.

<i> is like <span> or <strong>. There's no reason to use an inline element and then make it a block element with CSS.

amonrabr

11-19-2011 08:27 PM

ya, I think I know a little bit of web.. in a semantical way to do it, "i" for me was icon/image or whatever, I really didnt want to put the tile italic..
w3c agree with me: http://www.w3.org/International/ques...a-b-and-i-tags
anyway, there is no problem to transform inline stuff in block or anything.. to make something really webstandart you have to see the tags as any normal Xml object, and by css you give them atributes.. I usually reset all atributes by css when I make something.. Actually any advance programm recommend you reset it http://www.google.com.br/search?q=css+reset but if "i" doesnt look right, just change it to any other tag :)

cbk1994

11-19-2011 09:05 PM

Quote:

Originally Posted by amonrabr (Post 1674676)

in a semantical way to do it, "i" for me was icon/image or whatever, I really didnt want to put the tile italic..

That's not what it means at all. From the same link you quoted:

Quote:

Originally Posted by Your Link

The i element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized.

Quote:

w3c agree with me: http://www.w3.org/International/ques...a-b-and-i-tags

No, it doesn't. Read the link you quoted carefully.

Quote:

anyway, there is no problem to transform inline stuff in block or anything.. to make something really webstandart you have to see the tags as any normal Xml object, and by css you give them atributes.. I usually reset all atributes by css when I make something.. Actually any advance programm recommend you reset it http://www.google.com.br/search?q=css+reset

A CSS reset is used to remove irregularities between browsers so that any CSS rules in effect are intentional. They're not meant so that you can redefine what elements mean. All that does is mess with screen readers and search engines that don't parse CSS.

Of course you can transform inline elements to block elements—I never stated you couldn't. I'm simply wondering why you would do that when there is already a more suitable element available. W3C would probably like to know, too:

Quote:

Originally Posted by Your Link

You should not use b and i tags if there is a more descriptive and relevant tag available.

amonrabr

11-19-2011 09:45 PM

Thats not the proposal of the topic. Let me explain you the basic of html.

A long time ago html was only a code. And each browser tryed to make a visual way to render the code. But there was no rule, noone told to this browser the default line-height, or alot of other visual proprieties.. So each browser naturally render the code in your own way. Thats the reason they created w3c, to try to make a standart way to do things.

When you make a html code, you have to imagine it in a Text Only browser. And let the CSS give the visual. The default visual(css) properties of each object is different in each browser. IE, example, consider the padding of element as part of the element size.
There are elements that are pretty the same in all browsers like: strong or em. But in a bigger way to see the web, you have the imagine your html just as a code. And your css give it the design. Do you need to reset all the objects? No necessary, alot of them are going in the same direction after w3c, but its the CSS that gives to the code it design. Reset everything and tell to the browser how each thing will be, and you will have the standart.

Check the "i" you hated so much. Isnt it opening the same in all browsers? So, its ok. Html5 is not yet, so.. for any company or any kind of internet business where public is the reason to exist, the most standart is better.

Why w3c says many things? Cause it point of view is based in people dont need to explain how each tag will work, w3c exists to dream in all browser do the default css things, but as you probably already know, that doesnt happen. When that be real will be great, the css codes will be smaller.

The main reason is that noone is the html owner, so noone has the right to say whats wrong. But w3c is here to try to be this thing.

So I will not talk about this again, really is not the focus. If you answer, or other offtopic things I will ignore, dont wanna be rude. But its like you have a young brother that says the day has 25 hours. You know its 24 (actually more, you know its 23:59), but your brother really likes to show its point of view, that doesn't make you rude to hate to be explaining why its 24. But you really has most important things to do.

So I edited the other post to be like you prefer, now there is no "i" element there. than there is no reason to talk about this. Once again sorry to be rude, but I will ignore other posts.

haro41

11-21-2011 08:56 AM

Quote:

Originally Posted by amonrabr (Post 1674691)

But its like you have a young brother that says the day has 25 hours. You know its 24 (actually more, you know its 23:59), but your brother really likes to show its point of view, that doesn't make you rude to hate to be explaining why its 24. But you really has most important things to do.

Fulg0reSama

11-21-2011 09:34 AM

Quote:

Originally Posted by amonrabr (Post 1674691)

I have this issue, but its with an older brother.

All times are GMT +2. The time now is 04:24 AM.