akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-29 09:32:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #215

Browse Source
This commit is contained in:
Misode
2022-03-30 23:56:41 +02:00
parent 2afbee8cc1
commit a4cfbc0d99
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/components/previews/BiomeSourcePreview.tsx
View File

@@ -7,12 +7,13 @@ import { Btn, BtnMenu } from '..'
import { useLocale } from '../../contexts' import { useLocale } from '../../contexts'
import { useCanvas } from '../../hooks' import { useCanvas } from '../../hooks'
import { biomeMap, getBiome } from '../../previews' import { biomeMap, getBiome } from '../../previews'
import { newSeed } from '../../Utils' import { newSeed, randomSeed } from '../../Utils'
const LAYERS = ['biomes', 'temperature', 'humidity', 'continentalness', 'erosion', 'weirdness'] as const const LAYERS = ['biomes', 'temperature', 'humidity', 'continentalness', 'erosion', 'weirdness'] as const
export const BiomeSourcePreview = ({ model, data, shown, version }: PreviewProps) => { export const BiomeSourcePreview = ({ model, data, shown, version }: PreviewProps) => {
const { locale } = useLocale() const { locale } = useLocale()
const [configuredSeed, _setSeed] = useState(randomSeed())
const [scale, setScale] = useState(2) const [scale, setScale] = useState(2)
const [focused, setFocused] = useState<{[k: string]: number | string} | undefined>(undefined) const [focused, setFocused] = useState<{[k: string]: number | string} | undefined>(undefined)
const [layers, setLayers] = useState(new Set<typeof LAYERS[number]>(['biomes'])) const [layers, setLayers] = useState(new Set<typeof LAYERS[number]>(['biomes']))
@@ -20,7 +21,7 @@ export const BiomeSourcePreview = ({ model, data, shown, version }: PreviewProps
const res = useRef(1) const res = useRef(1)
const refineTimeout = useRef<number>(undefined) const refineTimeout = useRef<number>(undefined)
const seed = BigInt(model.get(new Path(['generator', 'seed']))) const seed = BigInt(model.get(new Path(['generator', 'seed'])) ?? configuredSeed)
const octaves = useMemo(() => { const octaves = useMemo(() => {
if (!shown) return undefined if (!shown) return undefined
return getOctaves(model.get(new Path(['generator', 'settings']))) return getOctaves(model.get(new Path(['generator', 'settings'])))
@@ -51,21 +52,21 @@ export const BiomeSourcePreview = ({ model, data, shown, version }: PreviewProps
redraw() redraw()
}, },
async onHover(x, y) { async onHover(x, y) {
const options = { octaves: octaves!, biomeColors: {}, layers, offset: offset.current, scale, seed, res: 1, version } const options = { octaves: octaves!, biomeColors: {}, layers, offset: offset.current, scale, seed: configuredSeed, res: 1, version }
const biome = await getBiome(data, Math.floor(x * 200), Math.floor(y * 200), options) const biome = await getBiome(data, Math.floor(x * 200), Math.floor(y * 200), options)
setFocused(biome) setFocused(biome)
}, },
onLeave() { onLeave() {
setFocused(undefined) setFocused(undefined)
}, },
}, [state, scale, seed, layers]) }, [state, scale, configuredSeed, layers])
useEffect(() => { useEffect(() => {
if (shown) { if (shown) {
res.current = type === 'multi_noise' ? 4 : 1 res.current = type === 'multi_noise' ? 4 : 1
redraw() redraw()
} }
}, [state, scale, seed, layers, shown]) }, [state, scale, configuredSeed, layers, shown])
const changeScale = (newScale: number) => { const changeScale = (newScale: number) => {
offset.current[0] = offset.current[0] * scale / newScale offset.current[0] = offset.current[0] * scale / newScale