Skip to content

Commit 30e6854

Browse files
EliteMasterEricEliteMasterEric
authored
Merge pull request #13 from anysad/custom-notestyles-countdowns-and-popups
Custom Note Styles, Countdowns and Popups
2 parents f5b3713 + 8f10546 commit 30e6854

8 files changed

+205
-0
lines changed

‎src/08-custom-notestyles/08-00-custom-notestyles.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# Creating a Friday Night Funkin' Mod - Custom Note Styles
2+
3+
This chapter will walk you through the process of creating a functioning, fully compatible Friday Night Funkin' mod, using the game's official systems for loading custom content and scripts. Once your mod is complete, you will be able to place it in the `mods` folder in your game install and use its content in-game without overriding the base game content and still maintain compatibility with other mods.
4+
5+
This chapter goes over adding new note styles to the game, and using them in a level.

‎src/08-custom-notestyles/08-01-creating-a-notestyle.md

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
# Creating a Note Style
2+
3+
## Note Style Assets
4+
5+
In order to create your own note style, you will need up to 4 assets:
6+
- `notes`: The general notes that are displayed in the chart, as well as in-game the player needs to hit.
7+
- `noteStrumline`: The notes on the strumline, along with their corresponding animations, such as it being `static`, the strumline note being `pressed`, `confirming` the note hit.
8+
- `noteSplashes`: The special effect when the player gets `Sick!` rating.
9+
- Currently is buggy, since it doesn't use the asset you provided.
10+
- `holdCover`: The special effect when the player is holding a note.
11+
- Currently is buggy, since it doesn't use the asset you provided.
12+
13+
## Note Style Data
14+
15+
A custom note style requires creating a new JSON file in the `data/notestyles` folder.
16+
17+
Below is the "funkin" (aka the default) note style json file `assets/data/notestyles/funkin.json`[^notestylesource]
18+
19+
```json
20+
{
21+
"version": "1.0.0",
22+
"name": "Funkin'",
23+
"author": "PhantomArcade",
24+
"fallback": null,
25+
"assets": {
26+
"note": {
27+
"assetPath": "shared:notes",
28+
"scale": 1.0,
29+
"data": {
30+
"left": { "prefix": "noteLeft" },
31+
"down": { "prefix": "noteDown" },
32+
"up": { "prefix": "noteUp" },
33+
"right": { "prefix": "noteRight" }
34+
}
35+
},
36+
"noteStrumline": {
37+
"assetPath": "shared:noteStrumline",
38+
"scale": 1.55,
39+
"offsets": [0, 0],
40+
"data": {
41+
"leftStatic": { "prefix": "staticLeft0" },
42+
"leftPress": { "prefix": "pressLeft0" },
43+
"leftConfirm": { "prefix": "confirmLeft0" },
44+
"leftConfirmHold": { "prefix": "confirmLeft0" },
45+
"downStatic": { "prefix": "staticDown0" },
46+
"downPress": { "prefix": "pressDown0" },
47+
"downConfirm": { "prefix": "confirmDown0" },
48+
"downConfirmHold": { "prefix": "confirmDown0" },
49+
"upStatic": { "prefix": "staticUp0" },
50+
"upPress": { "prefix": "pressUp0" },
51+
"upConfirm": { "prefix": "confirmUp0" },
52+
"upConfirmHold": { "prefix": "confirmUp0" },
53+
"rightStatic": { "prefix": "staticRight0" },
54+
"rightPress": { "prefix": "pressRight0" },
55+
"rightConfirm": { "prefix": "confirmRight0" },
56+
"rightConfirmHold": { "prefix": "confirmRight0" }
57+
}
58+
},
59+
"holdNote": {
60+
"assetPath": "NOTE_hold_assets",
61+
"data": {}
62+
},
63+
"noteSplash": {
64+
"assetPath": "",
65+
"data": {
66+
"enabled": true
67+
}
68+
},
69+
"holdNoteCover": {
70+
"assetPath": "",
71+
"data": {
72+
"enabled": true
73+
}
74+
}
75+
}
76+
}
77+
```
78+
79+
There is quite a lot to unravel, let's break it all down.
80+
- `version`: The version number for the Note Style data file format. Leave this at `1.0.0`.
81+
- `name`: The readable name for the note style, used in places like the Chart Editor.
82+
- `author`: The author of the note style, aka the artist who created the assets.
83+
- `fallback`: The note style to use as a fallback/parent, providing a default option when the note style you are using is not available. Optional, defaults to `null`.
84+
- `assets`: A list of asset data for each of the assets for the note style.
85+
- See [list of assets](#note-style-assets) that you can provide the data for.
86+
87+
Asset data is structured like so:
88+
- `assetPath`: The main asset path to use for this asset.
89+
- `scale`: Specify the size of the asset relative to the original size. For example, `2.0` makes the sprite twice as big. Defaults to `1.0` if unspecified.
90+
- `offsets`: Some animations may need their positions to be corrected relative to the idle animation.
91+
- Use an array of two decimal values, the first for horizontal position and the second for vertical position.
92+
- `isPixel`: Specify whether to display this asset as being pixel (disabling texture smoothing). Optional, defaults to `false`.
93+
- `data`: The structure of note style asset data objects that depends on the asset you are going to edit.
94+
95+
Note Style Asset data is structured like so:
96+
- For `note`: List of animation data for the `left`, `down`, `up` and `right` arrows.
97+
- For `noteStrumline`: List of animation data for each direction and it's variations, such as `<direction>Static`, `<direction>Press`, `<direction>Confirm`, `<direction>ConfirmHold` replacing `<direction>` with it's each and every corresponding direction.
98+
- As you may see from the [example](#note-style-data)[^notestylesource] that was given, animation data for the `confirm` and `confirmHold` match up, however you can make it have unique animations.
99+
- For `holdNote`: Currently has no list of animation data that can be set.
100+
- For `noteSplash`: There is currently no list of animation data available that can be set. It is likely to be added in the future.
101+
- `enabled`: Specify whether to display the asset. Optional, defaults to `true`.
102+
- For `holdNoteCover`: There is currently no list of animation data available that can be set. It is likely to be added in the future.
103+
- `enabled`: Specify whether to display the asset. Optional, defaults to `true`.
104+
105+
Animation data is structured like so:
106+
- `prefix`: The animation name as specified by your spritesheet.
107+
- For Sparrow or Packer, check inside the data file to see what each set of frames is named, and use that as the prefix, excluding the frame numbers at the end.
108+
- For Animate Atlases, use either the frame label or the symbol name of the animation you want to play.
109+
- `offsets`: Some animations may need their positions to be corrected relative to the idle animation.
110+
- Use an array of two decimal values, the first for horizontal position and the second for vertical position.
111+
- `looped`: Whether to loop this animation in-game. If false, the animation will pause when it ends, until the game commands the asset to do something else.
112+
- `flipX`: Whether to flip the sprites of this animation horizontally in-game.
113+
- `flipY`: Whether to flip the sprites of this animation vertically in-game.
114+
- `frameRate`: A frame rate value, defaulting to `24`.
115+
- `frameIndices`: Optionally specify an array of frame numbers (starting at frame 0!) to use from a given prefix for this animation.
116+
- For example, specifying `[0, 1, 2, 3]` will make this animation only use the first 4 frames of the given prefix.
117+
118+
[^notestylesource]: <https://github.com/FunkinCrew/funkin.assets/blob/main/preload/data/notestyles/funkin.json>

‎src/08-custom-notestyles/08-02-using-a-notestyle-in-a-song.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# Using a Note Style in a Song
2+
3+
There are currently two ways to use your note style in a song once it's implemented.
4+
5+
1. *[FIXED IN 0.5.0]* Create a new chart. Open the Chart Editor, start a chart, and then select the `Notestyle` box from the `Metadata` toolbox before charting.
6+
2. Edit an existing chart in your mod. Open the `metadata.json` file of the song you want to modify and check in `playData` for the `noteStyle` key.
7+
8+
Once the chart which references your note style is in your mod folder, simply start the game with your mod installed.

‎src/09-custom-countdowns-and-custom-popups/09-00-custom-countdowns-and-custom-coutndowns.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# Creating a Friday Night Funkin' Mod - Custom Countdowns and Custom Popups
2+
3+
## [UPCOMING IN 0.5.0]
4+
5+
This chapter will walk you through the process of creating a functioning, fully compatible Friday Night Funkin' mod, using the game's official systems for loading custom content and scripts. Once your mod is complete, you will be able to place it in the `mods` folder in your game install and use its content in-game without overriding the base game content and still maintain compatibility with other mods.
6+
7+
This chapter goes over adding new countdowns and popups to the game.

‎src/09-custom-countdowns-and-custom-popups/09-01-creating-custom-countdowns.md

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
# Creating Custom Countdowns
2+
3+
All custom countdowns are based on the [current note style](../08-custom-notestyles/08-00-custom-notestyles.md) that is being used in-game. With that being said, you have to [add your assets](../01-fundamentals/01-03-asset-replacement-and-additions.md#asset-replacement-and-additons) with the note style name you are going to use.
4+
5+
You can add both graphic as well sound assets you are going to use for your countdown:
6+
- The PNG files need to go into `images/countdown/<notestyleid>`, replacing the `<notestyleid>` with the internal name of our notestyle
7+
- The OGG files need to go into `shared/sounds/gameplay/countdown/<notestyleid>`, again replacing `<notestyleid>` with the internal name of our notestyle.
8+
9+
We'll end up with something like this.
10+
11+
```
12+
-mods
13+
|-myMod
14+
|-images
15+
|-countdown
16+
|-myNotestyle
17+
|-ready.png
18+
|-set.png
19+
|-go.png
20+
|-shared
21+
|-sounds
22+
|-gameplay
23+
|-countdown
24+
|-myNotestyle
25+
|-introTHREE.ogg
26+
|-introTWO.ogg
27+
|-introONE.ogg
28+
|-introGO.ogg
29+
|-_polymod_metadata.json
30+
```

‎src/09-custom-countdowns-and-custom-popups/09-02-creating-custom-popups.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
# Creating Custom Popups
2+
3+
All custom popups are based on the [current note style](../08-custom-notestyles/08-00-custom-notestyles.md) that is being used in-game. With that being said, you have to [add your assets](../01-fundamentals/01-03-asset-replacement-and-additions.md) with the note style name you are going to use.
4+
5+
You can ONLY add graphic assets you are going to use for your countdown:
6+
- The PNG files need to go into `images/ui/<notestyleid>`, replacing the `<notestyleid>` with the internal name of our notestyle
7+
8+
We'll end up with something like this.
9+
10+
```
11+
-mods
12+
|-myMod
13+
|-images
14+
|-ui
15+
|-myNotestyle
16+
|-num0.png
17+
|-num1.png
18+
|-num2.png
19+
|-num3.png
20+
|-num4.png
21+
|-num5.png
22+
|-num6.png
23+
|-num7.png
24+
|-num8.png
25+
|-num9.png
26+
|-combo.png
27+
|-sick.png
28+
|-good.png
29+
|-bad.png
30+
|-shit.png
31+
|-_polymod_metadata.json
32+
```

‎src/09-custom-countdowns-and-custom-popups/09-03-using-custom-countdowns-and-custom-popups

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# Using Custom Countdowns and Custom Popups

‎src/SUMMARY.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,10 @@
3131

3232
- [WIP: Custom Playable Characters](05-custom-playable-characters/05-00-custom-playable-characters.md)
3333

34+
- [Custom Note Styles](06-custom-notestyles/06-00-custom-notestyles.md)
35+
- [Creating a Note Style](06-custom-notestyles/06-01-creating-a-notestyle.md)
36+
- [Using a Note Style in a Song](06-custom-notestyles/06-02-using-a-notestyle-in-a-song.md)
37+
3438
# Mod API Systems
3539

3640
- [Migration](09-migration/09-00-migrating-mods-to-newer-versions.md)

0 commit comments

Comments
 (0)