Mapping: Difference between revisions

From DDraceNetwork
Louis (talk | contribs)
mNo edit summary
m Fixed wrong shortcuts
 
(One intermediate revision by one other user not shown)
Line 18: Line 18:
From any in-game screen, pressing {{key press|ctrl|shift|E}} will also take you directly to the map editor screen.
From any in-game screen, pressing {{key press|ctrl|shift|E}} will also take you directly to the map editor screen.


<!--T:28-->
==Overview of the Editor Interface==
==Overview of the Editor Interface==
{{Todo|Update the interface section with visuals and instructions for the new editor visuals}}<!--T:28-->
{{Todo|Update the interface section with visuals and instructions for the new editor visuals}}


</translate>
</translate>
Line 43: Line 44:


*<translate><!--T:33--> New {{key press|ctrl|N}}: new map file.</translate>
*<translate><!--T:33--> New {{key press|ctrl|N}}: new map file.</translate>
*<translate><!--T:34--> Load {{key press|ctrl|I}}: loads a map file.</translate>
*<translate><!--T:34--> Load {{key press|ctrl|L}}: loads a map file.</translate>
*<translate><!--T:35--> Load Current Map {{key press|ctrl|alt|I}}: loads the current map, given the player is currently in-game or viewing a demo.</translate>
*<translate><!--T:35--> Load Current Map {{key press|ctrl|alt|L}}: loads the current map, given the player is currently in-game or viewing a demo.</translate>
*<translate><!--T:36--> Append {{key press|ctrl|A}}: adds all the design elements from a selected map file to the current map.</translate>
*<translate><!--T:36--> Append {{key press|ctrl|A}}: adds all the design elements from a selected map file to the current map.</translate>
*<translate><!--T:37--> Save {{key press|ctrl|S}}: saves the current map under its current name.</translate>
*<translate><!--T:37--> Save {{key press|ctrl|S}}: saves the current map under its current name.</translate>
Line 83: Line 84:
*<translate><!--T:51--> HD (Show High Details) {{key press|ctrl|H}}: preview the appearance of the current map in high quality mode.</translate>
*<translate><!--T:51--> HD (Show High Details) {{key press|ctrl|H}}: preview the appearance of the current map in high quality mode.</translate>
*<translate><!--T:52--> Anim (Show animation) {{key press|ctrl|M}}: previews the animation effect set by the current map.</translate>
*<translate><!--T:52--> Anim (Show animation) {{key press|ctrl|M}}: previews the animation effect set by the current map.</translate>
*<translate><!--T:53--> Proof (Show field of view boundary) {{key press|ctrl|P}}: previews the maximum field of view of the player in the default zoom level.   </translate>
*<translate><!--T:53--> Proof (Show field of view boundary) {{key press|ctrl|P}}: previews the maximum field of view of the player in the default zoom level.     </translate>
**<translate><!--T:139--> blue circle: indicates the player's actual position</translate>
**<translate><!--T:139--> blue circle: indicates the player's actual position</translate>
**<translate><!--T:140--> the red box line and green box line indicate the maximum range that can be observed at different resolutions</translate>
**<translate><!--T:140--> the red box line and green box line indicate the maximum range that can be observed at different resolutions</translate>
Line 104: Line 105:
</translate>
</translate>


*<translate><!--T:62--> ZO (Zoom out) {{key press|numpad-}}: expands the field of view of the operation area by 50 points of scale value each time.   </translate>
*<translate><!--T:62--> ZO (Zoom out) {{key press|numpad-}}: expands the field of view of the operation area by 50 points of scale value each time.     </translate>
**<translate><!--T:63--> 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.</translate>
**<translate><!--T:63--> 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.</translate>
*<translate><!--T:64--> 1:1 {{key press|numpad*}}: restores the field of view to the default scale value.</translate>
*<translate><!--T:64--> 1:1 {{key press|numpad*}}: restores the field of view to the default scale value.</translate>
*<translate><!--T:65--> ZI (zoom in) {{key press|numpad+}}: reduces the field of view of the operation area by 50 points of scale value at a time.   </translate>
*<translate><!--T:65--> ZI (zoom in) {{key press|numpad+}}: reduces the field of view of the operation area by 50 points of scale value at a time.     </translate>
**<translate><!--T:66--> 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.</translate>
**<translate><!--T:66--> 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.</translate>


