Quantcast
Channel: Pixi.js Latest Topics
Viewing all articles
Browse latest Browse all 3978

Draw lines and add gradient

$
0
0

Dears all, i've develop a slot with the winline animations, my main problem right now is related to the style.

So, i'm showing flat winlines but i would like to add some gradient (not texture).

this.lines[lineNumber].clear();
            this.lines[lineNumber].beginFill();
            this.lines[lineNumber].lineStyle({
                width: this.data.uiConfigVO.winLineWidth,
                color: color,
                join: 'round',
                cap: 'round',
                // texture: PIXI.Texture.fromImage('assets/images/winline-test.png'),
            });

            this.lines[lineNumber].lineStyle.cap = 'round';
            this.lines[lineNumber].moveTo(line[0][0], line[0][1]);
            for (let j = 1; j < totalPoints; j++) {
                this.lines[lineNumber].lineTo(line[j][0], line[j][1]);
            }
            this.lines[lineNumber].endFill();

there's no way to add gradient to fillstyle or something like this?

TIA

Rick


Viewing all articles
Browse latest Browse all 3978

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>