DrawBitmap Pixelated mit Firemonkey unter Android/GPUCanvas

[milos]

Zitat von TiGü:

Hier geht's doch um dein Spiel in isometrischer Perspektive, oder?
Du willst doch so eine Retro-Computer-Klötzchengrafik, richtig?

In welcher Auflösung generierst du denn dein Originalbild?
In welche Zellauflösung soll's denn kopiert werden?

Genau, das ist richtig

Die Renderauflösung kann man je nach grösse der Ausgabe verändern was auf dem PC auch sehr gut klappt. Auf dem Android mit 308x180 rendering welches in 616x360 angezeigt wird (also quasi 2x vergrössert) sieht das leider sehr "matschig" aus :/

Freundliche Grüsse

[TiGü]

Aber das liegt doch nur an der Interpolation.
Erzeuge doch gleich in der Zielauflösung das Klötzchen-Bild!

Oder du guckst dir mal den TCanvasGpu an und den dahinterliegenden Context, vielleicht kann man ja doch irgendwo den Interpolationsmodus einstellen. Dann entsprechend anpassen und die veränderten Units zum Projekt hinzufügen und den modifierten Canvas registrieren.

[Der schöne Günther]

Ich kenne mich mit FireMonkey noch nicht wirklich aus, aber eine ganz dumme Idee: Was ist denn einen TPixelateEffect auf das Bild zu legen? Über BlockSize kann man die Verpixelung einstellen...

Klar, es ist unnötig das Bild erst hoch-zuinterpolieren um es dann wieder künstlich zu verpixeln, aber besser eine Notlösung als gar keine...

[milos]

Zitat von TiGü:

Aber das liegt doch nur an der Interpolation.
Erzeuge doch gleich in der Zielauflösung das Klötzchen-Bild!

Das weiss ich ja, und wie eben schon gesagt rendere ich das Bild in echtzeit und mir würde nur der Weg mit Set/GetPixel in den Sinn kommen und das würde keinen Sinn machen

Zitat von TiGü:

Oder du guckst dir mal den TCanvasGpu an und den dahinterliegenden Context, vielleicht kann man ja doch irgendwo den Interpolationsmodus einstellen. Dann entsprechend anpassen und die veränderten Units zum Projekt hinzufügen und den modifierten Canvas registrieren.

Daran hab ich auch schon gedacht aber das ist schon ziemlich hart finde ich an den Units rumzuschrauben, ich glaube ich kann da vieles falsch machen

Zitat von Der schöne Günther:

Ich kenne mich mit FireMonkey noch nicht wirklich aus, aber eine ganz dumme Idee: Was ist denn einen TPixelateEffect auf das Bild zu legen? Über BlockSize kann man die Verpixelung einstellen...

Klar, es ist unnötig das Bild erst hoch-zuinterpolieren um es dann wieder künstlich zu verpixeln, aber besser eine Notlösung als gar keine...

Vielen Dank, diesen Effekt kannte ich noch gar nicht und bringt den gewünschten Effekt, auch wenn leider nicht optimal schön gelöst
Hab noch keine tests machen können aber als Not-Lösung wäre es bestimmt geeignet falls ich nichts anderes finde.

Freundliche Grüsse

[Harry Stahl]

Zitat von milos:

Vielen Dank, diesen Effekt kannte ich noch gar nicht und bringt den gewünschten Effekt, auch wenn leider nicht optimal schön gelöst
Hab noch keine tests machen können aber als Not-Lösung wäre es bestimmt geeignet falls ich nichts anderes finde.

Freundliche Grüsse

Wenn Du den noch nicht kanntest, hier gibt es eine gute Übersicht, was die einzelnen FMX-Effekte so machen (incl. beispielhafter bildlicher Darstellung):

http://docwiki.embarcadero.com/RADSt..._Image_Effects

[milos]

Zitat:

Wenn Du den noch nicht kanntest, hier gibt es eine gute Übersicht, was die einzelnen FMX-Effekte so machen (incl. beispielhafter bildlicher Darstellung):

http://docwiki.embarcadero.com/RADSt..._Image_Effects

Danke dafür, da sieht man doch alle sehr schön dargestellt.
Weisst du gerade züfällig ob es möglich ist diese Effekte auf z.B. ein TBitmap anwenden kann und dann ein TCanvas oder TBitmap zurückbekommen kann? Also ohne das man diese nur zwingend mit Controls anwenden kann.

Freundliche Grüsse

[Harry Stahl]

Zitat von milos:

