Home    General Stuff    Deutsche LittleBigPlanet Community    Die Baustelle    Tutorials
#1

Backgrounds, ganz ohne 3D

Archive: 17 posts


Heyo Leute,

habs ja schon mehr oder weniger angeteasert, dass ich mal nen kleines Tutorial zu Hintergr?nden und Landschaften machen wollte, die ganz ohne den 3D Glitch auskommen.

Vorweg: Ne Allzweck-Alternative f?r den 3D Glitch hab ich auch nicht. Aber ich seh oft, wie 3D Glitch eingesetzt wird, wo eigentlich garkeiner n?tig gewesen wäre. Ich mach daraus gar niemandem nen Vorwurf, zumal jeder so seinen eigenen Geschmack in der Level-Optik gerne in seine Werke einbringen darf. Manchmal hab ich aber das Gef?hl, dass ?berhaupt nicht in Betracht gezogen wird, Gebirgsketten, Metropolen-Skylines, o.?. in den 3 spielbaren Layers umzusetzen und dann einfach provisorisch auf den Glitch zurückgegriffen wird.

Bei klassischen Sidescrollern, Levels mit nur einer Kameraeinstellung (Minigames, Shooter, etc) oder denen, die komplett ohne Sackboy auskommen, ist es eigentlich total einfach mit den 3 normalen Layers nen coolen Background zu zaubern.


Extremely basic stuff

Obwohl ich hier niemanden f?r dumm verkaufen will, fang ich einfach mal bei den very basics an und erkl?r erstmal die Grundregeln von Fluchtpunktdarstellungen, bevor ich auf die eigentlichen Hintergr?nde eingeh. Schaden kann das ja nicht.

Dass Objekte kleiner erscheinen, die weiter entfernt sind, d?rfte wohl f?r keinen neu sein. Eher seh ich die Schwierigkeit darin, festzustellen, wo sich der Fluchtpunkt in meinem Level befindet und dann die Objekte ordentlich danach auszurichten.

http://id.lbp.me/img/ft/a0d875fb43c888c33b368a4ab7e9646a91e0d288.jpg
Oft befindet der sich nicht in der Mitte des Bildschirms, sondern weiter unten, weil man in vielen Levels mehr vom Himmel sehen m?chte, statt auf den Fu?boden zu starren. Aus den Ecken des Bildschirms zieht man Linien zum Fluchtpunkt, um Hilfslinien zu erhalten. Auf H?he des Fluchpunkts befindet sich der Horizont. Alles, was sich nicht unterhalb der Kamera befindet, geh?rt also selbsterkl?rend ?berhalb des Fluchtpunktes. Kurz: Fu?boden unten, Wolken oben.

http://i0.lbp.me/img/ft/9e079cb1da7ce08bf15873f4a40a8c24fa2d70eb.jpg
Weil man sich als Betrachter in aller Regel ?berhalb des Bodens befindet, werden Objekte h?her platziert, die weiter entfernt sind. Klaro.

http://i6.lbp.me/img/ft/d26ee1bcfeebb171d9a462b79f3dafeb7ef83f5c.jpg
Wenn man den Horizont ausgeschm?ckt hat, kann man sich dran machen, Objekte im Bild zu platzieren. Hilfslinien helfen hier, um sich besser im Raum zu orientieren.

http://i2.lbp.me/img/ft/8a2d7a11b14f076b062dd3bb023d458360ceef39.jpg
Selbes gilt bei mehreren Objekten. Evtl ist es ne Hilfe, sich Schachbretter vorzustellen, die kleiner und filigraner werden, je weiter sie vom Betrachter entfernt sind.

http://ia.lbp.me/img/ft/23ae3a79d4eb4886c857898e16c584ab0eb34aa4.jpg
Der Schritt zu dreidimensionalen Formen ist dann auch nichtmehr weit: Einfach die Ecken aller sichtbaren Kanten jeweils miteinander verbinden und man erh?lt die sichtbaren Fl?chen der Form.


