selbst erstelltes Image mit transparentem Hintergrund

[Sunny]

Mahlzeit @all,
ich wollte mal fragen, wie es möglich ist ein selbst erstelltes Image mit einem transparentem Hintergrund zu speichern.

Ich hab hier bis jetzt folgenden Code...

Code: Alles auswählen

UsePNGImageDecoder()
UsePNGImageEncoder()

File$="C:\transparent.png"

CreateImage(0,240,240,32)

StartDrawing(ImageOutput(0))
  
  LineXY(10,10,10,220,RGB(0,255,255))
  LineXY(10,120,220,10,RGB(0,255,255))
  LineXY(10,120,220,220,RGB(0,255,255))

StopDrawing()
  
SaveImage(0,File$,#PB_ImagePlugin_PNG)

Bis jetzt hat das Bild allerdings nur einen schwarzen Hintergrund...
Was muss jetzt noch mit dazu kommen, damit der Hintergrund Transparent wird?

Hab schon in der PB-Hilfe nachgesehen, aber das hat mir irgendwie nicht weiter geholfen.

[STARGÅTE]

Hab schon in der PB-Hilfe nachgesehen, aber das hat mir irgendwie nicht weiter geholfen.

Scheinbar sehr sehr oberflächlich ...
CreateImage()

Steht eindeutlig da:

Der 'Tiefe'-Wert kann mit #PB_Image_Transparent kombiniert werden (mit dem bitweisen oder dem '|' Operator), um ein Bild zu erstellen, bei dem der Alpha-Kanal auf völlige Transparenz gesetzt ist.

[Sunny]

Naja, ich hab da schon so einiges aus der Hilfe ausprobiert, aber leider funktioniert nichts so, wie es soll...

Genau wie in diesem fall, denn wenn ich #PB_Image_Transparent nutze, dann wird das komplette Bild Transparent (d.h. auch die blauen Striche sind nicht mehr zu sehen).

[PureLust]

Hi Sunny,

Du musst zuvor noch "DrawingMode(#PB_2DDrawing_AllChannels)" setzen, damit bei den gezeichneten Pixeln auch der AlphaChannel mit beschrieben wird.

[Thorium]

Hi Sunny,

Du musst zuvor noch "DrawingMode(#PB_2DDrawing_AllChannels)" setzen, damit bei den gezeichneten Pixeln auch der AlphaChannel mit beschrieben wird.

Er legt doch garkeinen Alphawert fest. Er legt mit RGB einen Farbwert ohne Transparenzangabe fest. Damit kann PB logischerweise nur setzten das entweder komplett transparent ist oder garnicht.

Nutze nicht RGB, sondern direkt 4 bytes Hexwerte und damit dann auch den Alphakannal.

[PureLust]

Er legt doch garkeinen Alphawert fest. Er legt mit RGB einen Farbwert ohne Transparenzangabe fest. Damit kann PB logischerweise nur setzten das entweder komplett transparent ist oder garnicht.

Nicht ganz. Siehe Doku zu DrawingMode():

#PB_2DDrawing_Default
Dies ist der Standard-Zeichenmodus, wenn das Zeichnen beginnt. Text wird mit festem Hintergrund dargestellt und Grafikflächen werden ausgefüllt. Wenn die aktuelle Ausgabe einen Alpha-Kanal hat, verändern die Zeichen-Operationen nur die Farb-Bestandteile und lassen den Alpha-Kanal unverändert.

Somit bleibt beim Default-Modus der Alpha-Kanal stets auf durchsichtig gesetzt.

Um auch in den Alpha-Kanal schreiben zu können muss DrawingMode() zuvor auf #PB_2DDrawing_AllChannels gesetzt werden.
Erst dann kann durch Angabe eines RGBA()-Farbwertes auch der Alpha-Kanal beschrieben werden.

#PB_2DDrawing_AllChannels
Die Zeichenoperationen werden die Farb-Kanäle und den Alpha-Kanal der Zeichenausgabe verändern. Der Inhalt der Kanäle wird ohne jegliches Vermischen ("Blending") durch die Zeichenoperation ersetzt. Das Zeichnen in diesem Modus hat den gleichen Effekt, wie zuerst mittels dem #PB_2DDrawing_Default Modus zu zeichnen, und dann nochmals die gleiche Zeichenoperation mittels dem #PB_2DDrawing_AlphaChannel Modus. Wenn die Zeichenausgabe keinen Alpha-Kanal besitzt, dann entspricht dieser Modus dem #PB_2DDrawing_Default Modus.

[Riacon]

ein kleines beispiel, um mal mit rumzuspielen:

Code: Alles auswählen

If CreateImage(1,700,500,32|#PB_Image_Transparent)
	StartDrawing(ImageOutput(1))
	DrawingMode(#PB_2DDrawing_AlphaBlend)
	For i=0 To 70
		For j=0 To 50
			Box(i*10,j*10,10,10,RGBA(i*3,j*5,0,2*(i+j)))
		Next
	Next	
	StopDrawing()
EndIf

OpenWindow(0,0,0,800,600,"test",#PB_Window_SystemMenu|#PB_Window_ScreenCentered)
ImageGadget(1,50,50,700,500,ImageID(1))
SetWindowColor(0, $123456) 

StartDrawing(WindowOutput(0))
	DrawImage(1,0,0,800,600)
StopDrawing()

Repeat:Until WaitWindowEvent()=#PB_Event_CloseWindow:End

[bobobo]

#PB_2DDrawing_AlphaBlend kann durchaus mit #PB_2DDrawing_Gradient
verknüpft werden mit dem Effekt dass man sich das Boxgegurke sparen kann
also

Code: Alles auswählen

If CreateImage(1,700,500,32|#PB_Image_Transparent)
   StartDrawing(ImageOutput(1))
     DrawingMode(#PB_2DDrawing_Gradient|#PB_2DDrawing_AlphaBlend)      
      BackColor($0000FF00):   FrontColor($FF000000)
      LinearGradient(0,0,3500,2500)
      Box(10,10,680,480)
   StopDrawing()
EndIf

OpenWindow(0,0,0,800,600,"test",#PB_Window_SystemMenu|#PB_Window_ScreenCentered)
ImageGadget(1,50,50,700,500,ImageID(1))
SetWindowColor(0, $123456) ;Achtung !! kackefarben , blauer wär $654321

StartDrawing(WindowOutput(0))
   DrawImage(1,0,0,800,600)
StopDrawing()

Repeat:Until WaitWindowEvent()=#PB_Event_CloseWindow:End

[Häns]

Danke, Bo³!

Du hast mir damit aus der Boxgegurge in dem Thread geholfen!

Häns