Wiki-Quellcode von Honeycomb Stitch

Zuletzt geändert von Stella170101 am 2020/07/29 07:38
Zeige letzte Bearbeiter
1 (% class="row" style="display: flex; align-items: center; margin-bottom: 2em" %)
2 (((
3 (% class="col-xs-12 col-sm-8" %)
4 (((
5 (% class="badge" %)** STICHARTEN **(%%)** In diesem Tutorial lernst du wie du den Wabenstich programmieren kannst.**
6
7
8 )))
9
10 (% class="col-xs-12 col-sm-4" %)
11 (((
12 [[image:wabenstich_bild.png||queryString="width=150" alt="Honeycomb Picture" height="31" style="float:right" width="200"]]
13 )))
14 )))
15
16 (% class="row" %)
17 (((
18 (% class="col-xs-12 col-sm-6" %)
19 (((
20 |(% style="height:410px" %)(% class="box" %)
21 (((
22 **1.  **Erstelle zuerst ein neues Stick-Objekt!
23 //Wie du ein neues Stick Objekt erstellen kannst, erfährst du [[hier>>path:/bin/view/Education/Tutorials/Embroidery/Stick%20Objekt%20erstellen/]].//
24 )))
25 |(% style="height:300px" %)(((
26 (% style="text-align:center" %)
27 [[image:fünftelsqrt2.png||height="157" width="400"]]
28 )))
29 |(% style="height:300px" %)(((
30 (% style="text-align:center" %)
31 [[image:fünftel.png||height="147" width="400"]]
32 )))
33 |(% style="height:300px" %)(((
34 (% style="text-align:center" %)
35 [[image:fünftelsqrt2.png||height="157" width="400"]]
36 )))
37 |(% style="height:300px" %)(((
38 (% style="text-align:center" %)
39 [[image:fünftel.png||height="147" width="400"]]
40 )))
41 |(% style="height:300px" %)(((
42 (% style="text-align:center" %)
43 [[image:fünftelsqrt2.png||height="157" width="400"]]
44 )))
45 |(% style="height:300px" %)(((
46 (% style="text-align:center" %)
47 [[image:fünftelsqrt2.png||height="147" width="400"]]
48 )))
49 |(% style="height:300px" %)(((
50 (% style="text-align:center" %)
51 [[image:fünftel.png||height="147" width="400"]]
52 )))
53 |(% style="height:300px" %)(((
54 (% style="text-align:center" %)
55 [[image:fünftelsqrt2.png||height="147" width="400"]]
56 )))
57 |(% style="height:300px" %)(((
58 (% style="text-align:center" %)
59 [[image:fünftel.png||height="147" width="400"]]
60 )))
61 |(% style="height:200px" %)(((
62 (% style="text-align:center" %)
63 [[image:fünftelsqrt2.png||height="147" width="400"]]
64 )))
65 )))
66
67 (% class="col-xs-12 col-sm-6" %)
68 (((
69 (% class="box" %)
70 (((
71 **2. **Füge jetzt Schritt für Schritt die Bausteine zu deinem Skript hinzu.
72
73 [[image:wabenstich.png||alt="Wabenstich Code"]]
74 )))
75 )))
76 )))
77
78
79 (% class="row" %)
80 (((
81 (% class="col-xs-12 col-sm-6" %)
82 (((
83
84 )))
85
86 (% class="col-xs-12 col-sm-6" %)
87 (((
88 (% class="box" %)
89 (((
90 **3. **Kontrolliere die Bausteine, falls es noch nicht klappt.
91 )))
92 )))
93 )))
94
95 (% class="row" %)
96 (((
97 (% class="col-xs-12 col-sm-6" %)
98 (((
99 (% class="box infomessage" %)
100 (((
101 Natürlich kannst du die Variablen beliebig verändern. Achte jedoch darauf, dass die Breite nicht kleiner als 15 oder größer als 30 wird.
102 )))
103 )))
104
105 (% class="col-xs-12 col-sm-6" %)
106 (((
107 (% class="box" %)
108 (((
109 **4. **Um den Stich zu verwenden, setze zuerst die Variablen, dann verschicke die Nachricht in einer Schleife.
110
111 [[image:wabenstich_wss_variablen.png||alt="wabenstich_wss.png"]]
112 )))
113 )))
114 )))
115
116 (% class="row" %)
117 (((
118 (% class="col-xs-12 col-sm-12" %)
119 (((
120
121
122 (% class="box infomessage" %)
123 (((
124 **Falls du dabei bist deine eigenen Stiche zu programmieren ist es hilfreich zu verstehen, wie und warum dieser Code funktioniert. Danach ist es um einiges leichter deine eigene Idee zu verstehen und zu analysieren.**
125 )))
126
127 (% class="box infomessage" %)
128 (((
129 Darunter siehst die mathematische Analyse des Gitterstichs. Vergleiche sie mit dem Code oberhalb um zu verstehen was passiert.
130
131 (% aria-label="Folie10.PNG Bild Steuerelement" contenteditable="false" role="region" tabindex="-1" %)
132 (((
133
134 )))
135 )))
136
137 (% style="text-align:center" %)
138 [[image:Wabenstich deutsch.PNG]]
139 )))
140 )))