Spur eines Fahres erstellen

Basti · 31. Juli 2015, 14:32

Hallo,

ich habe einen Surfer auf dem Meer.
Und dieser Surfer soll hinter sich eine Spur erstellen, eben genau da, wo er gefahren ist.
Ich hoffe, das Beispielbild verdeutlicht das ein wenig.

Ich habe nur keine Idee, wie man das am besten umsetzen könnte.
Ich dachte erst daran, dass Objekte in gewissen Abständen erstellt werden, die transparente Kreise zeichnen.
Im Prinzip funktioniert das, aber

a) mehrere transparente Kreise, sie sich überlappen, sind ja nicht mehr so transparent
b) je schneller der Surfer wird (er verändert seine Geschwindigkeit) desto mehr Objekte müssten ja kreiert werden, da sonst Lücken entstehen.

Hat jemand eine Idee für eine ellegante Lösung?

Nico001 · 31. Juli 2015, 15:55

Soll die Spur auch langsam verblassen? Also nach einer gewissen zeit verschwinden?

Basti · 31. Juli 2015, 16:07

Wäre cool, ja. Sieht wahrscheinlich etwas realistischer aus.

Wobei immer nur das kurze Stück zu sehen ist, also wäre es nicht tragisch, sollte es nicht verblassen (falls das erheblich einfacher ist).

Rhazul · 31. Juli 2015, 16:14

Ach, da gibt es unzählige Möglichkeiten. Du kannst es
1) Mit GMs Partikelsystem lösen (wahrscheinlich am einfachsten)
2) Ein Surface erstellen und dann darauf die gewünschten Kreise etc malen mit alpha 1, dann das surface mit sinkendem alphawert malen, wird aber wahrscheinlich nicht einen so tollen Effekt erzielen
3) Die Kreise auf ein Surface malen mit (bm_src_color,bm_src_alpha), dann das surface auf die Wellen malen
EDIT: du könntest dann auch einfach ein Array im Spieler erstellen welches bspw. die letzten 10 Positionen für den gemalten Kreis beinhaltet und die Positionen so in der Art berechnen
(pseudo)

GML-Quellcode

var dir = point_direction(x,y,xprevious,yprevious);
var len = 15;
var xx = x;
var yy = y;
repeat(anzahl)
xx = xx + lengthdir_x(dir,len);
yy = yy + lengthdir_y(dir,len);

Nur auf die schnelle das wird so natürlich nicht richtig funktionieren, nur um dir ein bisschen Anregung zu geben welche Funktionen man nutzen kann

Chinafreak · 31. Juli 2015, 16:14

Du könntest das mit dem Surface und Blending realisieren.

[EDIT]

da war einer schneller.

Basti · 31. Juli 2015, 16:31

Ich glaube ich schau mir das dann mit den Surfaces nochmal an.
Habe die noch nie wirklich verwendet, nur damals einmal kurz angesehen...
Ich schau es mir mal an, danke schonmal!

Rhazul · 31. Juli 2015, 16:40

Also das was ich eben gefunden hab war ein haufen Kot, hab mal kurz das hier geschrieben, ich denke darauf kann man aufbauen :

GML-Quellcode

var sprite = sprite_index;
var x1 = x;
var y1 = y;
var len = speed;
var dist = 5;
draw_sprite_ext(sprite,0,x,y,1,1,0,c_white,1);
for (var i = 1; i < len; i++) {
x1 += lengthdir_x(dist,point_direction(x,y,xprevious,yprevious));
y1 += lengthdir_y(dist,point_direction(x,y,xprevious,yprevious));
draw_sprite_ext(sprite,0,x1,y1,1,1,0,c_white,1/i);
}

Alles anzeigen

Basti · 1. August 2015, 12:54

Ich habs lösen können, allerdings irgendwie ganz anders als dein Code, kann damit gerade nicht viel anfangen.

Wenn ich jetzt das mit der Transparenz hinbekommen möchte: Geht das über eine Alpha-Maske?
Kann ich einefach eine Maske über mein Surface legen?
Konnte dazu nichts finden.

Rhazul · 1. August 2015, 15:56

