How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Talk about Tetris Online Poland

How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby riisssaaa » Sat Sep 29, 2012 3:52 pm

You can modify the graphics of your TOP game in almost anyway you like (as long as you know how to modify image files!)
Note that any graphical changes you make can only be seen by yourself unless ofc you've shared your changes w/ some friends.

I will only show how to modify the appearance of TOP in multiplayer modes.
The procedure should be roughly the same for other modes I just haven't tried yet.
The only difficulty would be locating those files!

I think it would also work for music.

This is also done in Windows.

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

BEFORE YOU BEGIN! Be sure to make a backup of your TOP client...
Just incase you screw something up. If you don't want to backup
everything just the "skin" folder will do.


Image
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Tutorial contents

[Neee] What you will need
[Eeee] Understanding the graphical elements of TOP
[Teee] TLDR vers of tute
[Seee] Using Wojtek's SjeJHH Tool / Reading SJE.JHH files
[Xeee] Example of a modded theme

For those who have NEVER read a single game guide in their life...
Navigate sections using (Ctrl+F or ⌘+F) and placing [-eee] into the input.


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

[Neee] What you will need

1. Wojtek's SjeJhh Tool (click to dl): http://to-p.tk/tetris/SjeJhhTool_and_UI.zip

UPDATE: New version of the UI (User Interface) of the SjeJhhTool available here:
http://www.mediafire.com/?80bmz5etkyz94uy (Thank you farter~)


2. An image editor: Photoshop, Gimp or Microsoft paint if you're pro enough w/ paint 8D.
3. Time, patience, creativity.


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

[Eeee] Understaning the graphical elements of TOP

Some of the Elements:
## denotes NUMBER
Image Image backmulti/backsingle -> multi_back_##/single_back_##
Image Image multi -> default -> multi_teamcolor# (0/1/2/3/4)
Image Image matrix -> matrix_##
Image Image cover40x40
Image Image cover50x50
Image Image cover60x60
Image Image matrix8x8
Image Image matrix18x18
Image Image matrix18x18_cover


There are others but they're a bit all over the place.

Image
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[Seee] How to use Wojtek's SjeJHH Tool / Reading SJE.JHH files

There are two methods:
1. The beginner's amateur but basic yet tedious method. (GUI) Recommended Easy method.
2. The slightly more complex but breezy easy method. (Command) The extra challenge method.
... TAKE YOUR PICK >D .



Method 1 - sjejhh_ui.exe
With this method you can only unpack and pack folders w/SJE.JHH files
ONE AT A TIME.
only need to click a few buttons.


1. Extract the "SjeJhhTool_and_UI.zip" you downloaded earlier to anywhere.
2. Open the folder you extracted it to and locate "sjejhh_ui.exe".

