Texture Packs: Difference between revisions

From Bridge Duel Wiki
(Created page with "Texture packs allow players to customize the look of their items, by uploading Models to Roblox and importing it into the game. From Bridge Duel, they can export or import a texture pack as a JSON file, allowing them to share their creations easily. <h2>Guide</h2> <h3>Required Programs</h3> [https://www.dotpdn.com/downloads/pdn.html paint.net] [https://apps.microsoft.com/detail/9WZDNCRFJ3T6 3D Builder] [https://create.roblox.com/landing Roblox Studio] <h3>Preparing t...")
 
No edit summary
 
(20 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Texture packs allow players to customize the look of their items, by uploading Models to Roblox and importing it into the game. From Bridge Duel, they can export or import a texture pack as a JSON file, allowing them to share their creations easily.
Texture packs allow players to customize the look of their items by uploading models to Roblox and importing them into the game. From Bridge Duel, they can export or import a texture pack as JSON, allowing them to share their creations easily.
<h2>Guide</h2>
<h2>Guide (Windows only)</h2>
<h3>Required Programs</h3>
<h3>Recommended programs</h3>


[https://www.dotpdn.com/downloads/pdn.html paint.net]
[https://www.dotpdn.com/downloads/pdn.html paint.net]
[https://bridgeduel.xyz/hostin/tpackguide/EdgeExpander.dll paint.net Edge Expander plugin]


[https://apps.microsoft.com/detail/9WZDNCRFJ3T6 3D Builder]
[https://apps.microsoft.com/detail/9WZDNCRFJ3T6 3D Builder]
[https://btroblox.net/ BetterRoblox]
<h3>Required programs</h3>


[https://create.roblox.com/landing Roblox Studio]
[https://create.roblox.com/landing Roblox Studio]


<h3>Preparing the textures to be exported</h3>
<h3>Preparing the textures to be exported</h3>
This guide assumes you are using [https://www.dotpdn.com/downloads/pdn.html paint.net] and [https://apps.microsoft.com/detail/9WZDNCRFJ3T6 3D Builder].
First of all, you will need to open all of your textures with paint.net.
First of all, you will need to open all of your textures with paint.net.
When you are done, press CTRL+R on one of your textures in paint.net. A "Resize" window should pop up.
Resize the texture to 1000x1000. Do this for all of the remaining ones! This is to prevent Roblox from blurring our items.


<h3>(optional) Fix the [bridgeduel.xyz/hostin/tpackguide/blackoutline.png black outline] in your items</h3>
<h3>Fix the [http://bridgeduel.xyz/hostin/tpackguide/blackoutline.png black outline] on your items (optional)</h3>
When you are done, press CTRL+SHIFT+R. This should bring up a popup window called "Canvas Size". Set the canvas size to 1024x1024.
 
For each of your textures that you have opened, select it and press CTRL + R. A "Resize" window should pop up.
 
Select the "Nearest Neighbor" resampling mode, and resize the texture to 1000x1000. This is to prevent Roblox from blurring our items.
 
Set your secondary color to be fully opaque.
 
Lastly, press CTRL + SHIFT + R. This should bring up a popup window called "Canvas Size." Set the size to 1024x1024.
 
Save the files as .png (paint.net will try to make it .pdn). I suggest making a separate folder for the texture pack to keep it more organized.
 
[https://wiki.bridgeduel.xyz/wiki/images/4/4b/Guide7.png You will make two folders inside of the pack folder now.] One of them will be called "whitened," and the other will be called "normal."
 
Open your resized textures and paint all of them white. Remember to [http://bridgeduel.xyz/hostin/tpackguide/guide4.png turn off anti-aliasing] for the paint bucket tool. Save them to the "whitened" folder. Now you should have your normal textures in one folder, and the white textures in another.
 
 
Install the [https://bridgeduel.xyz/hostin/tpackguide/EdgeExpander.dll Edge Expander paint.net plugin] and move it to C:\Program Files\paint.net\Effects (restart paint.net when you're done).
 
 
Take the non-whitened textures, then select [http://bridgeduel.xyz/hostin/tpackguide/guide5.png Effects > Object > Edge Expander]
 
Set the radius to 12. This is enough so it isn't noticable in the hotbar, and also fixes the black outline for most devices (for some reason some devices have more antialiasing)
 
When you are done, save all of the textures into the "normal" folder.
 
<h3>Go on without fixing the black outlines (don't do this if you fixed them in the last step)</h3>
 
 
We will make two folders now. [https://wiki.bridgeduel.xyz/wiki/images/4/4b/Guide7.png They will be called "whitened" and "normal."]
 
 
For each of your textures that you have opened, select it and press CTRL + R. A "Resize" window should pop up.
 
Select the "Nearest Neighbor" resampling mode, and resize the texture to 1024x1024. This is to prevent Roblox from blurring our items. Save these to the "normal" folder.
 
Then, we will make the whitened textures. Paste the normal textures into the "whitened" folder, open them, then use the Paint Bucket tool to paint your textures white. DO NOT forget to [http://bridgeduel.xyz/hostin/tpackguide/guide4.png disable anti-aliasing]. IF YOU DON'T IT WILL SCREW UP YOUR TEXTURES!!! We are doing this because 3D Builder assumes dark pixels shouldn't be a part of the mesh.
 
Save the whitened textures.
 
<h3>Importing the textures into 3D Builder</h3>
 
 
Open 3D Builder and press "New Scene." You should see a checkered baseplate and some topbar items.
One of those topbar items is called "Insert." Press it, then select "Add." It should show up with quite a bit of options, but we're going to press on "Load Image." Select and open one of your <b>whitened</b> textures.
 
 
Set the "Levels" slider to the lowest setting, and press "Import Image."
 
 
When importing tilted textures like swords, pickaxes and bows, [https://wiki.bridgeduel.xyz/wiki/images/5/50/Guide6.png be sure to rotate them correctly.]
 
 
When you have rotated the item correctly, press CTRL + S to save. 3D Builder will try to save it as .3mf, but replace it with .obj.
 
Save the .obj and .mtl file into the "normal" folder. When you are asked to save the .png file, press "Cancel."
 
 
Repeat this with all of the textures.
 
 
Well done! You have now exported all of the needed textures into .objs.
 
<h3>Importing the .obj files into Roblox Studio</h3>
 
Open Roblox Studio and open a template place (Baseplate, Classic Baseplate, etc.).
 
 
Find the "Import 3D" button and press it. It's located around the top of the screen. (Make sure you are in the Home or Avatar tab).
 
 
Now you need to import all of the .obj files one-by-one.
 
When you are done, you can close Studio!
 
<h3>Getting the mesh and texture IDs</h3>
 
[https://create.roblox.com/dashboard/creations?activeTab=Model Go to your Roblox dashboard.] You should see the models you've uploaded there.
 
 
Hover over a model, then press the ellipsis. Press "Open Asset Details".
 
If you have BetterRoblox installed, you should see the [https://wiki.bridgeduel.xyz/wiki/images/6/6b/Guide8.png explorer icon] in the top right.
 
Press it, [https://wiki.bridgeduel.xyz/wiki/images/a/a9/Guide9.png?20231111173339 then press "default."]
 
Under "Appearance", you should see "MeshId" and "TextureId".
 
<h3>Importing the textures into Bridge Duel</h3>
 
Now, join Bridge Duel. It's time to import the textures!
 
 
Go into Settings > Textures and Meshes. This is the texture pack editor.
 
 
You will want to get one of your items' mesh and texture IDs. For the sake of this tutorial, I will be importing a sword I made.
 
After getting the sword mesh ID, you will enter it into the "SwordMesh" box in the Textures and Meshes menu.
 
The model may look huge! This is because the base Bridge Duel meshes are much smaller than what we exported. For this reason [https://bridgeduel.xyz/hostin/tpackguide/sizefixer.json I made this JSON] you can import to fix the sizes.
 
You have to import all of the mesh and texture IDs one by one. After that, your texture pack is finished! You can share it with others by pressing the "Export to JSON" button.

Latest revision as of 23:31, 20 January 2024

Texture packs allow players to customize the look of their items by uploading models to Roblox and importing them into the game. From Bridge Duel, they can export or import a texture pack as JSON, allowing them to share their creations easily.

Guide (Windows only)

Recommended programs

paint.net

paint.net Edge Expander plugin

3D Builder

BetterRoblox

Required programs

Roblox Studio

Preparing the textures to be exported

This guide assumes you are using paint.net and 3D Builder.


First of all, you will need to open all of your textures with paint.net.

Fix the black outline on your items (optional)

For each of your textures that you have opened, select it and press CTRL + R. A "Resize" window should pop up.

Select the "Nearest Neighbor" resampling mode, and resize the texture to 1000x1000. This is to prevent Roblox from blurring our items.

Set your secondary color to be fully opaque.

Lastly, press CTRL + SHIFT + R. This should bring up a popup window called "Canvas Size." Set the size to 1024x1024.

Save the files as .png (paint.net will try to make it .pdn). I suggest making a separate folder for the texture pack to keep it more organized.

You will make two folders inside of the pack folder now. One of them will be called "whitened," and the other will be called "normal."

Open your resized textures and paint all of them white. Remember to turn off anti-aliasing for the paint bucket tool. Save them to the "whitened" folder. Now you should have your normal textures in one folder, and the white textures in another.


Install the Edge Expander paint.net plugin and move it to C:\Program Files\paint.net\Effects (restart paint.net when you're done).


Take the non-whitened textures, then select Effects > Object > Edge Expander

Set the radius to 12. This is enough so it isn't noticable in the hotbar, and also fixes the black outline for most devices (for some reason some devices have more antialiasing)

When you are done, save all of the textures into the "normal" folder.

Go on without fixing the black outlines (don't do this if you fixed them in the last step)


We will make two folders now. They will be called "whitened" and "normal."


For each of your textures that you have opened, select it and press CTRL + R. A "Resize" window should pop up.

Select the "Nearest Neighbor" resampling mode, and resize the texture to 1024x1024. This is to prevent Roblox from blurring our items. Save these to the "normal" folder.

Then, we will make the whitened textures. Paste the normal textures into the "whitened" folder, open them, then use the Paint Bucket tool to paint your textures white. DO NOT forget to disable anti-aliasing. IF YOU DON'T IT WILL SCREW UP YOUR TEXTURES!!! We are doing this because 3D Builder assumes dark pixels shouldn't be a part of the mesh.

Save the whitened textures.

Importing the textures into 3D Builder


Open 3D Builder and press "New Scene." You should see a checkered baseplate and some topbar items. One of those topbar items is called "Insert." Press it, then select "Add." It should show up with quite a bit of options, but we're going to press on "Load Image." Select and open one of your whitened textures.


Set the "Levels" slider to the lowest setting, and press "Import Image."


When importing tilted textures like swords, pickaxes and bows, be sure to rotate them correctly.


When you have rotated the item correctly, press CTRL + S to save. 3D Builder will try to save it as .3mf, but replace it with .obj.

Save the .obj and .mtl file into the "normal" folder. When you are asked to save the .png file, press "Cancel."


Repeat this with all of the textures.


Well done! You have now exported all of the needed textures into .objs.

Importing the .obj files into Roblox Studio

Open Roblox Studio and open a template place (Baseplate, Classic Baseplate, etc.).


Find the "Import 3D" button and press it. It's located around the top of the screen. (Make sure you are in the Home or Avatar tab).


Now you need to import all of the .obj files one-by-one.

When you are done, you can close Studio!

Getting the mesh and texture IDs

Go to your Roblox dashboard. You should see the models you've uploaded there.


Hover over a model, then press the ellipsis. Press "Open Asset Details".

If you have BetterRoblox installed, you should see the explorer icon in the top right.

Press it, then press "default."

Under "Appearance", you should see "MeshId" and "TextureId".

Importing the textures into Bridge Duel

Now, join Bridge Duel. It's time to import the textures!


Go into Settings > Textures and Meshes. This is the texture pack editor.


You will want to get one of your items' mesh and texture IDs. For the sake of this tutorial, I will be importing a sword I made.

After getting the sword mesh ID, you will enter it into the "SwordMesh" box in the Textures and Meshes menu.

The model may look huge! This is because the base Bridge Duel meshes are much smaller than what we exported. For this reason I made this JSON you can import to fix the sizes.

You have to import all of the mesh and texture IDs one by one. After that, your texture pack is finished! You can share it with others by pressing the "Export to JSON" button.