Wiki-Quellcode von Fill Areas Automatically
Zuletzt geändert von Michael Jagoutz am 2021/03/22 07:28
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 warningmessage" %)** MEDIUM **(%%)** In diesem Tutorial lernst du wie man ein Objekt automatisch füllt.** | ||
6 | |||
7 | |||
8 | [[**hier kommst du zur Downloadseite des Beispielprogrammes~>~>**>>https://share.catrob.at/app/project/9d2253f0-eda5-11ea-9251-005056a36f47]] | ||
9 | |||
10 | //Hier kannst du die Beschreibung im [[PDF-Format>>attach:Objekte füllen.pdf]] downloaden!// | ||
11 | ))) | ||
12 | |||
13 | (% class="col-xs-12 col-sm-4" %) | ||
14 | ((( | ||
15 | [[image:20200902_144629.jpg||queryString="width=150" height="244" style="float:right" width="250"]] | ||
16 | ))) | ||
17 | ))) | ||
18 | |||
19 | (% class="row" %) | ||
20 | ((( | ||
21 | (% class="col-xs-12 col-sm-6" %) | ||
22 | ((( | ||
23 | (% class="box" %) | ||
24 | ((( | ||
25 | **~1. Erstelle zuerst ein neues Objekt. Es ist das Objekt, das du füllen willst. Benenne es "gefülltesObjekt".** | ||
26 | |||
27 | Du kannst das Objekt zeichnen oder eines aus der Medienbibliothek nehmen. | ||
28 | |||
29 | |||
30 | (% class="box warningmessage" %) | ||
31 | ((( | ||
32 | Beachte, dass du nur einfache Formen füllen kannst. Wenn dein Design zu kompliziert ist, wird es nicht funktionieren. | ||
33 | |||
34 | |||
35 | [[image:FilledObjects.png||height="auto" width="200"]] | ||
36 | ))) | ||
37 | ))) | ||
38 | ))) | ||
39 | |||
40 | (% class="col-xs-12 col-sm-6" %) | ||
41 | ((( | ||
42 | (% class="box" %) | ||
43 | ((( | ||
44 | **2. **Füge nun Bausteine in dein Skript hinzu. | ||
45 | |||
46 | Setze zuerst die Transparenz deines Objektes auf 50%. | ||
47 | |||
48 | [[image:transparenz.png||alt="setTransparency.png" width="300"]] | ||
49 | |||
50 | Setze dann die Größe mithilfe dieses Blocks. | ||
51 | |||
52 | [[image:setzeGröße.png||alt="setSize.png" width="300"]] | ||
53 | |||
54 | Platziere zu guter letzt dein Objekt an der richtigen Stelle. | ||
55 | |||
56 | [[image:SetzeAnPosition.png||alt="placeat.png" width="300"]] | ||
57 | |||
58 | Tipp: Wenn du kurz auf den Baustein tippst, kannst du das Objekt auch visuell platzieren. | ||
59 | |||
60 | |||
61 | ))) | ||
62 | ))) | ||
63 | ))) | ||
64 | |||
65 | (% class="row" %) | ||
66 | ((( | ||
67 | (% class="col-xs-12 col-sm-6" %) | ||
68 | ((( | ||
69 | (% class="box" %) | ||
70 | ((( | ||
71 | **3. Erstelle nun ein neues Stickobjekt.** | ||
72 | |||
73 | //Wie du ein neues Stickobjekt erstellst findest du [[hier>>https://share.catrob.at/app/project/9d2253f0-eda5-11ea-9251-005056a36f47]].// | ||
74 | |||
75 | |||
76 | |||
77 | |||
78 | |||
79 | |||
80 | Überall wo der Text "Berührt Figur oder Objekt" steht musst du eine Eigenschaft hinzufügen. | ||
81 | |||
82 | Gehe dafür in de Formel Editor und folge diesen Schritten: | ||
83 | |||
84 | |||
85 | [[image:FormelEditor.png||alt="Properties.png" height="265" width="316"]] | ||
86 | |||
87 | |||
88 | [[image:physikalischeEigenschaften.png||alt="touches actor or object.png" height="397" width="315"]] | ||
89 | |||
90 | |||
91 | [[image:ObjektAuswählen.png||alt="choose right object.png" height="155" width="315"]] | ||
92 | |||
93 | |||
94 | Nun sollte dort der gleich Text wie rechts im Bild stehen. | ||
95 | |||
96 | |||
97 | (% class="box errormessage" %) | ||
98 | ((( | ||
99 | **Vorsicht! ** | ||
100 | \\Steht ein "**NICHT**" vor der Eigenschaft, so musst du auch dieses hinzufügen. Du findest es im **Formel Editor** unter **Logik**. | ||
101 | ))) | ||
102 | |||
103 | |||
104 | |||
105 | |||
106 | ))) | ||
107 | ))) | ||
108 | |||
109 | (% class="col-xs-12 col-sm-3" %) | ||
110 | ((( | ||
111 | (% class="box" %) | ||
112 | ((( | ||
113 | **4. **Füge nun diese Bausteine zu deinem Skript hinzu. | ||
114 | |||
115 | [[image:FülleObjektCode1.0.png||alt="FillObjectCode1.0.png"]] | ||
116 | |||
117 | |||
118 | ))) | ||
119 | ))) | ||
120 | |||
121 | (% class="col-xs-12 col-sm-3" %) | ||
122 | ((( | ||
123 | |(% style="height:900px" %) | ||
124 | |(% class="box infomessage" %)((( | ||
125 | Du musst diese Position visuell links von deinem Objekt, welches du füllen möchtest, platzieren. Die Nadel wird dann so lange nach rechts wandern bis sie auf dein Objekt triff. Dann wird sie es füllen. | ||
126 | ))) | ||
127 | |||
128 | |||
129 | ))) | ||
130 | ))) | ||
131 | |||
132 | |||
133 | (% class="row" %) | ||
134 | ((( | ||
135 | (% class="col-xs-12 col-sm-6" %) | ||
136 | ((( | ||
137 | |||
138 | ))) | ||
139 | |||
140 | (% class="col-xs-12 col-sm-6" %) | ||
141 | ((( | ||
142 | (% class="box" %) | ||
143 | ((( | ||
144 | **5. Kontrolliere die Bausteine, falls es noch nicht klappt.** | ||
145 | |||
146 | **Hier siehst du ein süßes Beispiel um zu erkennen was möglich ist:** | ||
147 | |||
148 | [[image:20200902_144703.jpg||height="323" width="247"]] | ||
149 | ))) | ||
150 | ))) | ||
151 | ))) |