1-Screen Backgrounds

Jetzt zum eigentlichen Grund des Threads, den Hintergr?nden.

http://i6.lbp.me/img/ft/b56c4999f1b8b95337f1bd77238902383e607291.jpg
Bei stillstehenden Kameras kann man recht einfach nen coolen Background zaubern. Um die Tiefe m?glichst echt wirken zu lassen und (wortw?rtlich) Atmosph?re zu erzeugen, kann man weiter entfernte Objekte in der Transparenz reduzieren, oder (falls sich Objekte ?berlappen) zumindest farblich an den Himmel anpassen.


Sidescroller Backgrounds (mit Spielerbewegung)

Okay, genug von den Basics, jetzt gibts Bisschen Technik. Nix gro?es, aber zumindest hab ichs bisher leider erst selten in anderen Levels gesehen: Backgrounds, die sich mit dem Spieler bewegen. Funktioniert am besten bei gleichm??iger Scrollgeschwindigkeit, mit den richtigen Einstellungen bekommt man aber auch nen akzeptables Ergebnis f?r Sackboy-Levels.

http://i4.lbp.me/img/ft/494a8c75ad56422227d5e7e693d073fad5876ac9.jpg
Zu Aller erst brauchs nen Objekt, das dem Spieler, dem Raumschiff oder dem Was-Auch-Immer folgt und die Geschwidigkeit misst, mit der man sich bewegt. Ausgegeben wird die gemessene Geschwidigkeit dann durch zwei Marker; "Links" und "Rechts" hab ich die genannt.

http://ia.lbp.me/img/ft/27aced9e51f93523add858d9c2fcc984f5000d98.jpg
Auf dem Hintergrund platziert man dann nen Chip, der die beiden Markersignale wieder in Bewegung umwandelt. Wichtig: Der Maximalwert des Geschwindigkeitssensors muss nat?rlich h?her sein, als die Geschwidigkeit, die der Spieler erreichen kann. Die Maximalgeschwindigkeit des Hintergrunds muss dagegen niedriger sein, als der maximale Messwert.

Bewegt sich der Hintergrund schneller, als der Vordergrund (sprich: Spieler) wirkt es, als würde man im Kreis rennen.

http://i4.lbp.me/img/ft/514b313ee7b4360cc93e7b3d0dad583a696f409b.jpg
Den Chip kopiert man dann auf alle Hintergrundobjekte. Je weiter vorne, desto langsamer sollte der Beweger eingestellt sein. Das Mapping der Geschwidigkeit sollte auch in etwa der Entfernung zum Hintergrundobjekt entsprechen.

Beispiel: "H?gel" ist 1 Kilometer entfernt und bewegt sich mit 1. "Berg" ist 5 Kilometer entfernt und bewegt sich deshalb mit der 5-fachen Geschwindigkeit von "H?gel". Das erweckt den Anschein, die Gebirgskette würde fast stillstehen, w?hrend die H?gel und D?nen im Vordergrund schneller vorbeiziehen.

http://ib.lbp.me/img/ft/9eb3f609077029ab221b40807f952f7efcdab3a9.jpg

Wenn alles funktioniert, sollte sich der Hintergrund folgenderma?en verschieben:
http://id.lbp.me/img/ft/3adb7dbca3e8e920c7ecc21bbcebe53bf041d53a.jpg
Um den Tiefen-Effekt zu verst?rken, kann man im Vordergrund noch den schicken Cross-Control-Nebel einbauen. Der macht sich fast immer gut bei sowas.


Der Vollst?ndigkeit halber:

Steht der Spieler still und nur der Hintergrund bewegt sich, kehrt man das Prinzip ganz einfach um und bekommt den selben Bewegungs-Effekt: Berge, die langsam im Hintergrund vorbeiziehen und D?nen, die schnell an einem vorbeizischen, lassen den Spieler ultra schnell aussehen.


- - - - - - - - - -

