Overview
Bead Crochet Designer is a tool for creating patterns for bead crochet ropes and spheres. It features a 2D grid editor and a real-time 3D preview of your design.
Features
- Modes: Switch between Rope (tubular) and Sphere (beaded bead) modes. In Sphere mode, the circumference is constrained to multiples of 6.
- Joined Rows: Enable "Joined Rows" to simulate a technique where each row is completed and joined before starting the next (stacked rings), rather than a continuous spiral. In Rope mode, this creates a zipper-style alignment. In Sphere mode, this creates a hexagonal packing (honeycomb) look.
- Design Style: Choose between different visual styles for the grid (e.g., Squares or Circles) independent of the grid structure.
- Real-time 3D Preview: See your pattern applied to a 3D model instantly.
- Auto-Save: Your work is automatically saved to your browser's local storage.
- Export/Import: Save your design as a PNG image. The pattern data is embedded inside the image file, so you can load it back later by opening the PNG file.
- JBB Import: You can also open .jbb files from other bead crochet software.
- Smart Selection: Select, move, rotate, flip, copy, and paste parts of your pattern.
Canvas Navigation
- Pan: Hold Space and drag with mouse/touch, or use two-finger drag on trackpad/touchscreen.
- Zoom: Hold Ctrl (or Cmd) and scroll, or use pinch gesture on trackpad/touchscreen.
- Reset Zoom: Double-tap with one finger on the canvas (Mobile/Touch).
- Undo: Two-finger tap on the canvas (Mobile/Touch).
Keyboard Shortcuts
| Action | Shortcut |
|---|
| New Project | Ctrl + Alt + N |
| Open Project | Ctrl + O |
| Save Project | Ctrl + S |
| Undo | Ctrl + Z (or Cmd + Z) |
| Redo | Ctrl + Shift + Z or Ctrl + Y |
| Cut Selection | Ctrl + X |
| Copy Selection | Ctrl + C |
| Paste | Ctrl + V |
| Delete Selection | Delete or Backspace |
| Rotate Selection (Floating) | R (Clockwise) |
| Flip Selection (Floating) | F (Horizontal), Shift + F (Vertical) |
| Cancel / Deselect | Esc |
| Shift Pattern (Rope Mode) | Arrow Keys (Up, Down, Left, Right) |
| Cycle Shape Tools | U |
| Zoom In | Ctrl + + (or Cmd + +) |
| Zoom Out | Ctrl + - (or Cmd + -) |
| Reset Zoom | Ctrl + 0 (or Cmd + 0) |
Tools
- Brush (B): Paint single beads. Click or drag to paint. Right-click to erase.
- Eraser (E): Remove beads (set to background color).
- Fill / Gradient (G): Flood fill an area or draw a gradient. Press G to toggle.
- Picker (I): Pick a color from the grid to set as current. Alt+Click to pick background.
- Select (M): Click and drag to select a rectangular area.
- Once selected, you can copy/cut it.
- Drag the selection to move it (cut and paste).
- Press Delete to clear the area.
- Line (U): Draw straight lines. Hold Shift to snap to 45-degree angles.
- Rectangle (U): Draw rectangles. Hold Shift to draw a perfect square.
- Ellipse (U): Draw ellipses. Hold Shift to draw a perfect circle.
Interface & Controls
- Grid Style: Use the icon buttons to switch between Rectangular and Brick (Offset) grids. In Sphere mode, the grid is locked to Brick. In Rope mode with Brick grid, ghost beads appear on the left to visualize the spiral wrap.
- Design Style: Use the icon buttons to switch between Squares (standard) and Beads (circles) visualization.
- Color Palette:
- FG/BG: The "FG" (Foreground) and "BG" (Background) labels indicate the active color for painting and the background color.
- Project Palette: The "Colors in this project" section automatically updates to show only the colors used in your pattern.
- Mobile Color Access: On mobile devices, tap the color square in the toolbar to open the color palette sidebar.
- Project Info: Click the "Project Info" button (or "i" icon) to view a detailed summary of bead counts, including the total count of all beads (foreground and background).
Navigation & View
3D Preview
- Rotate: Left-click and drag.
- Pan: Right-click and drag.
- Zoom: Mouse scroll wheel.
- Help: Navigation controls are displayed at the bottom-left of the preview area.
Layout
- You can resize the editor and 3D preview areas by dragging the vertical separator.
- The layout is saved automatically.
- Zooming the Grid: You can zoom in and out of the drawing grid using Ctrl + Mouse Wheel, or by using the zoom buttons in the toolbar.
Exporting & Opening
To save your work to your computer, click Export / Save (or press Ctrl+S).
- This generates a PNG image of your pattern, including the grid, bead counts, and 3D preview.
- Important: The actual project data is stored inside this PNG file.
- To open a project, click Open (or press Ctrl+O) and select the PNG file you exported previously.
- You can also open .jbb files.
Installing the App (PWA)
Bead Crochet Designer works offline and can be installed on your device.
Desktop (Chrome/Edge)
- Click the install icon in the address bar (usually on the right side).
- Or go to the browser menu (three dots) and select Install Bead Crochet Designer...
iOS (iPhone/iPad)
- Tap the Share button in Safari.
- Scroll down and tap Add to Home Screen.
Android (Chrome)
- Tap the browser menu (three dots).
- Tap Install app or Add to Home screen.
Přehled
Bead Crochet Designer je nástroj pro vytváření vzorů pro háčkované dutinky a kuličky. Nabízí 2D editor mřížky a 3D náhled vašeho návrhu v reálném čase.
Funkce
- Režimy: Přepínejte mezi režimy Dutinka (Rope) a Kulička (Sphere). V režimu Kulička je obvod omezen na násobky 6.
- Spojené řady: Povolte "Spojené řady" pro simulaci techniky, kde je každá řada dokončena a spojena před začátkem další (skládané kroužky), namísto spojité spirály. V režimu Dutinka to vytváří zarovnání ve stylu zipu. V režimu Kulička to vytváří vzhled včelí plástve (hexagonální uspořádání).
- Styl návrhu: Vyberte si mezi různými vizuálními styly mřížky (např. Čtverce nebo Kruhy) nezávisle na struktuře mřížky.
- 3D Náhled: Okamžitě vidíte svůj vzor aplikovaný na 3D model.
- Auto-Ukládání: Vaše práce se automaticky ukládá do lokálního úložiště prohlížeče.
- Export/Import: Uložte svůj návrh jako obrázek PNG. Data vzoru jsou vložena uvnitř souboru obrázku, takže jej můžete později načíst otevřením souboru PNG.
- Import JBB: Můžete také otevírat soubory .jbb z jiného softwaru pro háčkování s korálky.
- Chytrý výběr: Vybírejte, posouvejte, otáčejte, převracejte, kopírujte a vkládejte části vašeho vzoru.
Navigace na plátně
- Posun: Podržte Mezerník a táhněte myší/prstem, nebo použijte posun dvěma prsty na trackpadu/dotykové obrazovce.
- Přiblížení: Podržte Ctrl (nebo Cmd) a rolujte kolečkem, nebo použijte gesto roztažení prstů (pinch) na trackpadu/dotykové obrazovce.
- Reset přiblížení: Dvojité klepnutí jedním prstem na plátno (Mobil/Dotyk).
- Zpět: Klepnutí dvěma prsty na plátno (Mobil/Dotyk).
Klávesové zkratky
| Akce | Zkratka |
|---|
| Nový projekt | Ctrl + Alt + N |
| Otevřít projekt | Ctrl + O |
| Uložit projekt | Ctrl + S |
| Zpět | Ctrl + Z (nebo Cmd + Z) |
| Znovu | Ctrl + Shift + Z nebo Ctrl + Y |
| Vyjmout výběr | Ctrl + X |
| Kopírovat výběr | Ctrl + C |
| Vložit | Ctrl + V |
| Smazat výběr | Delete nebo Backspace |
| Otočit výběr (Plovoucí) | R (Po směru hodinových ručiček) |
| Převrátit výběr (Plovoucí) | F (Horizontálně), Shift + F (Vertikálně) |
| Zrušit / Odznačit | Esc |
| Posunout vzor (Režim Dutinka) | Šipky (Nahoru, Dolů, Vlevo, Vpravo) |
| Přepínat nástroje tvarů | U |
| Přiblížit | Ctrl + + (nebo Cmd + +) |
| Oddálit | Ctrl + - (nebo Cmd + -) |
| Resetovat přiblížení | Ctrl + 0 (nebo Cmd + 0) |
Nástroje
- Štětec (B): Malování jednotlivých korálků. Klikněte nebo táhněte pro malování. Pravým tlačítkem gumujete.
- Guma (E): Odstranění korálků (nastavení na barvu pozadí).
- Plechovka / Přechod (G): Vyplnění oblasti nebo kreslení přechodu. Stiskněte G pro přepnutí.
- Kapátko (I): Vyberte barvu z mřížky a nastavte ji jako aktuální. Alt+Klik pro výběr barvy pozadí.
- Výběr (M): Kliknutím a tažením vyberte obdélníkovou oblast.
- Jakmile je vybrána, můžete ji kopírovat/vyjmout.
- Tažením výběru jej přesunete (vyjmout a vložit).
- Stiskněte Delete pro vymazání oblasti.
- Čára (U): Kreslení rovných čar. Podržte Shift pro přichycení k úhlům 45 stupňů.
- Obdélník (U): Kreslení obdélníků. Podržte Shift pro kreslení čtverce.
- Elipsa (U): Kreslení elips. Podržte Shift pro kreslení kruhu.
Rozhraní a ovládání
- Styl mřížky: Pomocí ikon přepínejte mezi Obdélníkovou a Cihlovou (Posunutou) mřížkou. V režimu Kulička je mřížka uzamčena na Cihlovou. V režimu Dutinka s Cihlovou mřížkou se vlevo zobrazují "duchové" korálky pro vizualizaci spirálového napojení.
- Styl návrhu: Pomocí ikon přepínejte mezi zobrazením Čtverců (standardní) a Korálků (kruhy).
- Paleta barev:
- Popředí/Pozadí: Štítky "Popředí" a "Pozadí" označují aktivní barvu pro malování a barvu pozadí.
- Paleta projektu: Sekce "Barvy v projektu" se automaticky aktualizuje a zobrazuje pouze barvy použité ve vašem vzoru.
- Mobilní přístup k barvám: Na mobilních zařízeních klepněte na čtvereček barvy v panelu nástrojů pro otevření postranního panelu s paletou.
- Informace o projektu: Kliknutím na tlačítko "Informace o projektu" (nebo ikonu "i") zobrazíte podrobný souhrn počtu korálků, včetně celkového počtu všech korálků.
Navigace a zobrazení
3D Náhled
- Otáčení: Levé tlačítko myši a tažení.
- Posun: Pravé tlačítko myši a tažení.
- Přiblížení: Kolečko myši.
- Nápověda: Ovládací prvky navigace jsou zobrazeny v levém dolním rohu oblasti náhledu.
Rozložení
- Velikost editoru a 3D náhledu můžete změnit tažením svislého oddělovače.
- Rozložení se ukládá automaticky.
- Přiblížení mřížky: Mřížku můžete přibližovat a oddalovat pomocí Ctrl + Kolečko myši, nebo pomocí tlačítek lupy v panelu nástrojů.
Export a otevírání
Pro uložení práce do počítače klikněte na Exportovat / Uložit (nebo stiskněte Ctrl+S).
- Tím se vygeneruje obrázek PNG vašeho vzoru, včetně mřížky, počtu korálků a 3D náhledu.
- Důležité: Skutečná data projektu jsou uložena uvnitř tohoto souboru PNG.
- Pro otevření projektu klikněte na Otevřít (nebo stiskněte Ctrl+O) a vyberte soubor PNG, který jste dříve exportovali.
- Můžete také otevírat soubory .jbb.
Instalace aplikace (PWA)
Bead Crochet Designer funguje offline a lze jej nainstalovat do vašeho zařízení.
Desktop (Chrome/Edge)
- Klikněte na ikonu instalace v adresním řádku (obvykle vpravo).
- Nebo přejděte do menu prohlížeče (tři tečky) a vyberte Nainstalovat aplikaci Bead Crochet Designer...
iOS (iPhone/iPad)
- Klepněte na tlačítko Sdílet v Safari.
- Sjeďte dolů a klepněte na Přidat na plochu.
Android (Chrome)
- Klepněte na menu prohlížeče (tři tečky).
- Klepněte na Nainstalovat aplikaci nebo Přidat na plochu.
