# Adding WebGL Spine plugin to scenes

**URL:** <https://phaser.discourse.group/t/adding-webgl-spine-plugin-to-scenes/1689>\
**Category:** Phaser 3\
**Created:** [March 14, 2019, 6:29pm UTC](https://phaser.discourse.group/t/adding-webgl-spine-plugin-to-scenes/1689 "2019-03-14T18:29:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jake.Caron](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/jake.caron/32/1841_2.png) [@Jake.Caron](https://phaser.discourse.group/u/Jake.Caron)\
**Post date:** [March 14, 2019, 6:29pm UTC](https://phaser.discourse.group/t/adding-webgl-spine-plugin-to-scenes/1689/1 "2019-03-14T18:29:10Z")

</div>

Hello all,  
I am having a bit of difficulty adding the Spine plugin to my game. I am currently using ES6 and my “main.js” looks like the following:

```
import Utils from './library/Utils.js';
import Preloader from './scenes/preloader/Preloader.js';
import Boot from './scenes/boot/Boot.js';
import Game from './scenes/game/Game.js';
import Intro from './scenes/intro/Intro.js';

class Main
{
    constructor()
    {
        let config = {
            type: Phaser.WEBGL,
            width: 1024,
            height: 768,
			scale: {
                mode: Phaser.Scale.FIT,
                autoCenter: Phaser.Scale.CENTER_VERTICALLY
            },
            scene: [
                Boot,
                Intro,
                Preloader,
                Game
            ]
        };

        this.game = new Phaser.Game(config);
        this.game.isMuted = false;

        Utils.Initialize(this.game);
    }
}
new Main();

```

This above syntax’s config has a “scene” property, which is an array of all of my scenes. In order to add the Spine plugin, the “scene” property needs to be a plugin object. Unfortunately, I don’t know how to have both… any help is greatly appreciated.

---

<div class="post-metadata">

**Author:** ![yannick](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/yannick/32/732_2.png) [@yannick](https://phaser.discourse.group/u/yannick)\
**Post date:** [March 14, 2019, 10:37pm UTC](https://phaser.discourse.group/t/adding-webgl-spine-plugin-to-scenes/1689/2 "2019-03-14T22:37:05Z")

</div>

I have posted an Spine example in [post #1042](https://phaser.discourse.group/t/phaser-3-spine-examples-change-skins-animations-and-attachments/1042) and my platformer example also uses spine animations (in [post #919](https://phaser.discourse.group/t/phaser-3-pwa-platformer-example-with-spine-animations/919)).

Hope this helps 🙂