So, viel mehr finde ich zu dem Thema nichtmehr zu sagen und ich denke das is auch gut so^^ Auch, wenn ich hier und da auch mal ziemlich offensichtliche Sachen wiedergek?ut hab, hoff ich doch, dass ihr auch n?tzliche Infos oder neue Denkanst??e aus dem Artikel ziehen konntet.

Gern geschrieben,
shaggy
2014-09-01 17:20:00

Author:
Shaggy Vinci
Posts: 969


Bravooo! Das ist doch mal ein wirklich klasse Tutorial! Werd ich beim n?chsten mal gleich mal versuchen und damit ein bi?erl experimentieren!
Vielen Dank und liebe Grüße, Jürgen^^
2014-09-02 01:25:00

Author:
CuriousSack
Posts: 3981


Tolles Tutorial mit Dingen die man gerne mal vergisst - danke Shaggy! ^^
Bei meinen Plattform-Levels bleibe ich jedoch sicher mal bei 3D. ^^
Ausserdem k?nnen diese in LBP3 ja auch endlich spielerisch genutzt werden = YAY! ^^

Lediglich bei Stickerobjekten / Monstern auf einer Ebene
muss der Tiefeneffekt nat?rlich nachwievor "zeichnerisch" erzeugt werden.
Wobei LBP beim kopieren ?berlappender Stickerplatten ja gerne die Reihenfolge durcheinander bringt. -.-
Hoffe, dass man sich da das m?hsame zurechtschneiden in LBP3 auch gleich sparen kann.
2014-09-02 09:12:00

Author:
Lumina
Posts: 641


Super geschrieben, danke Shaggy! 2014-09-02 09:23:00

Author:
Schnupsi
Posts: 506


Hoffe, dass man sich da das m?hsame zurechtschneiden in LBP3 auch gleich sparen kann.
Wird sich zeigen, aber ich wäre da mal ganz optimistisch^^

Hab mir ?berlegt, evtl noch 2- bzw 3-Punkt-perspektive dazu zu editieren. W?re kein gro?er Aufwand f?r mich und zumindest in meinem pers?nlichen Umfeld seh ich, dass Leute oft Schwierigkeiten damit haben.
2014-09-02 13:03:00

Author:
Shaggy Vinci
Posts: 969


Perfekt! Sehr gutes Tutorial!2014-09-07 15:36:00

Author:
avundcv
Posts: 2526


Gutes tutorial, auch wenn ich mir das mit den Fluchtpunkten da schon dachte. Ich stelle es mir in LBP allerdings ziemlich umst?ndlich vor die richtig auszuloten.


Beispiel: "H?gel" ist 1 Kilometer entfernt und bewegt sich mit 1. "Berg" ist 5 Kilometer entfernt und bewegt sich deshalb mit der 5-fachen Geschwindigkeit von "H?gel". Das erweckt den Anschein, die Gebirgskette würde fast stillstehen, w?hrend die H?gel und D?nen im Vordergrund schneller vorbeiziehen.
In deinem Beispiel würde das Hintere schneller vorbeiziehen, als das vordere. Sollte das nicht eigentlich umgekehrt sein?^^

Ps: Beitrag 100 auf LBPC.
2014-09-21 11:40:00

Author:
Karrades
Posts: 134


auch wenn ich mir das mit den Fluchtpunkten da schon dachte.

Auch, wenn ich hier und da auch mal ziemlich offensichtliche Sachen wiedergek?ut hab, hoff ich doch, dass ihr auch n?tzliche Infos oder neue Denkanst??e aus dem Artikel ziehen konntet.



In deinem Beispiel würde das Hintere schneller vorbeiziehen, als das vordere. Sollte das nicht eigentlich umgekehrt sein?^^

Du vergisst, dass sich der Spieler, also die Kamera, immer schneller bewegt, als der Hintergrund^^ Aus Sicht des Spielers bewegt sich der H?gel also durchaus schneller, als der Berg. (In dem Beispiel nehm ich an, dass sich der Spieler schneller als 5 bewegt)
2014-09-21 12:13:00