Line 118: Line 119:
*<translate><!--T:69--> X/X (Horizontal flip) {{key press|N}}: flips the contents of the brush horizontally.</translate>
*<translate><!--T:69--> X/X (Horizontal flip) {{key press|N}}: flips the contents of the brush horizontally.</translate>
*<translate><!--T:70--> Y/Y (Vertical flip) {{key press|M}}: flips the contents of the brush vertically.</translate>
*<translate><!--T:70--> Y/Y (Vertical flip) {{key press|M}}: flips the contents of the brush vertically.</translate>
*<translate><!--T:71--> 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.   </translate>
*<translate><!--T:71--> 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.     </translate>
**<translate><!--T:72--> You can only choose from 90°, 180° and 270° angles.</translate>
**<translate><!--T:72--> You can only choose from 90°, 180° and 270° angles.</translate>
*<translate><!--T:73--> CCW (Counterclockwise rotation) {{key press|R}}: rotates the contents of the brush counterclockwise at an angle.</translate>
*<translate><!--T:73--> CCW (Counterclockwise rotation) {{key press|R}}: rotates the contents of the brush counterclockwise at an angle.</translate>
Line 148: Line 149:
*<translate><!--T:84--> Click the Add button to add image clips from the default clip folder to the map file.</translate>
*<translate><!--T:84--> Click the Add button to add image clips from the default clip folder to the map file.</translate>
*<translate><!--T:85--> 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.</translate>
*<translate><!--T:85--> 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.</translate>
*<translate><!--T:86--> 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.   </translate>
*<translate><!--T:86--> 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.     </translate>
**<translate><!--T:87--> 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.</translate>
**<translate><!--T:87--> 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.</translate>
*<translate><!--T:88--> 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.   </translate>
*<translate><!--T:88--> 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.     </translate>
**<translate><!--T:89--> Readd: Overwrite the clip by calling a file with the same name directly from the default clip library.</translate>
**<translate><!--T:89--> Readd: Overwrite the clip by calling a file with the same name directly from the default clip library.</translate>
**<translate><!--T:90--> Replace: select a clip file to overwrite the clip.</translate>
**<translate><!--T:90--> Replace: select a clip file to overwrite the clip.</translate>
Line 161: Line 162:
*<translate><!--T:151--> Sounds (right click) {{key press|←}}: Switch to Image management</translate>
*<translate><!--T:151--> Sounds (right click) {{key press|←}}: Switch to Image management</translate>
*<translate><!--T:96--> 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.</translate>
*<translate><!--T:96--> 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.</translate>
*<translate><!--T:98--> Right-click on a file to perform the following actions.   </translate>
*<translate><!--T:98--> Right-click on a file to perform the following actions.     </translate>
**<translate><!--T:99--> Readd: Overwrite a clip by calling a file with the same name directly from the default clip library.</translate>
**<translate><!--T:99--> Readd: Overwrite a clip by calling a file with the same name directly from the default clip library.</translate>
**<translate><!--T:100--> Replace: select a clip file to overwrite the clip.</translate>
**<translate><!--T:100--> Replace: select a clip file to overwrite the clip.</translate>
Line 182: Line 183:
*<translate><!--T:106--> 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.</translate>
*<translate><!--T:106--> 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.</translate>
*<translate><!--T:108--> When Game or Tile layer is selected: Add Border: Adds a two-tile wide border to the current layer, using the texture of the selected layer's No. 2 map.</translate>
*<translate><!--T:108--> When Game or Tile layer is selected: Add Border: Adds a two-tile wide border to the current layer, using the texture of the selected layer's No. 2 map.</translate>
*<translate><!--T:110--> When Switch layer is selected: '''Switch''' {{Key press|ctrl|A}}: 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.</translate>
*<translate><!--T:110--> 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.</translate>
*<translate><!--T:154--> When Speedup layer is selected: '''Speedup''' {{Key press|ctrl|A}}: 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.</translate>
*<translate><!--T:154--> 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.</translate>
*<translate><!--T:115--> When the Tele layer is selected: '''Tele''' {{Key press|ctrl|A}}: 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: {{Key press|ctrl|F}}) is used to automatically set the unused number.</translate>
*<translate><!--T:115--> When the Tele layer is selected: '''Tele''' {{Key press|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: {{Key press|ctrl|F}}) is used to automatically set the unused number.</translate>
*<translate><!--T:117--> When Tune layer is selected: '''Tune''' {{Key press|ctrl|A}}: Set the number of the next placed adjustment zone entity. In its drop-down menu, Zone is used to set the number.</translate>
*<translate><!--T:117--> When Tune layer is selected: '''Tune''' {{Key press|ctrl|T}}: Set the number of the next placed adjustment zone entity. In its drop-down menu, Zone is used to set the number.</translate>
*<translate><!--T:119--> When the Quads layer is selected: '''Add Quad''' {{Key press|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.</translate>
*<translate><!--T:119--> When the Quads layer is selected: '''Add Quad''' {{Key press|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.</translate>
*<translate><!--T:121--> When the Sounds layer is selected. '''Add Sound''' {{Key press|ctrl|Q}}: Adds a sound set by the current layer to the workspace.</translate>
*<translate><!--T:121--> When the Sounds layer is selected. '''Add Sound''' {{Key press|ctrl|Q}}: Adds a sound set by the current layer to the workspace.</translate>

Latest revision as of 08:51, 30 July 2024

Mapping is the process of building and creating maps, the basis of DDNet's (and other modes') gameplay. Maps can be created by anyone, given they have the will and creativity to do so.

Mapping also allows users to add their own design, sound, and aesthetic to maps, and can also be used for entities backgrounds, main menu themes, and more.

DDNet allows players to submit their own race maps on the DDNet Discord, where respective rules and guidelines can also be found.

Players can access the map editor interface by clicking on the editor in the main menu.

From any in-game screen, pressing ctrl+⇧ Shift+E will also take you directly to the map editor screen.

Overview of the Editor Interface

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


Map editor within DDNet


Each labeled button in the editor interface has the following functionalities:

[1] File

File drop-down menu content

Opens a drop-down menu to create, load and save map files.

  • New ctrl+N: new map file.
  • Load ctrl+L: loads a map file.
  • Load Current Map ctrl+alt+L: loads the current map, given the player is currently in-game or viewing a demo.
  • Append ctrl+A: adds all the design elements from a selected map file to the current map.
  • 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] File name

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

[3] 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.
  • 10:18: local time.

[4] Exit

Exit the editor interface. ctrl+⇧ Shift+E

[5] 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.
  • Anim (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.

[6] Zoom

Field of view adjustment functionality, descriptions in order from left to right.

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.


  • ZO (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.
  • 1:1 numpad*: restores the field of view to the default scale value.
  • ZI (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.

[7] Brush functionality

Descriptions from left to right:

  • X/X (Horizontal flip) N: flips the contents of the brush horizontally.
  • Y/Y (Vertical flip) M: flips the contents of the brush vertically.
  • 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.
    • You can only choose from 90°, 180° and 270° angles.
  • CCW (Counterclockwise rotation) R: rotates the contents of the brush counterclockwise at an angle.
  • CW (Clockwise rotation) T: rotates the content in the brush clockwise at a certain angle.

[8] Layers/Images/Sounds management

In this area you can manage different groups of layers including the physics layer. By clicking on the top button "Layers", 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

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.
    • Readd: 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.
    • Readd: 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] 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.
  • 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.
  • 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.
  • When Game or Tile layer is selected: Add Border: Adds a two-tile wide border to the current layer, using the texture of the selected layer's No. 2 map.
  • 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.

[10] Mapping area

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

TODO: Explain in more detail

[11] 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.

[12] Server setting

You can change Map settings to change server behavior. For example setting a map to be a solo map.

TODO: Explain in more detail

[13] Envelopes

Envelope animation: this is responsible for setting the animation effect in the map.

TODO: Explain in more detail
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