akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-05-03 22:22:54 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add help tooltips to customized

Browse Source
This commit is contained in:
Misode
2023-06-20 04:18:40 +02:00
parent 983782b1f8
commit 0fdfaffc13
8 changed files with 43 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/customized/BasicSettings.tsx
+9 -9
View File
@@ -13,18 +13,18 @@ interface Props {
}
export function BasicSettings({ model, initialModel, changeModel }: Props) {
return <>
<CustomizedSlider label="Min height"
<CustomizedSlider label="Min height" help="The lowest Y level of the world"
value={model.minHeight} onChange={v => changeModel({ minHeight: v })}
min={-128} max={384} step={16} initial={initialModel.minHeight}
error={model.minHeight % 16 !== 0 ? 'Min height needs to be a multiple of 16' : undefined} />
<CustomizedSlider label="Max height"
<CustomizedSlider label="Max height" help="The heighest Y level of the world"
value={model.maxHeight} onChange={v => changeModel({ maxHeight: v })}
min={-128} max={384} step={16} initial={initialModel.maxHeight}
error={model.maxHeight <= model.minHeight ? 'Max height needs to be larger than Min height' : model.maxHeight % 16 !== 0 ? 'Max height needs to be a multiple of 16' : undefined} />
<CustomizedSlider label="Sea level"
<CustomizedSlider label="Sea level" help="The top Y level of the oceans"
value={model.seaLevel} onChange={v => changeModel({ seaLevel: v })}
min={-128} max={384} initial={initialModel.seaLevel} />
<CustomizedInput label="Oceans"
<CustomizedInput label="Oceans" help="The block used to fill the oceans"
value={model.oceans} onChange={v => changeModel({ oceans: v })}
initial={initialModel.oceans}>
<button class={`customized-toggle${model.oceans === 'water' ? ' customized-water' : ''}`} onClick={() => changeModel({ oceans: 'water' })}>Water</button>
@@ -38,22 +38,22 @@ export function BasicSettings({ model, initialModel, changeModel }: Props) {
</>}
</CustomizedInput>
<div class="customized-group">
<CustomizedToggle label="Caves"
<CustomizedToggle label="Caves" help="Whether caves will generate"
value={model.caves} onChange={v => changeModel({ caves: v })}
initial={initialModel.caves} />
{model.caves && <div class="customized-childs">
<CustomizedToggle label="Noise caves"
<CustomizedToggle label="Noise caves" help="The new caves introduced in 1.18"
value={model.noiseCaves} onChange={v => changeModel({ noiseCaves: v })}
initial={initialModel.noiseCaves} />
<CustomizedToggle label="Old caves"
<CustomizedToggle label="Old caves" help="The legacy caves"
value={model.carverCaves} onChange={v => changeModel({ carverCaves: v })}
initial={initialModel.carverCaves} />
<CustomizedToggle label="Ravines"
<CustomizedToggle label="Ravines" help="The legacy ravines and canyons"
value={model.ravines} onChange={v => changeModel({ ravines: v })}
initial={initialModel.ravines} />
</div>}
</div>
<CustomizedSlider label="Biome size"
<CustomizedSlider label="Biome size" help="The scale of the biome layout, 6 corresponds to the large biomes preset"
value={model.biomeSize} onChange={v => changeModel({ biomeSize: v })}
min={1} max={8} initial={initialModel.biomeSize} />
</>