Author:
Shaggy Vinci
Posts: 969


Ich weis, aber du hast oben geschrieben, dass der Berg, der 5mal so weit weg sein soll auch 5mal so schnell vorbeizieht wie der H?gel.2014-09-22 11:20:00

Author:
Karrades
Posts: 134


Hmm, tut mir leid, aber das hab ich nirgens geschrieben.

Du meinst wahrscheinlich den Teil hier:



Beispiel: "H?gel" ist 1 Kilometer entfernt und bewegt sich mit 1. "Berg" ist 5 Kilometer entfernt und bewegt sich deshalb mit der 5-fachen Geschwindigkeit von "H?gel". Das erweckt den Anschein, die Gebirgskette würde fast stillstehen, w?hrend die H?gel und D?nen im Vordergrund schneller vorbeiziehen.
2014-09-22 14:04:00

Author:
Shaggy Vinci
Posts: 969


Yep, Karrades, Shaggy hat v?llig recht! Wenn Du im Auto f?hrst, dann ziehen die B?ume am Stra?enrand verdammt schnell an Dir vorbei, d.h., Du l??t sie hinter Dir zurück, was vom Fenster aussieht, als würden sie sich schnell bewegen, weil sie sich deutlich langsamer als das Auto bewegen, wohingegen die Gebirgskette im Hintergrund fast stillzustehen scheint! Da das Fenster vom Auto sich beim Fahren selbst schnell bewegt, kommt der Stillstandeffekt der Gebirgskette nur zustande, wenn sich die Gebirgskette ebenfalls schnell bewegt! Wohingegen die schnell vorbeiziehneden B?ume vom Eindruck her entstehen, wenn sie sich deutlich langsamer als das Auto bewegen^^
Hat entfernt was mit Einsteins Relativit?tstheorie zu tun!

Liebe Grüße, Jürgen^^
2014-09-22 15:04:00

Author:
CuriousSack
Posts: 3981


Genau das ist doch das, was ich hier meinte. So wie es oben steht wäre es so, dass die H?gel im Vordergrund langsam an der Kamera vorbeiziehen und das Gebirge im Hintergrund 5mal so schnell. Er hat geschrieben (kurz gefasst): 1km Entfernung = Gschwindigkeit 1; 5km Entfernung = Geschwindigkeit 5. Es m?sste aber umgekehrt sein: 1km Entfernung = Geschwindigkeit 5; 5km Entferung = Geschwindigkeit 1. Wenn man bei den weiter entfernten objekten auch die Geschwindikeit erh?ht würde dieser effekt, als ob man sich im Kreis bewegt zustande kommen.2014-09-22 20:20:00

Author:
Karrades
Posts: 134


tut mir ja wirklich leid, aber es stimmt so, wie ich es gschrieben hatte^^

Wenn sich das Gebirge mit der absoluten Geschwidigkeit 5 und der H?gel mit der absoluten geschwidigkeit 1 bewegt und die Kamera beispielsweise mit der absoluten Geschwindigkeit 6, dann bewegen sich Gebirge relativ mit 1 und die H?gel relativ mit 5 zur Kamera.

Obwohl das Gebirge sich global gesehen schneller bewegt, wirkt es langsamer, weil die Differenz zur Spielergeschwindigkeit geringer ist, als die des H?gels zum Spieler.
2014-09-22 21:11:00

Author:
Shaggy Vinci
Posts: 969


Hahahaha,