Weisst du gerade züfällig ob es möglich ist diese Effekte auf z.B. ein TBitmap anwenden kann und dann ein TCanvas oder TBitmap zurückbekommen kann? Also ohne das man diese nur zwingend mit Controls anwenden kann.

Freundliche Grüsse

Ja, "zufällig" habe ich in meinem Firemonkey-Buch im Abschnitt über Grafikprogrammierung hierüber einige Ausführungen gemacht und eine kleine Bespiel-Prozedur für diesen Zweck gezeigt.

Die sieht so aus:

Delphi-Quellcode:

function ImgByFilter(bm: TBitmap; FilterName: string): TBitmap;
var
  bmold: TBitmap;
  Filter: FMX.Filter.TFilter;
begin
  Filter := TFilterManager.FilterByName(FilterName);

  if Filter <> nil then
  begin
    bmold := TBitmap.Create (0,0);
    bmOld.Assign(bm);

    // set input
    Filter.ValuesAsBitmap['Input'] := bmOld;

    // set Target only for transition
    Filter.ValuesAsBitmap['Target'] := bm;
    
    // apply and get result
    Result := Filter.ValuesAsBitmap['output'];

    bmOld.Free;
  end;

end;

Aufruf wäre dann z.B. so:

Delphi-Quellcode:

  MyResultBitmap.assign (ImgByFilter (SourceBitmap, 'Pixelate'));
  // oder, wenn das Original verändert werden soll
  // auch "MyBitmap.assign (ImgByFilter (MyBitmap, 'Pixelate'));"

Hatte darauf hingewiesen, dass es nur ein Beispiel ist, für den direkten Abruf von Parameterlosen Filtern / Effekten.

Wenn Du z.B. noch beim Pixelate-Effekt den Blockcount-Wert berücksichtigen willst, könntest Du die Prozedur mit entsprechenden Parameter-Einträgen ergänzen.

In der Procedure könntest Du vor der Zuweisung dann z.B. das wie folgt ergänzen:

Delphi-Quellcode:

if FilterName = 'Pixelate' then begin
  Filter.ValuesAsFloat['BlockCount'] := BlockCountPara; // z.B. 30
end;

Edit: Ach ja, die Units FMX.Filter und FMX.Filter.Standard müssen manuell eingebunden werden, sonst werden nicht alle Filter gefunden.

[milos]

Vielen Dank Harry, das ist genau das was ich gemeint habe.
Funktioniert perfekt!

Freundliche Grüsse

[Harry Stahl]

Prima, das freut mich.

Übrigens, das Bildchen in Beitrag Nr. 11 und der Hinweis, dass es um Spieleentwicklung geht, macht mich ein wenig neugierig:

Mich würde interessieren, verwendest Du da nur FMX-3D-Objekte und Standards oder nutzt Du auch Low Level Routinen z.B. aus der OpenGL Api?

[milos]

Zitat von Harry Stahl:

Übrigens, das Bildchen in Beitrag Nr. 11 und der Hinweis, dass es um Spieleentwicklung geht, macht mich ein wenig neugierig:

Mich würde interessieren, verwendest Du da nur FMX-3D-Objekte und Standards oder nutzt Du auch Low Level Routinen z.B. aus der OpenGL Api?

Da werden mich wohl einige wieder mit grossen Augen ansehen und fragen ob ich noch alle Tassen im Schrank habe, aber auf dem Bild sieht man eine ziemlich fortgeschrittene Version von meiner Software-Render-Engine. Habe Z-Buffering und Backface-Culling erfolgreich implementiert und das ganze läuft sogar ziemlich gut auf den Computern und Smartphones die ich testen konnte. Ich bin gerade dabei das ganze nochmal durchzuplanen und neu zu schreiben denn es gibt einiges das ich besser machen könnte vor allem das mit den Texturen.

Ich habe Firemonkey 3D kurz probiert, war jedoch nicht wirklich davon überzeugt um es für ein Spiel zu verwenden... Vielleicht habe ich nicht lange genug damit rumgespielt um die Stärken darin zu sehen falls welche vorhanden sind.

OpenGL würde ich gerne brauchen... Habe ich jedoch schon öfters mal probiert anzupacken, jedoch war es mir immer zu kompliziert und ich habe aufgegeben.
Und wie das mit OpenGL ES aussieht weiss ich nicht, da müsste ich mich noch informieren wie das mit FMX und Cross-Platform-Unterstützung aussieht und was man damit eigentlich alles machen kann. Falls jemand dazu gute Links hat in denen man sich in FMX & OpenGL ES einarbeiten kann würde ich mich sehr freuen!

Freundliche Grüsse