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