🇬🇧 User Guide (English)
- Selected Colors: Drag color squares to reorder them. Click a color to remove it from selection.
- Available Colors: Click a color to add it to your selection (maximum 6 colors).
- Create Custom Color: Click the color picker button and then "Add Custom Color" to add your custom color.
- Line Width: Adjust the thickness of the tartan pattern lines with the "Line Width" slider.
- Pattern Density: Control the complexity of the pattern with the "Pattern Density" slider (higher = more lines).
- Random Pattern: Generate a new random tartan pattern with the "Random Pattern" button.
- Reset: Restore all settings to default values with the "Reset" button.
- Collapse/Expand: Click the ◀ button to collapse the control panel, ▶ to reopen it.
Tip: Tartan patterns use a random generation algorithm. The same set of colors and parameters will always produce the same pattern.
An original idea by
Niall on Codepen.
🇫🇷 Guide d'utilisation (Français)
- Couleurs sélectionnées : Faites glisser les carrés de couleur pour les réorganiser. Cliquez sur une couleur pour la retirer de la sélection.
- Couleurs disponibles : Cliquez sur une couleur pour l'ajouter à votre sélection (maximum 6 couleurs).
- Créer une couleur personnalisée : Cliquez sur le sélecteur de couleur puis sur "Add Custom Color" pour ajouter votre couleur.
- Largeur des lignes : Réglez l'épaisseur des lignes du motif tartan avec le curseur "Line Width".
- Densité du motif : Contrôlez la complexité du motif avec le curseur "Pattern Density" (plus élevé = plus de lignes).
- Motif aléatoire : Générez un nouveau motif tartan aléatoire avec le bouton "Random Pattern".
- Réinitialiser : Remettez tous les paramètres à leurs valeurs par défaut avec le bouton "Reset".
- Réduire/étendre : Cliquez sur le bouton ◀ pour réduire le panneau de contrôle, ▶ pour le rouvrir.
Astuce : Les motifs tartan utilisent un algorithme de génération aléatoire. Le même ensemble de couleurs et de paramètres produira toujours le même motif.
Une idée originale de
Niall sur Codepen.
🇪🇸 Guía de uso (Español)
- Colores seleccionados: Arrastra los cuadros de color para reordenarlos. Haz clic en un color para eliminarlo de la selección.
- Colores disponibles: Haz clic en un color para añadirlo a tu selección (máximo 6 colores).
- Crear un color personalizado: Haz clic en el selector de color y luego en "Add Custom Color" para añadir tu color.
- Ancho de las líneas: Ajusta el grosor de las líneas del patrón tartán con el control deslizante "Line Width".
- Densidad del patrón: Controla la complejidad del patrón con el control deslizante "Pattern Density" (más alto = más líneas).
- Patrón aleatorio: Genera un nuevo patrón tartán aleatorio con el botón "Random Pattern".
- Restablecer: Vuelve a los valores predeterminados con el botón "Reset".
- Contraer/Expandir: Haz clic en el botón ◀ para contraer el panel de control, ▶ para volver a abrirlo.
Consejo: Los patrones tartán utilizan un algoritmo de generación aleatoria. El mismo conjunto de colores y parámetros siempre producirá el mismo patrón.
Una idea original de
Niall en Codepen.
🇮🇹 Guida all'uso (Italiano)
- Colori selezionati: Trascina i quadratini di colore per riordinarli. Clicca su un colore per rimuoverlo dalla selezione.
- Colori disponibili: Clicca su un colore per aggiungerlo alla tua selezione (massimo 6 colori).
- Crea un colore personalizzato: Clicca sul selettore colore e poi su "Add Custom Color" per aggiungere il tuo colore.
- Spessore delle linee: Regola lo spessore delle linee del motivo tartan con il cursore "Line Width".
- Densità del motivo: Controlla la complessità del motivo con il cursore "Pattern Density" (più alto = più linee).
- Motivo casuale: Genera un nuovo motivo tartan casuale con il pulsante "Random Pattern".
- Reimposta: Ripristina tutti i parametri ai valori predefiniti con il pulsante "Reset".
- Riduci/Espandi: Clicca sul pulsante ◀ per ridurre il pannello di controllo, ▶ per riaprirlo.
Suggerimento: I motivi tartan utilizzano un algoritmo di generazione casuale. La stessa combinazione di colori e parametri produrrà sempre lo stesso motivo.
Un'idea originale di
Niall su Codepen.
🇩🇪 Bedienungsanleitung (Deutsch)
- Ausgewählte Farben: Ziehe die Farbquadrate, um sie neu anzuordnen. Klicke auf eine Farbe, um sie aus der Auswahl zu entfernen.
- Verfügbare Farben: Klicke auf eine Farbe, um sie zu deiner Auswahl hinzuzufügen (maximal 6 Farben).
- Benutzerdefinierte Farbe erstellen: Klicke auf den Farbwähler und dann auf "Add Custom Color", um deine Farbe hinzuzufügen.
- Linienbreite: Passe die Dicke der Tartanmuster-Linien mit dem Regler "Line Width" an.
- Musterdichte: Steuere die Komplexität des Musters mit dem Regler "Pattern Density" (höher = mehr Linien).
- Zufälliges Muster: Generiere ein neues, zufälliges Tartanmuster mit dem Button "Random Pattern".
- Zurücksetzen: Setze alle Einstellungen mit dem Button "Reset" auf die Standardwerte zurück.
- Einklappen/Ausklappen: Klicke auf die Schaltfläche ◀, um das Bedienfeld einzuklappen, und auf ▶, um es wieder zu öffnen.
Tipp: Tartanmuster basieren auf einem Zufallsgenerator-Algorithmus. Die gleiche Farb- und Parametereinstellung führt immer zum gleichen Muster.
Eine Original-Idee von
Niall auf Codepen.
🇰🇷 사용 설명서 (한국어)
- 선택된 색상: 색상 사각형을 드래그하여 순서를 변경하세요. 색상을 클릭하면 선택에서 제거됩니다.
- 사용 가능한 색상: 색상을 클릭하면 선택 항목에 추가됩니다 (최대 6개 색상).
- 사용자 정의 색상 만들기: 색상 선택기를 클릭한 다음 "Add Custom Color"를 클릭하여 색상을 추가하세요.
- 선 두께: "Line Width" 슬라이더로 타탄 패턴 선의 굵기를 조절하세요.
- 패턴 밀도: "Pattern Density" 슬라이더로 패턴의 복잡성을 조절하세요 (값이 높을수록 더 많은 선).
- 무작위 패턴: "Random Pattern" 버튼으로 새로운 무작위 타탄 패턴을 생성하세요.
- 초기화: "Reset" 버튼으로 모든 설정을 기본값으로 되돌립니다.
- 축소/확장: ◀ 버튼을 클릭하여 제어판을 축소하고, ▶ 버튼으로 다시 엽니다.
팁: 타탄 패턴은 무작위 생성 알고리즘을 사용합니다. 동일한 색상과 매개변수 세트는 항상 동일한 패턴을 생성합니다.
Codepen의
Niall 님의 오리지널 아이디어입니다.
🇯🇵 取扱説明書 (日本語)
- 選択済みカラー: カラーの四角をドラッグして順序を入れ替えます。カラーをクリックすると選択から削除されます。
- 利用可能なカラー: カラーをクリックすると選択に追加されます (最大6色)。
- カスタムカラーの作成: カラーピッカーをクリックし、"Add Custom Color"をクリックして色を追加します。
- 線の幅: "Line Width"スライダーでタータンパターンの線の太さを調整します。
- パターンの密度: "Pattern Density"スライダーでパターンの複雑さを調整します (値が高いほど線が増えます)。
- ランダムパターン: "Random Pattern"ボタンで、新しいランダムなタータンパターンを生成します。
- リセット: "Reset"ボタンですべての設定をデフォルト値に戻します。
- 折りたたみ/展開: ◀ ボタンをクリックしてコントロールパネルを折りたたみ、▶ ボタンで再び開きます。
ヒント: タータンパターンはランダム生成アルゴリズムを使用しています。同じ色とパラメータの組み合わせは、常に同じパターンを生成します。
Codepenの
Niall氏によるオリジナルのアイデアです。
🇮🇳 उपयोग गाइड (हिन्दी)
- चयनित रंग: रंगों के वर्गों को खींचकर उन्हें पुनर्व्यवस्थित करें। किसी रंग को हटाने के लिए उस पर क्लिक करें।
- उपलब्ध रंग: किसी रंग को अपने चयन में जोड़ने के लिए उस पर क्लिक करें (अधिकतम 6 रंग)।
- कस्टम रंग बनाएँ: रंग चयनकर्ता पर क्लिक करें और फिर अपना रंग जोड़ने के लिए "Add Custom Color" पर क्लिक करें।
- रेखा की चौड़ाई: "Line Width" स्लाइडर से टार्टन पैटर्न की रेखाओं की मोटाई समायोजित करें।
- पैटर्न घनत्व: "Pattern Density" स्लाइडर से पैटर्न की जटिलता को नियंत्रित करें (अधिक = अधिक रेखाएँ)।
- यादृच्छिक पैटर्न: "Random Pattern" बटन से एक नया यादृच्छिक टार्टन पैटर्न जनरेट करें।
- रीसेट: "Reset" बटन से सभी सेटिंग्स को डिफ़ॉल्ट मानों पर वापस सेट करें।
- संक्षिप्त/विस्तार करें: कंट्रोल पैनल को संक्षिप्त करने के लिए ◀ बटन पर क्लिक करें, इसे फिर से खोलने के लिए ▶ पर क्लिक करें।
सुझाव: टार्टन पैटर्न एक यादृच्छिक जनरेशन एल्गोरिदम का उपयोग करते हैं। रंगों और मापदंडों का एक ही सेट हमेशा एक ही पैटर्न तैयार करेगा।
कोडपेन पर
Niall का मौलिक विचार।
🇸🇦 دليل الاستخدام (العربية)
- الألوان المحددة: اسحب مربعات الألوان لإعادة ترتيبها. انقر على لون لإزالته من التحديد.
- الألوان المتاحة: انقر على لون لإضافته إلى التحديد (الحد الأقصى 6 ألوان).
- إنشاء لون مخصص: انقر على منتقي الألوان ثم على "Add Custom Color" لإضافة اللون المخصص.
- عرض الخط: اضبط سمك خطوط نمط الترتان باستخدام شريط تمرير "Line Width".
- كثافة النمط: تحكم في تعقيد النمط باستخدام شريط تمرير "Pattern Density" (قيمة أعلى = خطوط أكثر).
- نمط عشوائي: قم بإنشاء نمط ترتان عشوائي جديد باستخدام زر "Random Pattern".
- إعادة تعيين: استعادة جميع الإعدادات إلى القيم الافتراضية باستخدام زر "Reset".
- طي/توسيع: انقر على زر ◀ لطي لوحة التحكم، و ▶ لإعادة فتحها.
نصيحة: تستخدم أنماط الترتان خوارزمية توليد عشوائي. نفس مجموعة الألوان والمعلمات ستنتج دائمًا نفس النمط.
فكرة أصلية بواسطة
Niall على Codepen.
🇨🇳 使用指南 (中文)
- 已选颜色：拖拽颜色方块可重新排序。点击颜色可将其从选择中移除。
- 可用颜色：点击颜色可将其添加到您的选择中（最多6种颜色）。
- 创建自定义颜色：点击颜色选择器，然后点击"Add Custom Color"添加您的颜色。
- 线条宽度：使用"Line Width"滑块调整苏格兰格子图案线条的粗细。
- 图案密度：使用"Pattern Density"滑块控制图案的复杂程度（数值越高 = 线条越多）。
- 随机图案：点击"Random Pattern"按钮生成新的随机苏格兰格子图案。
- 重置：点击"Reset"按钮将所有设置恢复为默认值。
- 折叠/展开：点击◀按钮折叠控制面板，点击▶重新打开。
提示： 苏格兰格子图案使用随机生成算法。相同的颜色和参数组合将始终产生相同的图案。
原始创意来自Codepen上的
Niall。