Jump to content

Mapping/ko: Difference between revisions

From DDraceNetwork
FuzzyBot (talk | contribs)
Updating to match new version of source page
FuzzyBot (talk | contribs)
Updating to match new version of source page
Line 12: Line 12:
게임 내 화면에서 {{key press|ctrl|shift|E}}를 누르면 지도 편집기 화면으로 바로 이동합니다.
게임 내 화면에서 {{key press|ctrl|shift|E}}를 누르면 지도 편집기 화면으로 바로 이동합니다.


<span id="Overview_of_the_Editor_Interface"></span>
==편집기 인터페이스 개요==
==편집기 인터페이스 개요==
{{Todo|Update the interface section with visuals and instructions for the new editor visuals}}
{{Todo|Update the interface section with visuals and instructions for the new editor visuals}}
<div lang="en" dir="ltr" class="mw-content-ltr">
{{Todo|Update the interface section with visuals and instructions for the new editor visuals}}
</div>




Line 39: Line 44:
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[2] Tools===
===[2] Tools===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Opens a drop-down menu with various tools.
Opens a drop-down menu with various tools.
</div>
</div>
Line 47: Line 55:
* <span lang="en" dir="ltr" class="mw-content-ltr">Add tileart: Makes tileart.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">Add tileart: Makes tileart.</span>


<div lang="en" dir="ltr" class="mw-content-ltr">
===[3] Settings===
===[3] Settings===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Opens a drop-down menu with settings.
Opens a drop-down menu with settings.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
{{Todo|List all the settings and explain what they do.}}
{{Todo|List all the settings and explain what they do.}}
</div>


===[4] File name=== <!--T:136-->
<div lang="en" dir="ltr" class="mw-content-ltr">
===[4] File name===
</div>


<!--T:42-->
<div lang="en" dir="ltr" class="mw-content-ltr">
Displays the name of the map file currently being edited as well as its file save path.
Displays the name of the map file currently being edited as well as its file save path.
</div>


===[5] Editor state info=== <!--T:137-->
<div lang="en" dir="ltr" class="mw-content-ltr">
===[5] Editor state info===
</div>


<!--T:43-->
<div lang="en" dir="ltr" class="mw-content-ltr">
Displays the attributes of the current map editor.
Displays the attributes of the current map editor.
</div>


*<span lang="en" dir="ltr" class="mw-content-ltr">X, Y: indicates the current tile position of the map editor where the mouse cursor is located, with (0, 0) being the top left corner.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">X, Y: indicates the current tile position of the map editor where the mouse cursor is located, with (0, 0) being the top left corner.</span>
Line 70: Line 91:
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[6] Help===
===[6] Help===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Opens this page. {{Key press|F1}}
Opens this page. {{Key press|F1}}
</div>
</div>
Line 83: Line 107:
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[8] Layers/Images/Sounds management===
===[8] Layers/Images/Sounds management===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
In this area you can manage different groups of layers including the physics layer.
In this area you can manage different groups of layers including the physics layer.
By clicking on the three buttons, you can add images and sound resources to the map.
By clicking on the three buttons, you can add images and sound resources to the map.
Line 99: Line 126:
*<span lang="en" dir="ltr" class="mw-content-ltr">Right-click a layer to set the parameters of that layer</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Right-click a layer to set the parameters of that layer</span>


<div lang="en" dir="ltr" class="mw-content-ltr">
{{todo|Explain right click menu in group and layer with images}}
{{todo|Explain right click menu in group and layer with images}}
</div>


