Wiki-Quellcode von Labyrinth Stitch
Zuletzt geändert von Stella170101 am 2020/07/29 07:34
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
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 Labyrinth Stich programmieren kannst.** | ||
6 | |||
7 | |||
8 | ))) | ||
9 | |||
10 | (% class="col-xs-12 col-sm-4" %) | ||
11 | ((( | ||
12 | [[image:labyrinthstich_bild.png||queryString="width=150" alt="Labyrinth Picture" height="29" style="float:right" width="400"]] | ||
13 | ))) | ||
14 | ))) | ||
15 | |||
16 | (% class="row" %) | ||
17 | ((( | ||
18 | (% class="col-xs-12 col-sm-6" %) | ||
19 | ((( | ||
20 | |(% style="height:380px" %)(% 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:3viertel.png||height="148" width="400"]] | ||
28 | ))) | ||
29 | |(% style="height:290px" %)((( | ||
30 | |||
31 | |||
32 | (% style="text-align:center" %) | ||
33 | [[image:3viertel.png||height="148" width="400"]] | ||
34 | |||
35 | |||
36 | ))) | ||
37 | |(% style="height:300px" %)((( | ||
38 | |||
39 | |||
40 | (% style="text-align:center" %) | ||
41 | [[image:2viertel.png||height="152" width="400"]] | ||
42 | |||
43 | |||
44 | ))) | ||
45 | |(% style="height:300px" %)((( | ||
46 | |||
47 | |||
48 | (% style="text-align:center" %) | ||
49 | [[image:1viertel.png||height="155" width="400"]] | ||
50 | |||
51 | |||
52 | ))) | ||
53 | |(% style="height:310px" %)((( | ||
54 | |||
55 | |||
56 | (% style="text-align:center" %) | ||
57 | [[image:1viertel.png||height="155" width="400"]] | ||
58 | |||
59 | |||
60 | ))) | ||
61 | |(% style="height:300px" %)((( | ||
62 | |||
63 | |||
64 | (% style="text-align:center" %) | ||
65 | [[image:1viertel.png||height="155" width="400"]] | ||
66 | |||
67 | |||
68 | ))) | ||
69 | |(% style="height:300px" %)((( | ||
70 | |||
71 | |||
72 | (% style="text-align:center" %) | ||
73 | [[image:2viertel.png||height="155" width="400"]] | ||
74 | |||
75 | |||
76 | ))) | ||
77 | |((( | ||
78 | |||
79 | |||
80 | (% style="text-align:center" %) | ||
81 | [[image:3viertel.png||height="155" width="400"]] | ||
82 | |||
83 | |||
84 | ))) | ||
85 | |||
86 | |||
87 | ))) | ||
88 | |||
89 | (% class="col-xs-12 col-sm-6" %) | ||
90 | ((( | ||
91 | (% class="box" %) | ||
92 | ((( | ||
93 | **2. **Füge jetzt Schritt für Schritt die Bausteine zu deinem Skript hinzu. | ||
94 | |||
95 | [[image:labyrinthstich.png||alt="Labyrinth Stitch Code"]] | ||
96 | ))) | ||
97 | ))) | ||
98 | ))) | ||
99 | |||
100 | |||
101 | (% class="row" %) | ||
102 | ((( | ||
103 | (% class="col-xs-12 col-sm-6" %) | ||
104 | ((( | ||
105 | |||
106 | ))) | ||
107 | |||
108 | (% class="col-xs-12 col-sm-6" %) | ||
109 | ((( | ||
110 | (% class="box" %) | ||
111 | ((( | ||
112 | **3. **Kontrolliere die Bausteine, falls es noch nicht klappt. | ||
113 | ))) | ||
114 | ))) | ||
115 | ))) | ||
116 | |||
117 | (% class="row" %) | ||
118 | ((( | ||
119 | (% class="col-xs-12 col-sm-6" %) | ||
120 | ((( | ||
121 | (% class="box infomessage" %) | ||
122 | ((( | ||
123 | 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. | ||
124 | ))) | ||
125 | ))) | ||
126 | |||
127 | (% class="col-xs-12 col-sm-6" %) | ||
128 | ((( | ||
129 | (% class="box" %) | ||
130 | ((( | ||
131 | **4. **Um den Stich zu verwenden, setze zuerst die Variablen, dann verschicke die Nachricht in einer Schleife. | ||
132 | |||
133 | [[image:labyrinthstich_wss_variablen.png||alt="labyrinth_wss.png"]] | ||
134 | ))) | ||
135 | ))) | ||
136 | ))) | ||
137 | |||
138 | (% class="row" %) | ||
139 | ((( | ||
140 | (% class="col-xs-12 col-sm-12" %) | ||
141 | ((( | ||
142 | |||
143 | |||
144 | (% class="box infomessage" %) | ||
145 | ((( | ||
146 | **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.** | ||
147 | ))) | ||
148 | |||
149 | (% class="box infomessage" %) | ||
150 | ((( | ||
151 | Darunter siehst die mathematische Analyse des Gitterstichs. Vergleiche sie mit dem Code oberhalb um zu verstehen was passiert. | ||
152 | |||
153 | (% aria-label="Folie10.PNG Bild Steuerelement" contenteditable="false" role="region" tabindex="-1" %) | ||
154 | ((( | ||
155 | |||
156 | ))) | ||
157 | ))) | ||
158 | |||
159 | (% style="text-align:center" %) | ||
160 | [[image:Labyrinth Stich deutsch.PNG||alt="Folie9.PNG"]] | ||
161 | ))) | ||
162 | ))) |