Shiny Color Prism 
<!DOCTYPE HTML>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <script src="//cdn.iocdn.cc/npm/phaser@3.87.0/dist/phaser.min.js"></script>
        <style>
            body {
                margin: 0;
                padding: 0;
                background-color: #FFF;
                max-height: 100dvh;
                overflow: hidden;
            }
        </style>
    </head>
    <body id="Game">
        <script type="text/javascript">
            var config = {
                type: Phaser.AUTO,
                parent: 'Game',
                width: 1920,
                height: 1080,
                scale: {
                    parent: 'Game',
                    mode: Phaser.Scale.FIT,
                    autoCenter: Phaser.Scale.CENTER_BOTH
                },
                scene: {
                    preload: preload,
                    create: create,
                    update: update
                },
                dom: {
                    createContainer: true
                }
            }
 
            var game = new Phaser.Game(config);
 
            function preload() {
                this.load.image('SCLogo', 'https://ah-sandbox.wikidot.com/local--files/shiny-color-prism/SC_SVG_Main_Logo.svg');
            }
 
            function create() {
                const domMainLogo = this.add.dom(960, 680).createFromHTML(`
                    <div id='mainLogo' style='width: 960px; height: 256px; background-image: url("SC_SVG_Main_Logo.svg");'></div>
                `).setOrigin(0.5, 0.5);
            }
 
            function update() {
 
            }
        </script>
    </body>
</html>
CC BY-SA 114514.810