Bežiaci text s micro:bit: Rozdiel medzi revíziami

Verzia z 12:50, 10. december 2018

Spoločné zadanie pre celý kružok:

Poskladajte všetky micro:bity do radu a naprogramujte ich tak, aby zobrazili bežiaci text, ktorý vysiela master na kanáli c. 1

HI THERE!

Najprv sa dohodnite ako bude všetko fungovať, rozdeľte si úlohy, naprogramujte najprv po menších skupinách (dvojiciach) a potom všetci spoločne.

Skúmajte sami!
Ak máte úlohu splnenú, môžete vyskúšať komunikáciu s vašim telefónom cez Bluetooth.

micro:bit
Oficiálna Samsung aplikácia pre micro:bit

Skúmajte sami 2!
Ak máte úlohu splnenú, môžete vyskúšať ďalšiu aplikáciu na komunikáciu s vašim telefónom cez Bluetooth.

Bitty Blue
Demo aplikácia pre micro:bit

Do micro:bita treba nahrať príslušný program: http://www.bittysoftware.com/downloads.html#bitty_blue
Zariadenia nebude treba spárovať.
Teraz môžete vyskúšať niektorý z predinštalovaných príkladov

@@ Riadok 11: / Riadok 11: @@
       font-size:  5em;
        color:#FF0000;
+}
+    .marquee {
+    width: 400px;
+line-height: 50px;
+	background-color: Pink;
+	color: Black;
+    white-space: nowrap;
+    overflow: hidden;
+    box-sizing: border-box;
+}
+.marquee p {
+    display: inline-block;
+    padding-left: 100%;
+    animation: marquee 10s linear infinite;
+}
+@keyframes marquee {
+%   { transform: translate(0, 0); }
+% { transform: translate(-100%, 0); }
 }
 </style>
@@ Riadok 16: / Riadok 35: @@
 <marquee behavior="scroll" direction="left" bgcolor="black" height="85" vspace="5"> <BR> Poskladajte všetky micro:bity do radu a naprogramujte ich tak, aby zobrazili bežiaci text, ktorý vysiela master na kanáli c. 1 <BR><BR><BR></marquee>
+<div class="marquee">
+	<p><b>HI THERE!</b></p>
+</div>
 </html>