nochmal ein anderes Beispiel: Wenn Du mit jemandem joggen gehst, und Du die Geschwindigkeit 5 hast, und ein Freund neben Dir herl?uft, und der auch die Geschwindigkeit 5 hat, dann bleibt der mit Dir auf gleicher H?he, was f?r Dich so aussieht, als würde er sich relativ zu Dir nicht bewegen! Weswegen Du mit ihm auch nebenher ratschen kannst! Stell Dir dann vor, vor Euch joggt ein Dritter, der aber recht langsam (Tempo 1) daherkriecht! So dass Du und Dein Freund schnell aufholt und schlie?lich ?berholt! Und eigentlich willst Du dem langsamen Kriecher noch ein paar aufmunternde Worte zurufen, aber wuuusch! schon seid ihr an ihm vorbei, weil ihr Euch relativ zu ihm rasant schnell wegbewegt! Von Euch aus gesehen schauts so aus, als würde sich der Kriecher rasant schnell nach hinten bewegen!
Zur?ck zur Natur! Im realen Leben haben wir den Eindruck, als würden Dinge, die weiter entfernt sind, sich relativ zu uns langsamer langsamer bzw. kaum bewegen, was dem Joggingpartner entspricht (womit bewiesen wäre, dass Berge unsere Freunde sind! ),, d.h. beweg ich mich mit Tempo 5, dann bewegt sich das Gebirge im Hintergrund auch mit 5, so dass der Eindruck entsteht, dass ich mit dem Gebirge ratschen k?nnte, wohingegen n?here Dinge sich im Vergleich zu uns schnell bewegen (nach hinten), weil sie langsamer sind als wir! Also der Baum am Wegesrand entspricht damit unserem joggenden Kriecher, der von uns schnell ?berholt wird, so dass jeder Zuruf vergebens wäre, eben weil er eine langsame Geschwindigkeit hat (beim Baum geht die Geschwindigkeit gegen 0, aber f?r unser Beispiel geben wir ihm die Geschwindigkeit 1) Je n?her das Objekt, desto langsamer die Geschwindikeit, damit dieser realistische Eindruck entsteht, je ferner das Objekt, desto schneller dess Geschwindigkleit, damit dieser Eindruck entsteht! So, Karrades, wenn ich Dich jetzt total verwirrt hab, dann tuts mir leid, aber ich find das eigentlich ganz einleuchtend!

Liebe Grüße, Jürgen^^
2014-09-23 09:31:00

Author:
CuriousSack
Posts: 3981


Boa, schwere Kost am Morgen - also ich ?bernehm die Rolle des dritten Joggers mit Geschwindigkeit 1

Also wenn ichs richtig verstanden hab:

Wenn sich die Kamera auf dem Sackbot befindet:
1km Entfernung = Geschwindigkeit 1;
5km Entfernung = Geschwindigkeit 5.

Im Falle eines Sidescroll-Shooters z.B. wo die Kamera und das Raumschiff fix an ner Stelle sind
und der Hintergrund an einem vorbeizieht m?sste es dann so funktionieren, wie Karrades beschrieb:
1km Entfernung = Geschwindigkeit 5;
5km Entfernung = Geschwindigkeit 1.
2014-09-23 11:12:00

Author:
Snake-Eater Tom
Posts: 96


Hahaha,

macht mir den armen Karrades nur fertig, jetzt beginnt langsam auch mir der Kopf zu schwirren, aber Tom, wo Du Recht hast, hast Du Recht!
2014-09-23 13:53:00

Author:
CuriousSack
Posts: 3981


Achso, ihr wart da von einer Kamera ausgegangen, die sich bewegt. Ich hatte da die ganze Zeit nur eine statische Kamera, wo die Kulisse dann vorbeizieht im Sinn. Danke f?r die Aufkl?rung Snake-Eater Tom.2014-09-25 20:30:00

Author:
Karrades
Posts: 134


LBPCentral Archive Statistics
Posts: 1077139    Threads: 69970    Members: 9661    Archive-Date: 2019-01-19

Datenschutz
Aus dem Archiv wurden alle persönlichen Daten wie Name, Anschrift, Email etc. - aber auch sämtliche Inhalte wie z.B. persönliche Nachrichten - entfernt.
Die Nutzung dieser Webseite erfolgt ohne Speicherung personenbezogener Daten. Es werden keinerlei Cookies, Logs, 3rd-Party-Plugins etc. verwendet.