Wiki source code of Regenbogen

Last modified by Stella170101 on 2020/08/17 11:44
Show last authors
1 (% style="display: flex; align-items: center; margin-bottom: 2em" class="row" %)
2 (((
3 (% class="col-xs-12 col-sm-8" %)
4 (((
5 (% class="badge errormessage" %)** PRO **(%%)** In this tutorial you learn how to code a rainbow!**
6
7 //(32.7 x 62.2 mm)//
8 )))
9
10 (% class="col-xs-12 col-sm-4" %)
11 (((
12 [[image:regenbogen_2.png||queryString="width=150&height=110" alt="Regenbogen Example" height="110" width="200" style="float:right"]]
13 )))
14 )))
15
16 (% class="row" %)
17 (((
18 (% class="col-xs-12 col-sm-6" %)
19 (((
20 (% class="box" %)
21 (((
22 That's how the rainbow embroidery looks like:
23
24
25 [[image:1.png||queryString="width=505&height=300" height="300" width="505"]]
26 )))
27 )))
28
29 (% class="col-xs-12 col-sm-6" %)
30 (((
31 (% class="box" %)
32 (((
33 **~1. **At first, create 6 new Embroidery-Objects.
34 //Have a look on how to create an embroidery object [[here>>url:https://wiki.catrobat.org/bin/view/Education/Embroidery/Create%20Embroidery-Objects/]].//
35
36 Every object has one color of the rainbow. That's how your project should look like:
37
38
39 [[image:rainbow_1.png||alt="Regenbogen Schritt 1"]]
40 )))
41 )))
42 )))
43
44 (% class="row" %)
45 (((
46 (% class="col-xs-12 col-sm-6" %)
47 (((
48
49
50 (% style="height:200px" %)
51 |(% style="height:400px" %)(% class="box infomessage" %)
52 (((
53 You must **name each broadcast with the right color**, therefore for always "bow <color>", in which you replace the <color> with the right color's name.
54 )))
55 |(((
56 (% class="box infomessage" %)
57 (((
58 Get the "sew up" tutorial. You can find it [[here>>doc:Education.Embroidery.Sew Up.WebHome]].
59
60
61 Make sure you name the broadcast right too, therefore "sew up <color>, so that the object will be sewn up with the right thread.
62 )))
63
64 (((
65 (% class="box errormessage" %)
66 (((
67 !**Attention**! Make sure, that you also must rename the broadcast in the "sew up" tutorial.
68
69 [[image:rainbow_4.png||queryString="height=100" alt="regenbogen_5.png" height="100" width="auto" style="float:left"]]
70
71
72 )))
73 )))
74 )))
75
76
77 )))
78
79 (% class="col-xs-12 col-sm-6" %)
80 (((
81 (% class="box" %)
82 (((
83 **2. **Now you have to **add** this brickt **to every object**! There you can see the "green" object as an example.
84
85 [[image:rainbow_2.png||alt="Regenbogen Schritt 2"]]
86 )))
87 )))
88 )))
89
90 (% class="row" %)
91 (((
92 (% class="col-xs-12 col-sm-6" %)
93 (((
94
95 )))
96
97 (% class="col-xs-12 col-sm-6" %)
98 (((
99 (% class="box" %)
100 (((
101 **3. **Add those bricks into the script of the **background**.
102
103 [[image:rainbow_3.png||alt="Regenbogen Schritt 3"]]
104 )))
105 )))
106 )))
107
108 (% class="row" %)
109 (((
110 (% class="col-xs-12 col-sm-6" %)
111 (((
112
113 )))
114
115 (% class="col-xs-12 col-sm-6" %)
116 (((
117 (% class="box" %)
118 (((
119 **4. **Check the bricks, if it still doesn’t work.
120 )))
121 )))
122 )))
123
124
125 (% class="row" %)
126 (((
127 (% class="col-xs-12 col-sm-12" %)
128 (((
129 (% class="box successmessage" %)
130 (((
131 Congratulations for finishing this tutorial! Once you have completed this tutorial please go to [[https:~~/~~/code.org/api/hour/finish>>https://code.org/api/hour/finish]] to get your certificate.
132 )))
133 )))
134 )))