Automatische Kachelverlegung für Hintergründe

0
  • 0 favourites

Index

Tagged

Attached Files

The following files have been attached to this tutorial:

.capx

tiling-sprites.capx

Download now 82.44 KB

Stats

4,205 visits, 5,445 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Jede zweite Spalte in der Höhe versetzen

Für die Aufmerksamen sieht der letzte Screenshot nicht so aus wie eingangs im Tutorialanfang. Ich habe jede zweite Spalte um die halbe Kachelhöhe nach oben versetzt.

Dazu sind ein paar Anpassungen erforderlich.

In der zweiten Schleife ändern wir von "1 to 20" auf "1 to 10".

In der Aktion "Create object" wird die Formel von loopVarX[]20 auf loopVarX[]40 geändert.

Jede zweite Spalte ist nun nicht mehr belegt.

Wir fügen nun eine zweite "1 to 10" For-Schleife nach der ersten hinzu. Sie ist auch hier ein Unterereignis der For-Schleife "1 to 5". Mittels Copy und Paste kann man den ganzen Schleifencode kopieren. Nur sollte man folgendes sicherstellen:

a) zwichen den Schleifen muss die loopVarX Variable auf 0 gesetzt werden (damit die folgende Schleife wieder von vorne anfangen kann)

b) die X- und Y-Koordinaten der Holzkacheln müssen in der zweiten For-Schleife geändert werden auf loopVarX[]40+20, loopVarY[]100-50*

c) nach der zweiten For-Schleife wird die loopVarX Variable auf 0 gesetzt und die loopVarY um 1 erhöht

Das ist was wir wollten! Erinnert ihr euch, als ich schrieb dass die obere Schleife mit 1 zu 5 statt von 1 zu 4 laufen sollte? Ändert dies entsprechend, startet das Programm und ihr seht, dass ganz unten noch eine versetzte Reihe fehlt. Jede zweite Spalte besteht aus 5 Reihen.

Am Ende habe ich ein OK-Button hinzugefügt, um auf das nächste Layoutfenster springen zu können.

Vollständiges Event sheet:

Porzellankacheln

In Layout 2 habe ich ähnliches gemacht, nur halt mit quadratischen Kacheln. Die Unterschiede hier:

1. Kachelgröße is 20 x 20 Pixel. In der png-Datei sieht man dass die ersten und letzten Reihen bzw. Spalten transparent sind

- warum? weil ich hier in der untersten Ebene einen grauen Hintegrund benötige

- und warum das schon wieder? Eine Änderung des Helligkeitsparameters würde somit auch die Fugen in ihrer Helligkeit ändern. Hier wollte ich eine gleichmäßige Fugenfarbe.

2. Der Nullpunkt ist bei 10,10 - in der Mitte der Kachel. Da hier noch eine Reihe und eine Spalte fehlen würden, habe ich die For-Schleifen auf 21 gesetzt.

Hier das Event sheet:

  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!