Petit concourt de dessins de bouton avec VectorDrawing
Publié : jeu. 30/juil./2020 11:01
Salut,
Je propose pour ceux qui le veulent, un petit concourt de dessins de bouton avec la librairie VectorDrawing
Le dessins devra uniquement être composé de fonction VectorDrawing, les images sont proscrites !
La librairie VectorDrawing permet de faire des choses vraiment cool, moi même ne la connait pas trop
et j'y travail, elle est compliqué à appréhender sur certain aspect !
Une fois que vous l'avez en main, ce qui n'est pas encore mon cas, vous pouvez faire des choses vraiment superbe !
Une fois n'est pas coutume, je me dois de démarrer la marche avec un bouton que j'ai fait
Un jolie Bouton avec dégradé, Normal:
Un jolie Bouton avec dégradé, Survolé:
Un Jolie Bouton avec dégradé, Appuyé:
Je propose pour ceux qui le veulent, un petit concourt de dessins de bouton avec la librairie VectorDrawing

Le dessins devra uniquement être composé de fonction VectorDrawing, les images sont proscrites !
La librairie VectorDrawing permet de faire des choses vraiment cool, moi même ne la connait pas trop
et j'y travail, elle est compliqué à appréhender sur certain aspect !
Une fois que vous l'avez en main, ce qui n'est pas encore mon cas, vous pouvez faire des choses vraiment superbe !
Une fois n'est pas coutume, je me dois de démarrer la marche avec un bouton que j'ai fait

Un jolie Bouton avec dégradé, Normal:
Code : Tout sélectionner
If OpenWindow(0, 0, 0, 400, 200, "VectorDrawing", #PB_Window_SystemMenu | #PB_Window_ScreenCentered)
CanvasGadget(0, 0, 0, 400, 200)
LoadFont(0, "Times New Roman", 10, #PB_Font_Bold | #PB_Font_HighQuality)
If StartVectorDrawing(CanvasVectorOutput(0))
; Choix de la taille du Bouton:
X.i = 25
Y.i = 25
Width.i = 300
Height.i = 100
AddPathBox(X.i + 5, Y.i + 5, Width.i-10, Height.i-10)
VectorSourceColor(RGBA(150, 150, 150, 255))
StrokePath(10, #PB_Path_RoundCorner)
AddPathBox(X.i + 6, Y.i + 6, Width.i-12, Height.i-12)
VectorSourceColor(RGBA(230, 230, 230, 255))
StrokePath(10, #PB_Path_RoundCorner)
VectorSourceLinearGradient(X.i, Y.i, X.i, Height.i + Y.i)
VectorSourceGradientColor(RGBA(230, 230, 230, 255), 0.0)
VectorSourceGradientColor(RGBA(200, 200, 200, 255), 0.50)
VectorSourceGradientColor(RGBA(200, 200, 200, 255), 0.50)
VectorSourceGradientColor(RGBA(230, 230, 230, 255), 1)
AddPathBox(X.i + 2, Y.i + 2, Width.i-4, Height.i-4)
FillPath()
Texte$ = "Mon Bouton"
VectorFont(FontID(0), 25)
MovePathCursor(X.i + (Width.i - VectorTextWidth(Texte$)) / 2, Y.i + (Height.i - VectorTextHeight(Texte$)) / 2)
AddPathText(Texte$)
VectorSourceColor(RGBA(0, 0, 0, 255))
FillPath()
StopVectorDrawing()
EndIf
Repeat
Event = WaitWindowEvent()
Until Event = #PB_Event_CloseWindow
EndIf
Code : Tout sélectionner
If OpenWindow(0, 0, 0, 400, 200, "VectorDrawing", #PB_Window_SystemMenu | #PB_Window_ScreenCentered)
CanvasGadget(0, 0, 0, 400, 200)
LoadFont(0, "Times New Roman", 10, #PB_Font_Bold | #PB_Font_HighQuality)
If StartVectorDrawing(CanvasVectorOutput(0))
; Choix de la taille du Bouton:
X.i = 25
Y.i = 25
Width.i = 300
Height.i = 100
AddPathBox(X.i + 5, Y.i + 5, Width.i-10, Height.i-10)
VectorSourceColor(RGBA(255, 203, 41, 255))
StrokePath(10, #PB_Path_RoundCorner)
AddPathBox(X.i + 6, Y.i + 6, Width.i-12, Height.i-12)
VectorSourceColor(RGBA(254, 241, 201, 255))
StrokePath(10, #PB_Path_RoundCorner)
VectorSourceLinearGradient(X.i, Y.i, X.i, Height.i + Y.i)
VectorSourceGradientColor(RGBA(254, 241, 201, 255), 0.0)
VectorSourceGradientColor(RGBA(254, 227, 143, 255), 0.50)
VectorSourceGradientColor(RGBA(254, 227, 143, 255), 0.50)
VectorSourceGradientColor(RGBA(254, 241, 201, 255), 1)
AddPathBox(X.i + 2, Y.i + 2, Width.i-4, Height.i-4)
FillPath()
Texte$ = "Mon Bouton"
VectorFont(FontID(0), 25)
MovePathCursor(X.i + (Width.i - VectorTextWidth(Texte$)) / 2, Y.i + (Height.i - VectorTextHeight(Texte$)) / 2)
AddPathText(Texte$)
VectorSourceColor(RGBA(0, 0, 200, 255))
FillPath()
StopVectorDrawing()
EndIf
Repeat
Event = WaitWindowEvent()
Until Event = #PB_Event_CloseWindow
EndIf
Code : Tout sélectionner
If OpenWindow(0, 0, 0, 400, 200, "VectorDrawing", #PB_Window_SystemMenu | #PB_Window_ScreenCentered)
CanvasGadget(0, 0, 0, 400, 200)
LoadFont(0, "Times New Roman", 10, #PB_Font_Bold | #PB_Font_HighQuality)
If StartVectorDrawing(CanvasVectorOutput(0))
; Choix de la taille du Bouton:
X.i = 25
Y.i = 25
Width.i = 300
Height.i = 100
AddPathBox(X.i + 5, Y.i + 5, Width.i-10, Height.i-10)
VectorSourceColor(RGBA(255, 203, 41, 255))
StrokePath(10, #PB_Path_RoundCorner)
AddPathBox(X.i + 6, Y.i + 6, Width.i-12, Height.i-12)
VectorSourceColor(RGBA(254, 227, 143, 255))
StrokePath(10, #PB_Path_RoundCorner)
VectorSourceLinearGradient(X.i, Y.i, X.i, Height.i + Y.i)
VectorSourceGradientColor(RGBA(254, 227, 143, 255), 0.0)
VectorSourceGradientColor(RGBA(254, 241, 201, 255), 0.50)
VectorSourceGradientColor(RGBA(254, 241, 201, 255), 0.50)
VectorSourceGradientColor(RGBA(254, 227, 143, 255), 1)
AddPathBox(X.i + 2, Y.i + 2, Width.i-4, Height.i-4)
FillPath()
Texte$ = "Mon Bouton"
VectorFont(FontID(0), 25)
MovePathCursor(X.i + (Width.i - VectorTextWidth(Texte$)) / 2, Y.i + (Height.i - VectorTextHeight(Texte$)) / 2)
AddPathText(Texte$)
VectorSourceColor(RGBA(200, 0, 0, 255))
FillPath()
StopVectorDrawing()
EndIf
Repeat
Event = WaitWindowEvent()
Until Event = #PB_Event_CloseWindow
EndIf