3. Open it! (DW it's not a screamer or virus and it doesn't have nasty things that bite.)
(Even if the icon looks like some sort of nuclear rod~ It's oookay!)

Image
You'll get this. Ignore the checkbox... Recursive didn't work for me D:
It now works with new UI vers.


4. (Via the explorer) Locate the folder where your SJE.JHH file is patiently waiting to be opened up and examined.
5. Click "Unpack it!". (Simple neeeeh? ^^ )
6. Edit your files (I'm not going to tell you how to do that! Grrrr...)

NB! At the moment you can't create new themes!
You can only REPLACE a current theme.
I can't program so I can't tell you why.
I just know you cannot! ^^;;


7. Save all your editted files. Remember to keep them in the same locations with the same names!
8. Repeat steps 2-3. (This step is too short. Looks bad. Lalalalalallalalalalalalalalalalalala~ That's better 8D.)
9. Find that folder with your poor SJE.JHH file all opened up and its contents thrown around the place.
10. Click "Pack it!" to sew it up and make it all pretty and neat and functional again 8D.updated.



Method 2 - sjejhh.exe
Recursive works in this method! You can batch unpack/pack HURRAH! You get some extra troubles for your effort!

1. Extract the "SjeJhhTool_and_UI.zip" you downloaded earlier to anywhere.
2. Open the folder you extracted it to and locate "sjejhh.exe".
3. Right-click and create a shortcut of "sjejhh.exe".
4. Refer to "readme.txt" in your SjeJhhTool folder for a list of commands.
5. Right-click your shortcut for "sjejhh.exe" and click properties.

6. In the "target" field fill it in according to this formula:

[Directory of SjeJhh.exe] [Command] [Directory of target folder with the SJE.JHH files needed to be unpacked]
I recommend doing in a text document first. Typing in that tiny field is a pain.

Image

7. I'm sure if you use this method you know what to do from now on 8P
EDIT THOSE IMAGES! REPACK! TADAHH!

Tip: If you unpack and repack often make two shortcuts
Image


Reminder! At the moment you can't create new themes!
You can only REPLACE a current theme.
I can't program so I can't tell you why.
I just know you cannot! ^^;;


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

[Xeee] Example of a modded theme
Excuse the mismatching-ness of the theme this was done on the spot very quickly without any regard for colour. ^^";;

Replaced multi -> default -> multi_teamcolor#.png
Image
(I changed the colours again.)

Replaced multi -> default -> chat_window.png/chat_window2.png
Image Image

Original matrix -> matrix_29 -> matrix18x18_cover.png
Image

Replaced matrix -> matrix_29 -> matrix8x8.png
Image

Replaced matrix -> matrix_29 -> cover40x40/cover50x50/cover60x60
Image

Replaced matrix -> matrix_29 -> matrix18x18.png
Image

Replaced backmulti -> default -> bg0001.png
Image

RESULT >> (It's a mess TT^TT )
Image


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

[Teee] TLDR vers of tute

1. Download Wojtek's SjeJhh Tool:
http://to-p.tk/tetris/SjeJhhTool_and_UI.zip and,

New version of the UI of the SjeJhhTool available here:
http://www.mediafire.com/?80bmz5etkyz94uy


2. Good luck.



- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NB: Credit to Virulent for showing how to use SjeJhhTool: http://harddrop.com/forums/index.php?showtopic=2051
Last edited by riisssaaa on Mon Oct 08, 2012 9:35 am, edited 10 times in total.
riisssaaa
 
Posts: 11
Joined: Tue Jul 05, 2011 4:09 pm

Re: How to Modify the Appearance of TOP

Postby gif » Sat Sep 29, 2012 3:55 pm

Such a great contribution ! Good job Rissaaaa !
gif
 
Posts: 2
Joined: Sat Jun 18, 2011 6:02 pm

Re: How to Modify the Appearance of TOP

Postby riisssaaa » Sat Sep 29, 2012 3:57 pm

gif wrote:Such a great contribution ! Good job Rissaaaa !


Time for you to finish your nullpo mod tute!
riisssaaa
 
Posts: 11
Joined: Tue Jul 05, 2011 4:09 pm

Re: How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby Wojtek » Sat Sep 29, 2012 4:21 pm

very good and helpful post.
User avatar
Wojtek
Site Admin
 
Posts: 233
Joined: Sat Jun 18, 2011 4:09 am

Re: How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby farter » Mon Oct 08, 2012 8:24 am

ok bug QwQ
tried to fix it.....
updated UI:
http://www.mediafire.com/?80bmz5etkyz94uy
farter
 
Posts: 58
Joined: Tue Jul 05, 2011 1:34 pm

Re: How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby riisssaaa » Mon Oct 08, 2012 8:44 am

farter wrote:ok bug QwQ
tried to fix it.....
updated UI:
http://www.mediafire.com/?80bmz5etkyz94uy


I just tested it~ Annnnddd it works! <3
I shall update my tutorial ^^
riisssaaa
 
Posts: 11
Joined: Tue Jul 05, 2011 4:09 pm

Re: How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby farter » Wed Oct 10, 2012 11:06 am

riisssaaa wrote:
farter wrote:ok bug QwQ
tried to fix it.....
updated UI:
http://www.mediafire.com/?80bmz5etkyz94uy


I just tested it~ Annnnddd it works! <3
I shall update my tutorial ^^

good to see that~
need any other feature?

btw the mino images in this http://i533.photobucket.com/albums/ee334/little-bamboozler/0929192617-1.jpg picture seemed to be a bit broken, maybe problem with 16px vs 18px?
farter
 
Posts: 58
Joined: Tue Jul 05, 2011 1:34 pm

Re: How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby riisssaaa » Wed Oct 10, 2012 2:31 pm

farter wrote:good to see that~
need any other feature?

btw the mino images in this http://i533.photobucket.com/albums/ee334/little-bamboozler/0929192617-1.jpg picture seemed to be a bit broken, maybe problem with 16px vs 18px?


Hmmm.... I don't really understand~ could you explain how they appear to be broken?
riisssaaa
 
Posts: 11
Joined: Tue Jul 05, 2011 4:09 pm

Re: How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby riisssaaa » Wed Oct 10, 2012 2:46 pm

Are you talking about how the minos don't seem to quite fit together perfectly?
It's not obvious when playing and when its coloured but it is when the image is desaturated.

http://i533.photobucket.com/albums/ee33 ... 012932.jpg



It's just JPEG artifacting.
I did a screenshot of my monitor with my TOP window inactive. Problem solved.

Image
riisssaaa
 
Posts: 11
Joined: Tue Jul 05, 2011 4:09 pm

Re: How to Modify the Appearance of TOP (AKA Pimp my TOP!)

Postby farter » Sun Sep 08, 2013 2:22 pm

ahh another bug fix..
\space in the path/
orz

strAll = "cmd /K "" """ & App.Path & "\SjeJhhTool.exe"" " & comm & " """
i have nothing to say about microsoft's escape character...

http://www.mediafire.com/download/cuwgc ... i_v002.exe
farter
 
Posts: 58
Joined: Tue Jul 05, 2011 1:34 pm

Next

Return to TOP

Who is online

Users browsing this forum: No registered users and 1 guest