*<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
You can create and select your own [https://wiki.ddnet.org/wiki/Automapper automapping rules].
You can create and select your own [https://wiki.ddnet.org/wiki/Automapper automapping rules].
</div>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
====Images====
====Images====
</div>


*<span lang="en" dir="ltr" class="mw-content-ltr">Images (left click) {{key press|→}}: Switch to Sound management</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Images (left click) {{key press|→}}: Switch to Sound management</span>
Line 111: Line 143:
*<span lang="en" dir="ltr" class="mw-content-ltr">Click the Add button to add image clips from the default clip folder to the map file.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Click the Add button to add image clips from the default clip folder to the map file.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Embedded area means the clips of this series have been embedded in the map file, when downloading the map, this kind of file will be included in the map file volume.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Embedded area means the clips of this series have been embedded in the map file, when downloading the map, this kind of file will be included in the map file volume.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">External area means that the material of this series is located outside the map, it is the default material in the game, when downloading the map, this kind of file will not be counted in the map file volume. When the map needs to call the image material of this area, it will directly call the file with the same name from the player's local default material library.</span>                        
*<span lang="en" dir="ltr" class="mw-content-ltr">External area means that the material of this series is located outside the map, it is the default material in the game, when downloading the map, this kind of file will not be counted in the map file volume. When the map needs to call the image material of this area, it will directly call the file with the same name from the player's local default material library.</span>                          
**<span lang="en" dir="ltr" class="mw-content-ltr">Regardless of the location of the clip, when the clip file is white or red (selected), it means the clip is being used by the map; when the clip file is blue or purple (selected), it means the clip is not yet used by the map.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Regardless of the location of the clip, when the clip file is white or red (selected), it means the clip is being used by the map; when the clip file is blue or purple (selected), it means the clip is not yet used by the map.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Left-click on a file that has been added to preview the image in the right workspace, and right-click on the file to perform the following actions.</span>                        
*<span lang="en" dir="ltr" class="mw-content-ltr">Left-click on a file that has been added to preview the image in the right workspace, and right-click on the file to perform the following actions.</span>                          
**<span lang="en" dir="ltr" class="mw-content-ltr">Read: Overwrite the clip by calling a file with the same name directly from the default clip library.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Read: Overwrite the clip by calling a file with the same name directly from the default clip library.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Replace: select a clip file to overwrite the clip.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Replace: select a clip file to overwrite the clip.</span>
Line 119: Line 151:
**<span lang="en" dir="ltr" class="mw-content-ltr">When right-clicking on a file in the External area, an additional Embed option will appear to move the file into the Embedded area.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">When right-clicking on a file in the External area, an additional Embed option will appear to move the file into the Embedded area.</span>


===Sounds===
<div lang="en" dir="ltr" class="mw-content-ltr">
====Sounds====
</div>


*<span lang="en" dir="ltr" class="mw-content-ltr">Sounds (left click) {{key press|→}}: Switch to Layer management</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Sounds (left click) {{key press|→}}: Switch to Layer management</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Sounds (right click) {{key press|←}}: Switch to Image management</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Sounds (right click) {{key press|←}}: Switch to Image management</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Click the Add button to add sound clips from the default clip folder to the map file. Currently DDNet game editor only accepts opus format audio files.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Click the Add button to add sound clips from the default clip folder to the map file. Currently DDNet game editor only accepts opus format audio files.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Right-click on a file to perform the following actions.</span>                        
*<span lang="en" dir="ltr" class="mw-content-ltr">Right-click on a file to perform the following actions.</span>                          
**<span lang="en" dir="ltr" class="mw-content-ltr">Read: Overwrite a clip by calling a file with the same name directly from the default clip library.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Read: Overwrite a clip by calling a file with the same name directly from the default clip library.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Replace: select a clip file to overwrite the clip.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Replace: select a clip file to overwrite the clip.</span>
Line 131: Line 165:
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[9] Display functions===
===[9] Display functions===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Changes how the map is displayed.
Changes how the map is displayed.
</div>
</div>
Line 136: Line 173:
*<span lang="en" dir="ltr" class="mw-content-ltr">HD (Show High Details) {{key press|ctrl|H}}: preview the appearance of the current map in high quality mode.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">HD (Show High Details) {{key press|ctrl|H}}: preview the appearance of the current map in high quality mode.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">▶ (Show animation) {{key press|ctrl|M}}: previews the animation effect set by the current map.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">▶ (Show animation) {{key press|ctrl|M}}: previews the animation effect set by the current map.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Proof (Show field of view boundary) {{key press|ctrl|P}}: previews the maximum field of view of the player in the default zoom level.</span>                        
*<span lang="en" dir="ltr" class="mw-content-ltr">Proof (Show field of view boundary) {{key press|ctrl|P}}: previews the maximum field of view of the player in the default zoom level.</span>                          
**<span lang="en" dir="ltr" class="mw-content-ltr">blue circle: indicates the player's actual position</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">blue circle: indicates the player's actual position</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">the red box line and green box line indicate the maximum range that can be observed at different resolutions</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">the red box line and green box line indicate the maximum range that can be observed at different resolutions</span>
Line 146: Line 183:
*<span lang="en" dir="ltr" class="mw-content-ltr">Color: previews the color set by the current brush, after closing the brush will show the original color match, but does not affect the color set by the placed mapping.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Color: previews the color set by the current brush, after closing the brush will show the original color match, but does not affect the color set by the placed mapping.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Entities: select the category of entity layer that needs to be used for the current map. Depending on the game mode applied to the map, the entity layer selected in the editor should also be different.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Entities: select the category of entity layer that needs to be used for the current map. Depending on the game mode applied to the map, the entity layer selected in the editor should also be different.</span>
<div lang="en" dir="ltr" class="mw-content-ltr">
{{Todo|Some settings were changed around, instead of being here they're now in [3] Settings.}}
{{Todo|Some settings were changed around, instead of being here they're now in [3] Settings.}}
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
Line 159: Line 199:
====On all layers====
====On all layers====
</div>
</div>
<!--T:103-->


<div lang="en" dir="ltr" class="mw-content-ltr">
When any layer is selected, the following buttons appear:
When any layer is selected, the following buttons appear:
</div>


*<span lang="en" dir="ltr" class="mw-content-ltr">Refocus {{key press|home}}: immediately focuses the view to the upper left corner of the map.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Refocus {{key press|home}}: immediately focuses the view to the upper left corner of the map.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Destructive mode {{key press|ctrl|D}}: When Destructive mode is enabled, the area the brush passes over will be completely covered and the texture of this area will be replaced; when Destructive mode is disabled, the area the brush passes over will only be filled with the location that is not filled with the texture.</span>
*<div lang="en" dir="ltr" class="mw-content-ltr">
Destructive mode {{key press|ctrl|D}}: When Destructive mode is enabled, the area the brush passes over will be completely covered and the texture of this area will be replaced; when Destructive mode is disabled, the area the brush passes over will only be filled with the location that is not filled with the texture.
</div>
 
<div lang="en" dir="ltr" class="mw-content-ltr">
====On specific layers====
</div>
 
*<span lang="en" dir="ltr" class="mw-content-ltr">When Switch layer is selected: '''Switch''' {{Key press|ctrl|T}}: Set the number of the next placed switch layer entity. In the drop-down menu: Number is used to set the number, Delay is used to set the number of additional information, and F (shortcut: {{Key press|ctrl|F}}) is used to automatically set the unused number.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">When Switch layer is selected: '''Switch''' {{Key press|ctrl|T}}: Set the number of the next placed switch layer entity. In the drop-down menu: Number is used to set the number, Delay is used to set the number of additional information, and F (shortcut: {{Key press|ctrl|F}}) is used to automatically set the unused number.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">When Speedup layer is selected: '''Speedup''' {{Key press|ctrl|T}}: Set the parameters for the next placement of the speedup entity. In the drop-down menu, Force is used to set how much speed the belt can provide, Max Speed is used to set the maximum speed you can have at the belt, and Angle is used to set the direction of the belt.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">When Speedup layer is selected: '''Speedup''' {{Key press|ctrl|T}}: Set the parameters for the next placement of the speedup entity. In the drop-down menu, Force is used to set how much speed the belt can provide, Max Speed is used to set the maximum speed you can have at the belt, and Angle is used to set the direction of the belt.</span>
Line 174: Line 222:
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[11] Zoom===
===[11] Zoom===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Field of view adjustment functionality.
Field of view adjustment functionality.
</div>
</div>
Line 182: Line 233:




*<span lang="en" dir="ltr" class="mw-content-ltr">- (Zoom out) {{key press|numpad-}}: expands the field of view of the operation area by 50 points of scale value each time.</span>                        
*<span lang="en" dir="ltr" class="mw-content-ltr">- (Zoom out) {{key press|numpad-}}: expands the field of view of the operation area by 50 points of scale value each time.</span>                          
**<span lang="en" dir="ltr" class="mw-content-ltr">Scrolling the mouse wheel down also expands the field of view by 20 scale points per scroll, expanding the field of view in this way up to a maximum of 2000 scale points.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Scrolling the mouse wheel down also expands the field of view by 20 scale points per scroll, expanding the field of view in this way up to a maximum of 2000 scale points.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Zoom {{key press|numpad*}}: restores the field of view to the default scale value.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">Zoom {{key press|numpad*}}: restores the field of view to the default scale value.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">+ (Zoom in) {{key press|numpad+}}: reduces the field of view of the operation area by 50 points of scale value at a time.</span>                        
*<span lang="en" dir="ltr" class="mw-content-ltr">+ (Zoom in) {{key press|numpad+}}: reduces the field of view of the operation area by 50 points of scale value at a time.</span>                          
**<span lang="en" dir="ltr" class="mw-content-ltr">Roll the mouse wheel upward to also reduce the field of view by 20 scale points per scroll frame, and reduce the field of view in this way up to 10 scale points.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">Roll the mouse wheel upward to also reduce the field of view by 20 scale points per scroll frame, and reduce the field of view in this way up to 10 scale points.</span>


<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[12] Undo/Redo===
===[12] Undo/Redo===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Undos or redos your actions. Also check [[Mapping#%5B17%5D History|history]].
Undos or redos your actions. Also check [[Mapping#%5B17%5D History|history]].
</div>  
</div>  
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
*← (Undo) {{Key press|ctrl|z}}: Undo last action.
*← (Undo) {{Key press|ctrl|z}}: Undo last action.
Line 204: Line 259:
*<span lang="en" dir="ltr" class="mw-content-ltr">↓ (Vertical flip) {{key press|M}}: flips the contents of the brush vertically.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">↓ (Vertical flip) {{key press|M}}: flips the contents of the brush vertically.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">← (Counterclockwise rotation) {{key press|R}}: rotates the contents of the brush counterclockwise at an angle.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">← (Counterclockwise rotation) {{key press|R}}: rotates the contents of the brush counterclockwise at an angle.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">90° (Rotation angle): the angle at which the content in the brush is turned each time it is rotated, which can be modified by holding down this button and sliding the mouse left and right, holding down {{key press|shift}} during the modification process for more precise modification.</span>          
*<span lang="en" dir="ltr" class="mw-content-ltr">90° (Rotation angle): the angle at which the content in the brush is turned each time it is rotated, which can be modified by holding down this button and sliding the mouse left and right, holding down {{key press|shift}} during the modification process for more precise modification.</span>              
**<span lang="en" dir="ltr" class="mw-content-ltr">When a tile layer is selected, you can only choose from 90°, 180° and 270° angles.</span>
**<span lang="en" dir="ltr" class="mw-content-ltr">When a tile layer is selected, you can only choose from 90°, 180° and 270° angles.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">→ (Clockwise rotation) {{key press|T}}: rotates the content in the brush clockwise at a certain angle.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">→ (Clockwise rotation) {{key press|T}}: rotates the content in the brush clockwise at a certain angle.</span>
Line 210: Line 265:
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[14] Color picker===
===[14] Color picker===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Temporarily saves colors, which can be accessed later.
Temporarily saves colors, which can be accessed later.
</div>
</div>


* <span lang="en" dir="ltr" class="mw-content-ltr">Color pipette {{Key press|ctrl|shift|c|chain=+}}: Picks a color from the screen by clicking on it and saves it to the color picker.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">Color pipette {{Key press|ctrl|shift|c|chain=+}}: Picks a color from the screen by clicking on it and saves it to the color picker.</span>
* <span lang="en" dir="ltr" class="mw-content-ltr">Color picker: Click to edit the color.</span>    
* <span lang="en" dir="ltr" class="mw-content-ltr">Color picker: Click to edit the color.</span>        
** <span lang="en" dir="ltr" class="mw-content-ltr">Copy color to clipboard {{Key press|shift|right click|chain=+}}</span>
** <span lang="en" dir="ltr" class="mw-content-ltr">Copy color to clipboard {{Key press|shift|right click|chain=+}}</span>
** <span lang="en" dir="ltr" class="mw-content-ltr">Paste color from clipboard{{Key press|shift|left click|chain=+}}</span>
** <span lang="en" dir="ltr" class="mw-content-ltr">Paste color from clipboard{{Key press|shift|left click|chain=+}}</span>
Line 240: Line 298:
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
===[17] History===
===[17] History===
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Opens a resizable window that displays previous actions. Also check [[Mapping#%5B12%5D Undo/Redo|undo/redo]].
Opens a resizable window that displays previous actions. Also check [[Mapping#%5B12%5D Undo/Redo|undo/redo]].
</div>  
</div>  
Line 256: Line 317:


<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
Opens a resizable window that can be used to change server and map behavior.  
Opens a resizable window that can be used to change server and map behavior.
[[File:Server settings.png|alt=An example command: sv_solo_server 1 # This is a comment!|thumb|381x381px|The resizable window along with examples.]]
</div>
</div>
 
[[File:Server settings.png|alt=An example command: sv_solo_server 1 # This is a comment!|thumb|381x381px|<span lang="en" dir="ltr" class="mw-content-ltr">The resizable window along with examples.</span>]]


<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
Line 267: Line 329:
===[19] Envelopes===
===[19] Envelopes===
</div>
</div>
[[File:The envelope editor.png|thumb|Example animation of a basic color change]]
 
<span lang="en" dir="ltr" class="mw-content-ltr">Opens a resizable window that can be used to animate various things in your map.</span>
[[File:The envelope editor.png|thumb|<span lang="en" dir="ltr" class="mw-content-ltr">Example animation of a basic color change</span>]]
 
<div lang="en" dir="ltr" class="mw-content-ltr">
Opens a resizable window that can be used to animate various things in your map.
</div>
 
<div lang="en" dir="ltr" class="mw-content-ltr">
{{Todo|Explain how to use the env. editor}}
{{Todo|Explain how to use the env. editor}}
[[File:Envelope example.gif|thumb|The animation ingame]]
</div>
 
[[File:Envelope example.gif|thumb|<span lang="en" dir="ltr" class="mw-content-ltr">The animation ingame</span>]]
 
<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">
To make an envelope, click on either the Pos+, Color+ or Sound+ buttons. On any envelope, going from left to right, you have:
To make an envelope, click on either the Pos+, Color+ or Sound+ buttons. On any envelope, going from left to right, you have:
Line 297: Line 368:
**Sound envelopes can only be applied to individual sounds and not the layer, similar to quads.
**Sound envelopes can only be applied to individual sounds and not the layer, similar to quads.
*Undo/redo - Will undo or redo the last change in the envelope editor. Also see [[Mapping#%5B17%5D History|history]]
*Undo/redo - Will undo or redo the last change in the envelope editor. Also see [[Mapping#%5B17%5D History|history]]
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
==The Basics of Mapping==
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Moving around in the editor can be done with either {{Key press|w}}{{Key press|a}}{{Key press|s}}{{Key press|d}} or  {{Key press|middle click}}. Maps typically consist of quads and tiles, which separate into game tiles and visual tiles.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Explanations of the game tiles can be seen on [https://ddnet.org/explain this site]. As their names imply, game tiles are what your tee interacts with, while visual tiles serve as decoration, or as a way to mark game tiles in design.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
To place tiles, first select a tile layer from the [[Mapping#%5B8%5D Layers/Images/Sounds management|layer section]] and hold down {{Key press|space}} Pick a tile to place by {{Key press|left clicking}} it and making a brush. Place tiles by releasing {{Key press|space}} and holding down {{Key press|left click}} and moving your mouse. Brushes can be cleared with {{Key press|right click}}.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Quads can be placed on the map by selecting a quad layer, then clicking on Add quad at [[Mapping#%5B10%5D Context dependent actions|the top]]. Quads can be changed in multiple ways.
</div>
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
*Resizing the quad is done by holding down {{Key press|left click}} on one of the red dots at the corners and dragging them around
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
*Recoloring the quad is done either trough color envelopes or trough {{Key press|right clicking}} the red dots at the corners and using the color picker
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
*Moving the quad is done by holding down {{Key press|left click}} on the green dot at the middle of the quad and dragging it around
**Holding {{Key press|shift}} while doing so will move around the pivot point of the quad, which is useful for:
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
*Rotating the quad, which is done either trough position envelopes or by tapping {{Key press|r}} after clicking the green pivot once.
Generally, quads should only be used when using tiles isn't viable, since quads are worse on performance and the map's file size than normal tiles. For example: the map background, the logo and credits of the map or decorations that can't be made with tiles.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
See [[LAN Server]] or [[Trashmap]] for info about hosting and testing your map in game.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
{{todo|
{{todo|
Explain in detail what is marked "to be explained in detail" above.
Explain in detail what is marked "to be explained in detail" above.
Line 304: Line 417:
Discuss the similarities and differences between modern maps and traditional and classical maps, or discuss their backstories.
Discuss the similarities and differences between modern maps and traditional and classical maps, or discuss their backstories.
Write a short tutorial on mapping.}}
Write a short tutorial on mapping.}}
 
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
<div lang="en" dir="ltr" class="mw-content-ltr">

Revision as of 02:57, 16 February 2025

Note: This page already exists on your language! Please help out by migrating the archived page (accessible by clicking this link) to the new translation system by clicking 'Translate'. Once finished, delete the archived page to remove this notice. Thanks! You can find a list of pages needing migration on Category:NeedsMigration.

맵 만들기는 DDNet 및 기타 모드의 맵을 구축하고 생성하는 과정입니다. 맵은 의지와 창의성이 있다면 누구나 만들 수 있습니다.

또한 맵 만들기를 통해 사용자는 지도에 자신만의 디자인, 사운드와 같은 미적 요소들을 추가할 수 있으며, 엔티티 배경, 기본 메뉴 테마 등에도 사용할 수 있습니다.

플레이어는 DDNet Discord에서 자신의 맵을 제출할 수 있으며, 각 규칙과 가이드라인도 확인할 수 있습니다.

플레이어는 메인 메뉴에서 맵 편집기를 클릭하여 지도 편집기 인터페이스에 액세스할 수 있습니다.

게임 내 화면에서 ctrl+⇧ Shift+E를 누르면 지도 편집기 화면으로 바로 이동합니다.

편집기 인터페이스 개요

TODO: Update the interface section with visuals and instructions for the new editor visuals
TODO: Update the interface section with visuals and instructions for the new editor visuals



편집기 인터페이스의 각 구역에 지정된 버튼에는 다음과 같은 기능이 있습니다:

[1] File

File 버튼 클릭 시의 메뉴 내용

지도 파일을 생성, 로드 및 저장할 수 있는 메뉴를 엽니다.

  • New ctrl+N: 새로운 맵 파일을 생성합니다.
  • Load ctrl+I: 맵 파일을 불러옵니다.
  • Load Current Map ctrl+alt+I: 플레이어가 현재 맵을 플레이하는 중이거나 데모를 보고 있는 경우 해당 맵을 불러옵니다.
  • Append ctrl+A: 선택한 지도 파일의 모든 설계 요소를 현재 지도에 추가합니다.
  • Save ctrl+S: saves the current map under its current name.
  • Save As ctrl+⇧ Shift+S: saves the current map under another file name, while continuing to edit the map under that file name.
  • Save Copy ctrl+⇧ Shift+alt+S: saves the current map under another file name, but continues to edit the map under the original file name. When the map name used when saving a copy duplicates an existing file, the map will continue to be edited with that file name after completing the save.
  • Exit ctrl+⇧ Shift+E: Exit the editor interface.

[2] Tools

Opens a drop-down menu with various tools.

  • Remove unused envelopes: Removes all unused envelopes from the map that are marked green in the envelopes tab.
  • Place Border: Adds a two-tile wide border to the current layer, using the texture of the selected layer's No. 2 map.
  • Goto XY: Immediately focuses the view to a specific coordinate of the map. Clicking this button sets the coordinate in its drop-down menu, and then clicking the Go button focuses the view to that coordinate.
  • Add tileart: Makes tileart.

[3] Settings

Opens a drop-down menu with settings.

TODO: List all the settings and explain what they do.

[4] File name

Displays the name of the map file currently being edited as well as its file save path.

[5] Editor state info

Displays the attributes of the current map editor.

  • X, Y: indicates the current tile position of the map editor where the mouse cursor is located, with (0, 0) being the top left corner.
  • Z: indicates the scale value of the current map, which defaults to 200 on first load.
  • A: indicates the playback speed of the current map animation, default is 1.
  • G: indicates the size of the current map grid lines, default is 1.
  • 22:50: local time.

[6] Help

Opens this page. F1

[7] Exit

Exit the editor interface. ctrl+⇧ Shift+E

[8] Layers/Images/Sounds management

In this area you can manage different groups of layers including the physics layer. By clicking on the three buttons, you can add images and sound resources to the map. Layer management area, here is responsible for managing the map's layer groups and layers, as well as the invocation of the mapping material, picture material, and sound material. Pressing will also switch to the image management interface, or pressing will switch to the sound management interface

Layers

  • Layers (left click) : Switch to Image management
  • Layers (right click) : Switch to Sound management
  • Click "Add group" at the bottom to add a new group.
  • Right-click a group to set the parameters of that group
  • Right-click a layer to set the parameters of that layer
TODO: Explain right click menu in group and layer with images

You can create and select your own automapping rules.

Images


  • Images (left click) : Switch to Sound management
  • Images (right click) : Switch to Layer management
  • Click the Add button to add image clips from the default clip folder to the map file.
  • Embedded area means the clips of this series have been embedded in the map file, when downloading the map, this kind of file will be included in the map file volume.
  • External area means that the material of this series is located outside the map, it is the default material in the game, when downloading the map, this kind of file will not be counted in the map file volume. When the map needs to call the image material of this area, it will directly call the file with the same name from the player's local default material library.
    • Regardless of the location of the clip, when the clip file is white or red (selected), it means the clip is being used by the map; when the clip file is blue or purple (selected), it means the clip is not yet used by the map.
  • Left-click on a file that has been added to preview the image in the right workspace, and right-click on the file to perform the following actions.
    • Read: Overwrite the clip by calling a file with the same name directly from the default clip library.
    • Replace: select a clip file to overwrite the clip.
    • Remove: removes the clip file.
    • When right-clicking on a file in the External area, an additional Embed option will appear to move the file into the Embedded area.

Sounds

  • Sounds (left click) : Switch to Layer management
  • Sounds (right click) : Switch to Image management
  • Click the Add button to add sound clips from the default clip folder to the map file. Currently DDNet game editor only accepts opus format audio files.
  • Right-click on a file to perform the following actions.
    • Read: Overwrite a clip by calling a file with the same name directly from the default clip library.
    • Replace: select a clip file to overwrite the clip.
    • Remove: Remove the clip file.

[9] Display functions

Changes how the map is displayed.

  • HD (Show High Details) ctrl+H: preview the appearance of the current map in high quality mode.
  • ▶ (Show animation) ctrl+M: previews the animation effect set by the current map.
  • Proof (Show field of view boundary) ctrl+P: previews the maximum field of view of the player in the default zoom level.
    • blue circle: indicates the player's actual position
    • the red box line and green box line indicate the maximum range that can be observed at different resolutions
    • the white box line indicates the maximum range that can be observed with dynamic view turned on.
  • Zoom: preview what the player sees in the actual game.
  • Grid ctrl+G: turns on grid lines.
  • Info ctrl+I: previews the details of the entity or texture, including but not limited to the ID of the entity or texture, the texture animation track, and the texture deformation.
  • (Unused) ctrl+U: allows placement of unused mappings in the map, a feature not commonly used in modern maps anymore.
  • Color: previews the color set by the current brush, after closing the brush will show the original color match, but does not affect the color set by the placed mapping.
  • Entities: select the category of entity layer that needs to be used for the current map. Depending on the game mode applied to the map, the entity layer selected in the editor should also be different.
TODO: Some settings were changed around, instead of being here they're now in [3] Settings.

[10] Context dependent actions

Additional buttons that will change depending on the selected layer.

On all layers

When any layer is selected, the following buttons appear:

  • Refocus home: immediately focuses the view to the upper left corner of the map.

Destructive mode ctrl+D: When Destructive mode is enabled, the area the brush passes over will be completely covered and the texture of this area will be replaced; when Destructive mode is disabled, the area the brush passes over will only be filled with the location that is not filled with the texture.

On specific layers

  • When Switch layer is selected: Switch ctrl+T: Set the number of the next placed switch layer entity. In the drop-down menu: Number is used to set the number, Delay is used to set the number of additional information, and F (shortcut: ctrl+F) is used to automatically set the unused number.
  • When Speedup layer is selected: Speedup ctrl+T: Set the parameters for the next placement of the speedup entity. In the drop-down menu, Force is used to set how much speed the belt can provide, Max Speed is used to set the maximum speed you can have at the belt, and Angle is used to set the direction of the belt.
  • When the Tele layer is selected: Tele ctrl+T: Sets the number of the next entity to be placed in the transmission area. The drop-down menu: Number is used to set the number, and F (shortcut: ctrl+F) is used to automatically set the unused number.
  • When Tune layer is selected: Tune ctrl+T: Set the number of the next placed adjustment zone entity. In its drop-down menu, Zone is used to set the number.
  • When the Quads layer is selected: Add Quad ctrl+Q: Adds a picture set by the current layer to the workspace. If no picture is set for that layer, a plain white square of 2*2 grid size is added by default.
  • When the Sounds layer is selected. Add Sound ctrl+Q: Adds a sound set by the current layer to the workspace.

[11] Zoom

Field of view adjustment functionality.

Expanding or scaling the field of view by clicking buttons or pressing shortcut keys has no maximum and minimum scale value, and the scale value can even reach negative values. When the scale value is negative, the map as a whole is upside down.


  • - (Zoom out) numpad-: expands the field of view of the operation area by 50 points of scale value each time.
    • Scrolling the mouse wheel down also expands the field of view by 20 scale points per scroll, expanding the field of view in this way up to a maximum of 2000 scale points.
  • Zoom numpad*: restores the field of view to the default scale value.
  • + (Zoom in) numpad+: reduces the field of view of the operation area by 50 points of scale value at a time.
    • Roll the mouse wheel upward to also reduce the field of view by 20 scale points per scroll frame, and reduce the field of view in this way up to 10 scale points.

[12] Undo/Redo

Undos or redos your actions. Also check history.

  • ← (Undo) ctrl+z: Undo last action.
  • → (Redo) ctrl+y: Redo last action.

[13] Brush functionality

  • ↔ (Horizontal flip) N: flips the contents of the brush horizontally.
  • ↓ (Vertical flip) M: flips the contents of the brush vertically.
  • ← (Counterclockwise rotation) R: rotates the contents of the brush counterclockwise at an angle.
  • 90° (Rotation angle): the angle at which the content in the brush is turned each time it is rotated, which can be modified by holding down this button and sliding the mouse left and right, holding down ⇧ Shift during the modification process for more precise modification.
    • When a tile layer is selected, you can only choose from 90°, 180° and 270° angles.
  • → (Clockwise rotation) T: rotates the content in the brush clockwise at a certain angle.

[14] Color picker

Temporarily saves colors, which can be accessed later.

  • Color pipette ctrl+⇧ Shift+c: Picks a color from the screen by clicking on it and saves it to the color picker.
  • Color picker: Click to edit the color.
    • Copy color to clipboard ⇧ Shift+right click
    • Paste color from clipboard⇧ Shift+left click

[15] Mapping area

Workspace, where all the components needed for the map are placed.

TODO: Explain in more detail

[16] Hint area

When the mouse hovers over a button, the hint area will appear with the function of the button and a keyboard shortcut for the button function.

[17] History

Opens a resizable window that displays previous actions. Also check undo/redo.

Clicking on an action in the list will undo all actions above it.

[18] Server settings

Opens a resizable window that can be used to change server and map behavior.

An example command: sv_solo_server 1 # This is a comment!
The resizable window along with examples.

The text field accepts both map settings and tunings, which will for example set the map to a solo one, or invert the gravity in an area with a specific tune. Settings and their values will be highlighted the text field and their meanings revealed in the hint area. Current settings will be shown in a list below the text field. Comments can also be added at the end of a command or as a separate line using the # symbol.

[19] Envelopes

Example animation of a basic color change

Opens a resizable window that can be used to animate various things in your map.

TODO: Explain how to use the env. editor
The animation ingame

To make an envelope, click on either the Pos+, Color+ or Sound+ buttons. On any envelope, going from left to right, you have:

  • Envelope selection - Click either the - or + symbols to go back and forth. The left value shows you which envelope you're on and the right value shows you how many envelopes there are in total.
    • The field is green or red, depending on if the envelope is in use or not.
  • Name field - Use this to give a name to your envelope for better organization.
    • The name is optional, and can be left blank.
  • Envelope values - These values change depending on the envelope type (position, color, sound)
  • Sync - Optionally synchronize this envelope to the server time, instead of the client time.
  • Zoom - Zooms out the envelope editor. Holding ⇧ Shift zooms out vertically.
    • You can also use the scroll wheel to zoom, or simply click the middle magnifying glass to automatically fit the entire curve in the editor.
  • Envelope repositioning - Use either button to move the envelope in the list of envelopes, as seen in the envelope selection.
  • X - Delete the current envelope
  • Pos+ - Will create a position envelope
    • Position envelopes have 3 values: The X-axis (X), the Y-axis (Y) and the rotation (R).
    • Position envelopes can only be applied to quads, by right clicking their pivot, the green square, and selecting a Pos. Env.
  • Color+ - Will create a color envelope
    • Color envelopes have 4 values: Red (R), green (G), blue (B) and opacity or alpha (A).
    • Color envelopes can be applied to tile layers and quads, but not quad layers. Either right click a tile layer in the layer section or the pivot of a quad.
    • By right clicking a point in the editor, you're able to use a color picker, instead of manually editing the individual values.
  • Sound+ - Will create a sound envelope
    • Sound envelopes have only one value: Volume (V)
    • Sound envelopes can only be applied to individual sounds and not the layer, similar to quads.
  • Undo/redo - Will undo or redo the last change in the envelope editor. Also see history

The Basics of Mapping

Moving around in the editor can be done with either wasd or middle click. Maps typically consist of quads and tiles, which separate into game tiles and visual tiles.

Explanations of the game tiles can be seen on this site. As their names imply, game tiles are what your tee interacts with, while visual tiles serve as decoration, or as a way to mark game tiles in design.

To place tiles, first select a tile layer from the layer section and hold down space Pick a tile to place by left clicking it and making a brush. Place tiles by releasing space and holding down left click and moving your mouse. Brushes can be cleared with right click.

Quads can be placed on the map by selecting a quad layer, then clicking on Add quad at the top. Quads can be changed in multiple ways.

  • Resizing the quad is done by holding down left click on one of the red dots at the corners and dragging them around
  • Recoloring the quad is done either trough color envelopes or trough right clicking the red dots at the corners and using the color picker
  • Moving the quad is done by holding down left click on the green dot at the middle of the quad and dragging it around
    • Holding ⇧ Shift while doing so will move around the pivot point of the quad, which is useful for:
  • Rotating the quad, which is done either trough position envelopes or by tapping r after clicking the green pivot once.

Generally, quads should only be used when using tiles isn't viable, since quads are worse on performance and the map's file size than normal tiles. For example: the map background, the logo and credits of the map or decorations that can't be made with tiles.

See LAN Server or Trashmap for info about hosting and testing your map in game.

TODO:

Explain in detail what is marked "to be explained in detail" above. Full explanation of the features in the editor. Discuss the similarities and differences between modern maps and traditional and classical maps, or discuss their backstories.

Write a short tutorial on mapping.

External Resources