Du musst eigentlich nichts weiter machen als :
1) ein Sprite erstellen, nehmen wir einen weißen Kreis, 32x32 oder so, origin auf center.
2) obigen code in das draw event deines Spielers einfügen, falls du da sonst nichts drin hast, musst du dahinter noch draw_self() aufrufen.
3) var sprite auf dein eben erstelltes Sprite setzen
4) ? -> profit
sollte ungefähr eine Minute dauern zu implementieren, und schon zieht dein Spieler eine Spur hinter sich. Falls das dann noch scheisse aussieht, kannst du immernoch was mit den Werten rumspielen.
EDIT: Um es nochmal klarzustellen, daür benötigst du keine Surfaces oder sonstiges

Chinafreak · 1. August 2015, 16:16

obj_controller:

Create Event:

GML-Quellcode

surf = surface_create(room_width, room_height);

Step Event:

GML-Quellcode

surface_set_target(surf);
draw_set_alpha(0.025);
draw_set_color(c_black);
draw_rectangle(0, 0, room_width, room_height, false);
draw_set_alpha(1);
draw_set_color(c_white);
if (instance_exists(obj_player)){
draw_circle(obj_player.x-view_xview[0],obj_player.y-view_yview[0], 8, false);
draw_line_width(obj_player.pre_x-view_xview[0], obj_player.pre_y-view_yview[0], obj_player.x-view_xview[0],obj_player.y-view_yview[0], 16);
}
surface_reset_target();

Alles anzeigen

Draw Event:

GML-Quellcode

draw_set_blend_mode( bm_add );
draw_surface_ext(surf, 0, 0, 1, 1, 0, c_white, 0.5);
draw_set_blend_mode( bm_normal );

obj_player:

Create Event:

GML-Quellcode

pre_x = x;
pre_y = y;

Step Event:

GML-Quellcode

pre_x = x;
pre_y = y;
x += lengthdir_x(10, point_direction(x,y,mouse_x, mouse_y));
y += lengthdir_y(10, point_direction(x,y,mouse_x, mouse_y));
image_angle = point_direction(x,y,mouse_x, mouse_y);

Das ist genau, was du wolltest.
Inklusiv: Es ensteht keine Lücken, auch wenn du schnell surfst + transparent (unter draw_surface_ext).

Download: https://www.dropbox.com/s/37npoua9chztx1r/Trail.gmz?dl=0

[EDIT:]

statt pre_x und pre_y kannst du auch xprevious und yprevious benutzen.

Basti · 2. August 2015, 19:10

Mhh... das Problem ist bei mir, dass das Spiel bei mir etwas anders abläuft.
Und zwar bewegt sich der Spieler nicht im Raum, sondern er bleibt fest, und nur der Hintergrund bewegt sich nach oben.
(Dazu dann auch diverse Hindernisse etc.)

D.h. die im Survace gedrawte Spur muss sich ja auch entsprechend bewegen.

Das sieht aktuell so bei mir aus:

GML-Quellcode

surface_set_target(surface);
draw_clear_alpha(0,0);
draw_set_color(c_white);
for(i = 0; i < 200; i += 1)
{draw_circle(spur_x[i],i-40,16,false);}
surface_reset_target();

Dabei wird spur_x vorher immer entsprechend verändert.
Das funktioniert ganz gut, also die Spur ist so, wie sie sein soll.
Nur das blasser werden ist leider nicht drin.

Da die Spur ja nur so ca. die obersten 160 Pixel einnimmt, dachte ich, man könnte dort einfach eine Alpha Maske mit einem Schwarz-Weiß Verlauf drüber legen.
Aber so etwas geht technisch gar nicht?

Rhazul · 2. August 2015, 23:21

GML-Quellcode

var sprite = spr_whiteCircle;
var x1 = view_wview/2;
var y1 = view_hview/2;
var len = beliebigeGeschwindigkeit;
var dist = 5;
draw_sprite_ext(sprite,0,x,y,1,1,0,c_white,1);
for (var i = 1; i < len; i++) {
x1 += lengthdir_x(dist, scrollRichtungBackground);
y1 += lengthdir_y(dist,scrollRichtungBackground);
draw_sprite_ext(sprite,0,x1,y1,1,1,0,c_white,1/i);
}

