Merge branch 'master' of gitea.iwm-tuebingen.de:IWMBrowser/iwmlib

# Conflicts:
#	dist/iwmlib.js

lib/pixi/button.js

@@ -632,10 +632,10 @@ export default class Button extends PIXI.Container {
      * @return {Button} A reference to the button for chaining.
      */
     hide() {
-        this.opts.strokeAlpha = 0
-        this.opts.strokeActiveAlpha = 0
-        this.opts.fillAlpha = 0
-        this.opts.fillActiveAlpha = 0
+        this.opts.strokeAlpha = 0.0
+        this.opts.strokeActiveAlpha = 0.0
+        this.opts.fillAlpha = 0.0000000001                              // WORKAROUND: See https://github.com/pixijs/pixi.js/wiki/v5-Migration-Guide#graphics-interaction
+        this.opts.fillActiveAlpha = 0.0000000001
 
         this.layout()
 

lib/pixi/index.html

@@ -51,7 +51,8 @@ const index = new Index(itemTemplate, [
         ['Flip Effect', 'flipeffect.html'],
         ['Blur Filter', 'blurfilter.html'],
         ['Text', 'text.html'],
-        ['Scrollview', 'scrollview.html']
+        ['Scrollview', 'scrollview.html'],
+        ['Stylus', 'stylus.html']
     ],
     null)
 index.load()

lib/pixi/stylus.js

@@ -305,9 +305,15 @@ export default class Stylus extends PIXI.Graphics {
             let start = stroke[0]
             this.beginFill(0, 0)
             this.moveTo(start.x, start.y)
+            let lineWidth = this.tiltToLineWidth(start.tiltY)
+            this.lineStyle(lineWidth, start.color, this.colorAlpha)
             for (let i = 1; i < stroke.length; i++) {
                 let info = stroke[i]
-                this.lineStyle(this.tiltToLineWidth(info.tiltY), info.color, this.colorAlpha)
+                let lw = this.tiltToLineWidth(info.tiltY)
+                if (lw != lineWidth) {
+                    lineWidth = lw
+                    this.lineStyle(lineWidth, info.color, this.colorAlpha)
+                }
                 this.lineTo(info.x, info.y)
             }
             this.endFill()