Functions — github.com/Zippland/perler-beads

hub / github.com/Zippland/perler-beads / functions

Functions143 in github.com/Zippland/perler-beads

⨍ Functions 143◇ Types & classes 37

↓ 9 callersFunctiongetColorKeyByHex

(hexValue: string, colorSystem: ColorSystem)

src/utils/colorSystemUtils.ts:106

↓ 9 callersFunctiongetDisplayColorKey

(hexValue: string, colorSystem: ColorSystem)

src/utils/colorSystemUtils.ts:64

↓ 8 callersFunctionpushIfTarget

(row: number, col: number)

src/app/page.tsx:1357

↓ 7 callersFunctionhandleOptionChange

(key: keyof GridDownloadOptions, value: string | number | boolean)

src/components/DownloadSettingsModal.tsx:36

↓ 4 callersFunctioncountBorderCell

(row: number, col: number)

src/app/page.tsx:1324

↓ 4 callersFunctionformatTime

(seconds: number)

src/components/CompletionCard.tsx:47

↓ 3 callersFunctiongetRegionCenter

(region: { row: number; col: number }[])

src/utils/floodFillUtils.ts:110

↓ 3 callersFunctionpresetToSelections

(allHexValues: string[], presetHexValues: string[])

src/utils/localStorageUtils.ts:37

↓ 3 callersFunctionsrgbChannelToLinear

(channel: number)

src/utils/pixelation.ts:49

↓ 2 callersFunctionapplyImageSrc

(result: string)

src/app/page.tsx:667

↓ 2 callersFunctioncolorDistance

(rgb1: RgbColor, rgb2: RgbColor)

src/utils/pixelation.ts:91

↓ 2 callersFunctionexportCsvData