Alles anzeigen

Basti · 2. August 2015, 23:29

Ohne es jetzt ausgetestet zu haben, aber da habe ich doch dann immer nur eine gerade Spur hinter mir, oder nicht?

So soll es ja nicht sein.

Rhazul · 3. August 2015, 13:53

Das sollte jetzt kein wirkliches Problem sein da eine Krümmung reinzubekommen. Bau es doch erstmal ein und dann können wir gucken wie wir das hinkriegen. Und das suface kannst du dann auch rausschmeissen

@3D2Y Bandicoot way to be. So kann man bequem Punkte sammeln ohne je was sinnvolles beigetragen zu haben
Und dann später wundert man sich wenn jemand ***Gold*** Status hat der keine kompetente Antwort liefern kann
naja, jeder wie er will

EDIT by TrunX: Der Spam von Gtsanas und die Antworten darauf wurden gelöscht.

Basti · 3. August 2015, 14:51

Ja ist drin.
Aber wie soll man denn da jetzt ne Krümmung reinbekommen?

Bild 1 zeigt, wie es jetzt ist, ohne, dass es transparenter wird, aber mit Krümmung.
Bild 2 zeigt deine Variante. Wird zwar transparenter, aber ohne Krümmung.

Rhazul · 3. August 2015, 15:09

Create event :

GML-Quellcode

Sdir = 0;

draw event :

GML-Quellcode

//bspw : (musst was mit Werten spielen)
scr_surf_trail(spr_trail,x,y,trailLength,3,.1,scrollDir);

Skript :

GML-Quellcode

///scr_surf_trail(sprite,x,y,length,seperation,smoothness,direction)
var sprite = argument0; // zu malendes Sprite
var x1 = argument1; // Start x Koordinate
var y1 = argument2; // Start y Koordinate
var len = argument3; // Länge der Spur
var dist = argument4; // Abstand zwichen gemalten sprites
var smooth = argument5; // Stärke der Krümmung
var dirPart = Sdir;
Sdir = argument6;
dirPart = angle_difference(Sdir,dirPart);
for (var i = 1; i < len; i++) {
x1 += lengthdir_x(dist,Sdir - (dirPart*i)*smooth);
y1 += lengthdir_y(dist,Sdir - (dirPart*i)*smooth);
draw_sprite_ext(sprite,0,x1,y1,1,1,0,c_white,1/i);
}

Alles anzeigen

voila, bitte schön.
Nichts ist unmöglich! (toyota) :thumbsup:

Basti · 3. August 2015, 17:38

Nee, das sieht nicht aus.
Die Spur wirkt einfach immer fest hinter dem Surfer. Mal gerade, mal gekrümmt, aber nicht so, als wenn sie direkt auf dem Wasser wäre.
Das sieht bei der Surface-Variante schon so aus, da sich die Spur da mit dem Hintergund passend mit bewegt und so die passenden Kurven gezeichnet werden...

Rhazul · 3. August 2015, 19:57

Ich habs doch getestet...
Sah genau so aus wie bild1
Natürlich nicht mit nem scrollenden Hintergrund, aber ohne jetzt scheisse rüberzukommen, ein bisschen selber denken sollte doch drin sein..
Wenns kacke aussieht dann musst du halt noch ne zwichenvariable einbauen welche dann langsamer rotiert.

Basti · 4. August 2015, 00:24

Ich habe mal ein Video gemacht, damit du siehst, was ich meine.
Und an den Werten herumspielen bringt da nichts, da es ja von Grund auf schon ein ganz anderes System ist.
Weiß nicht, wie das da so aussehn soll, als sei es auf dem Wasser.
Immer, wenn der Surfer sich gerade nicht dreht, ist die Spur gerade, obwohl er vorher einen Bogen gefahren ist.

file-upload.net/download-10816483/spur.mp4.html

3D2Y Bandicoot · 4. August 2015, 00:44

Mal kurz was von mir,

Ich habe ebenfalls Rhazuls Example getestet, und es funktioniert wie auf Bild 1, eig. so wie dus haben wolltest

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

GML-Quellcode

Ähnliche Themen