({ mappedPixelData, gridDimensions, selectedColorSystem }: { mappedPixelData: MappedPixel[][] | null;

src/utils/imageDownloader.ts:50

↓ 2 callersFunctionfindClosestPaletteColor

( targetRgb: RgbColor, palette: PaletteColor[] )

src/utils/pixelation.ts:103

↓ 2 callersFunctiongetConnectedRegion

( mappedPixelData: MappedPixel[][], startRow: number, startCol: number, targetColor: string )

src/utils/floodFillUtils.ts:4

↓ 2 callersFunctiongetOklabColor

(rgb: RgbColor)

src/utils/pixelation.ts:78

↓ 2 callersFunctiongetTouchDistance

(touches: React.TouchList)

src/components/FocusCanvas.tsx:193

↓ 2 callersFunctionhandleColorClick

(colorData: { key: string; color: string })

src/components/FloatingColorPalette.tsx:154

↓ 2 callersFunctionhandleMove

(clientX: number, clientY: number)

src/components/FloatingColorPalette.tsx:94

↓ 2 callersFunctionhexToHsl

(hex: string)

src/utils/colorSystemUtils.ts:121

↓ 2 callersFunctionisRegionCompleted

( region: { row: number; col: number }[], completedCells: Set<string> )

src/utils/floodFillUtils.ts:94

↓ 2 callersFunctionprocessDownload

()

src/utils/imageDownloader.ts:237

↓ 2 callersFunctionprocessFile

(file: File)

src/app/page.tsx:604

↓ 2 callersFunctionrecalculateColorStats

( pixelData: MappedPixel[][] )

src/utils/pixelEditingUtils.ts:166

↓ 2 callersFunctionsortColorsByHue

(colors: T[])

src/utils/colorSystemUtils.ts:158

↓ 2 callersFunctiontoggleAllColors

(selected: boolean)

src/components/CustomPaletteEditor.tsx:122

↓ 2 callersFunctiontoggleGroupColors

(prefix: string, selected: boolean)

src/components/CustomPaletteEditor.tsx:129

↓ 2 callersFunctionupdateCount

(spanId: string, baseValue: number)

src/app/page.tsx:1980

↓ 1 callersFunctionanimate

()

src/components/CelebrationAnimation.tsx:78

↓ 1 callersFunctioncalculateCellRepresentativeColor

* 计算图像指定区域的代表色（根据所选模式） * @param imageData 包含像素数据的 ImageData 对象 * @param startX 区域起始 X 坐标 * @param startY 区域起始 Y 坐标 * @param width 区域宽度 * @param h

src/utils/pixelation.ts:140

↓ 1 callersFunctioncalculatePixelGrid

( originalCtx: CanvasRenderingContext2D, imgWidth: number, imgHeight: number, N: number, M

src/utils/pixelation.ts:213

↓ 1 callersFunctioncheckDarkMode

()

src/components/PixelatedPreviewCanvas.tsx:117

↓ 1 callersFunctioncheckPWA

()

src/app/pwa-debug/page.tsx:22

↓ 1 callersFunctionconvertPaletteToColorSystem

( palette: PaletteColor[], colorSystem: ColorSystem )

src/utils/colorSystemUtils.ts:47

↓ 1 callersFunctiondownloadImage

({ mappedPixelData, gridDimensions, colorCounts, totalBeadCount, options, activeBeadPalette, sel

src/utils/imageDownloader.ts:204

↓ 1 callersFunctiondrawPixelatedCanvas

( dataToDraw: MappedPixel[][], canvas: HTMLCanvasElement | null, dims: { N: number; M: number } | null,

src/components/PixelatedPreviewCanvas.tsx:24

↓ 1 callersFunctionfloodFillErase

( pixelData: MappedPixel[][], gridDimensions: { N: number; M: number }, startRow: number, startCol: nu

src/utils/pixelEditingUtils.ts:22

↓ 1 callersFunctionfloodFillErase

(startRow: number, startCol: number, targetKey: string)

src/app/page.tsx:1418

↓ 1 callersFunctiongenerateAllIcons

()

scripts/generate-icons.js:56

↓ 1 callersFunctiongenerateIcon

(size)

scripts/generate-icons.js:7

↓ 1 callersFunctiongeneratePixelPattern

(size)

scripts/generate-icons.js:39

↓ 1 callersFunctiongenerateSyntheticImageFromPixelData

(pixelData: MappedPixel[][], dimensions: { N: number; M: number })

src/app/page.tsx:569

↓ 1 callersFunctiongetAllConnectedRegions

( mappedPixelData: MappedPixel[][], targetColor: string )

src/utils/floodFillUtils.ts:56

↓ 1 callersFunctiongetContrastColor

(hex: string)

src/components/ColorPalette.tsx:239

↓ 1 callersFunctiongetContrastColor

(hex: string)

src/utils/imageDownloader.ts:6

↓ 1 callersFunctiongetInitialPosition

()

src/components/MagnifierTool.tsx:42

↓ 1 callersFunctiongetInitialPosition

()

src/components/FloatingColorPalette.tsx:53

↓ 1 callersFunctiongetMardToHexMapping

()

src/utils/colorSystemUtils.ts:26

↓ 1 callersFunctiongroupColorsByPrefix

(colors: PaletteColor[], selectedColorSystem: ColorSystem)

src/components/CustomPaletteEditor.tsx:9

↓ 1 callersFunctionhandleCanvasColorSelect

(colorData: { key: string; color: string })

src/app/page.tsx:1864

↓ 1 callersFunctionhandleClick

(event: MouseEvent<HTMLCanvasElement>)

src/components/PixelatedPreviewCanvas.tsx:177

↓ 1 callersFunctionhandleToggleExcludeColor

(hexKey: string)

src/app/page.tsx:1173

↓ 1 callersFunctionhexToRgb

(hex: string)

src/utils/pixelation.ts:40

↓ 1 callersFunctionhexToRgb

(hex: string)

src/utils/imageDownloader.ts:15

↓ 1 callersFunctionimportCsvData

(file: File)

src/utils/imageDownloader.ts:108

↓ 1 callersFunctionloadPaletteSelections

()

src/utils/localStorageUtils.ts:21

↓ 1 callersFunctionpaintSinglePixel

( pixelData: MappedPixel[][], row: number, col: number, newColor: MappedPixel )

src/utils/pixelEditingUtils.ts:115

↓ 1 callersFunctionpixelateImage

(imageSrc: string, detailLevel: number, threshold: number, currentPalette: PaletteColor[], mode: PixelationMod

src/app/page.tsx:818

↓ 1 callersFunctionreplaceColor

( pixelData: MappedPixel[][], gridDimensions: { N: number; M: number }, sourceColor: { key: string; colo

src/utils/pixelEditingUtils.ts:77

↓ 1 callersFunctionrgbToOklab

(rgb: RgbColor)

src/utils/pixelation.ts:56

↓ 1 callersFunctionsavePaletteSelections

(selections: PaletteSelections)

src/utils/localStorageUtils.ts:10

↓ 1 callersFunctionsortRegionsByDistance

( regions: { row: number; col: number }[][], referencePoint: { row: number; col: number } )

src/utils/floodFillUtils.ts:125

↓ 1 callersFunctionsortRegionsBySize

( regions: { row: number; col: number }[][] )

src/utils/floodFillUtils.ts:141

↓ 1 callersFunctiontoggleGroup

(prefix: string)

src/components/CustomPaletteEditor.tsx:114

FunctionCelebrationAnimation

({ isVisible, onComplete })

src/components/CelebrationAnimation.tsx:22

FunctionColorPalette

({ colors, selectedColor, onColorSelect, transparentKey, selectedColorSystem, isEraseMode, on

src/components/ColorPalette.tsx:41

FunctionColorPanel

({ colors, currentColor, onColorSelect, onClose })

src/components/ColorPanel.tsx:17

FunctionColorStatusBar

({ currentColor, colorInfo, progressPercentage })

src/components/ColorStatusBar.tsx:14

FunctionCompletionCard

({ isVisible, mappedPixelData, gridDimensions, totalElapsedTime, onClose })

src/components/CompletionCard.tsx:12

FunctionCustomPaletteEditor

({ allColors, currentSelections, onSelectionChange, onSaveCustomPalette, onClose, onExportCustomPa

src/components/CustomPaletteEditor.tsx:79

FunctionDonationModal

({ isOpen, onClose })

src/components/DonationModal.tsx:9

FunctionDownloadSettingsModal

({ isOpen, onClose, options, onOptionsChange, onDownload })

src/components/DownloadSettingsModal.tsx:22

FunctionFloatingColorPalette

({ colors, selectedColor, onColorSelect, selectedColorSystem, isEraseMode, onEraseToggle, fullPa

src/components/FloatingColorPalette.tsx:31

FunctionFloatingToolbar

({ isManualColoringMode, isPaletteOpen, onTogglePalette, onExitManualMode, onToggleMagnifier, isMa

src/components/FloatingToolbar.tsx:14

FunctionFocusCanvas

({ mappedPixelData, gridDimensions, currentColor, completedCells, recommendedCell, recommendedRegi

src/components/FocusCanvas.tsx:21

FunctionFocusMode

()

src/app/focus/page.tsx:60

FunctionFocusModePreDownloadModal

({ isOpen, onClose, onProceedWithoutDownload, mappedPixelData, gridDimensions, selectedColorSystem

src/components/FocusModePreDownloadModal.tsx:17

FunctionGridTooltip

({ tooltipData, selectedColorSystem = 'MARD' })

src/components/GridTooltip.tsx:16

src/components/InstallPWA.tsx:10

FunctionMagnifierSelectionOverlay

({ isActive, canvasRef, gridDimensions, onSelectionComplete })

src/components/MagnifierSelectionOverlay.tsx:18

FunctionMagnifierTool

({ isActive, onToggle, mappedPixelData, selectedColor, selectedColorSystem, onPixelEdit, selecti

src/components/MagnifierTool.tsx:28

FunctionPWADebug

()

src/app/pwa-debug/page.tsx:5

FunctionPixelatedPreviewCanvas

({ mappedPixelData, gridDimensions, isManualColoringMode, canvasRef, onInteraction, highlightColor

src/components/PixelatedPreviewCanvas.tsx:99

FunctionProgressBar

({ progressPercentage, recommendedCell })

src/components/ProgressBar.tsx:14

FunctionRootLayout

({ children, }: Readonly<{ children: React.ReactNode; }>)

src/app/layout.tsx:44

FunctionSettingsPanel

({ guidanceMode, onGuidanceModeChange, gridSectionInterval, onGridSectionIntervalChange, showSection

src/components/SettingsPanel.tsx:17

FunctionToolBar

({ onColorSelect, onLocate, onPause, isPaused, elapsedTime })

src/components/ToolBar.tsx:11

FunctionclientToGridCoords

( clientX: number, clientY: number, canvas: HTMLCanvasElement, gridDimensions: { N: number; M: number

src/utils/canvasUtils.ts:13

FunctionconvertColorKeyToHex

(displayKey: string, colorSystem: ColorSystem)

src/utils/colorSystemUtils.ts:83

FunctiondownloadCard

()

src/components/CompletionCard.tsx:399

FunctiongetAllHexValues

()

src/utils/colorSystemUtils.ts:21

FunctionhandleActivateMagnifier

()

src/app/page.tsx:222

FunctionhandleActivatePalette

()

src/app/page.tsx:218

FunctionhandleAutoRemoveBackground

()

src/app/page.tsx:1306

FunctionhandleCanvasInteraction

( clientX: number, clientY: number, pageX: number, pageY: number, isClick: boolean = f

src/app/page.tsx:1487

FunctionhandleColorReplace

(sourceColor: { key: string; color: string }, targetColor: { key: string; color: string })

src/app/page.tsx:1878

FunctionhandleColorReplaceToggle

()

src/app/page.tsx:1842

FunctionhandleColorSelect

(colorData: { key: string; color: string; isExternal?: boolean })

src/app/page.tsx:1822

FunctionhandleConfirmParameters

()

src/app/page.tsx:754

FunctionhandleDownloadAndProceed

()

src/components/FocusModePreDownloadModal.tsx:27

next →1–100 of 143, ranked by callers