wade facebook instant games
rickierich

Wade logic does not fit with facebooks, can you give an example of a program that has worked on facebook, uploaded and played. It is a complete non starter at the moment. I can not even get console log to see where the bottleneck is.

 

I can get html5 to work but not wade.

All 14 Comments
Gio

We had a game on Facebook that was doing OK with in-app purchases and all. It was called Word It Out if you want to look it up but we took it down a couple of years ago.

This was before fb instant games existed so things may be different now. But generally speaking you can use wade like you use any other Javascript library, there's nothing that would make it especially hard to interface with the Facebook sdk (or any other platform really)

rickierich

You can't use it the way facebook want you to. Which is probably why they do not have it down as one of the compatible engines.

Gio

I'm pretty sure that you can. What exactly is the problem that is blocking you?

rickierich

If I use wade.loadScene, all the loading of assets is done by wade.

Gio

I don't know why that is a problem though, what am I missing?

Also you don't have to use wade.loadScene if you want to load assets some other way. For example you can create your own img element and load data some other way, then use wade.setImage('wade_asset_name', img). And similar functions for other types of media.

rickierich

That defeats the purpose of using wade if your gonna do that for all the assets. I will, however, do it that way as I noticed I might have to do that for font anyway.

Gio

Can you elaborate on what's wrong with using loadScene?

Maybe there's something simple that can be done to just use that?

rickierich

Loadscene does not automatically load the assets, it does not load audio and fonts at the moment. Assets are loaded as they are needed which is very efficient. Thing is facebook code and their logic is poor. They are concerned that gameplay would be effected if loading happened as it went along.I am just going to load the assets one at a time.

 

Gio

>  it does not load audio and fonts at the moment

wade.loadScene should do that though, it should load all assets beforehand. If it isn't doing, there is either a bug or there is something else that is going wrong. If there is a bug please help us correct it by providing a simple example of loadScene failing to load audio and fonts (like attach the zip file of a simple project where that happens).

And you are right, it is also possible to load assets as they are needed. But that is not the default behavior.

rickierich

this is the scene.

{
    "sceneObjects": [
        {
            "type": "SceneObject",
            "position": {
                "x": 2,
                "y": -52
            },
            "rotation": 0,
            "behaviors": [
                {
                    "name": "Match3",
                    "properties": {
                        "_gameOverFlag": false,
                        "_running": false,
                        "customEditor": {
                            "title": "Edit Match3",
                            "module": "match3Editor"
                        },
                        "_numCells": {
                            "x": 5,
                            "y": 9
                        },
                        "_cellSize": {
                            "x": 40,
                            "y": 40
                        },
                        "_margin": 10,
                        "_items": [
                            {
                                "normal": "match3_sample_assets/draymondgreenlike1.png",
                                "special": "match3_sample_assets/warriorsspecial.png",
                                "category": "Dubs",
                                "color": "#f2e70c",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/klaythompsonlike1.png",
                                "special": "match3_sample_assets/warriorsspecial.png",
                                "category": "Dubs",
                                "color": "#f2e70c",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/stephencurrylike1.png",
                                "special": "match3_sample_assets/warriorsspecial.png",
                                "category": "Dubs",
                                "color": "#f2e70c",
                                "probability": 6
                            },
                            {
                                "normal": "match3_sample_assets/23like.png",
                                "special": "match3_sample_assets/jordanlike2.png",
                                "category": "Bulls",
                                "color": "#fa0820",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/pippenlikenew.png",
                                "special": "match3_sample_assets/jordanlike2.png",
                                "category": "Bulls",
                                "color": "#fa0820",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/rodmanlike1.png",
                                "special": "match3_sample_assets/jordanlike2.png",
                                "category": "Bulls",
                                "color": "#fa0820",
                                "probability": 6
                            },
                            {
                                "normal": "match3_sample_assets/birdlike1.png",
                                "special": "match3_sample_assets/celticsspecial.png",
                                "category": "Celtics",
                                "color": "#20fa08",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/mchalelike1.png",
                                "special": "match3_sample_assets/celticsspecial.png",
                                "category": "Celtics",
                                "color": "#20fa08",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/parishlike1.png",
                                "special": "match3_sample_assets/celticsspecial.png",
                                "category": "Celtics",
                                "color": "#20fa08",
                                "probability": 6
                            },
                            {
                                "normal": "match3_sample_assets/lebronjameslike1.png",
                                "special": "match3_sample_assets/miamispecial2.png",
                                "category": "Heatles",
                                "color": "#fa7108",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/boshlike1.png",
                                "special": "match3_sample_assets/miamispecial2.png",
                                "category": "Heatles",
                                "color": "#fa7108",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/dwadelookalike1.png",
                                "special": "match3_sample_assets/miamispecial2.png",
                                "category": "Heatles",
                                "color": "#fa7108",
                                "probability": 6
                            },
                            {
                                "normal": "match3_sample_assets/johnsonlike1.png",
                                "special": "match3_sample_assets/lakerspecial.png",
                                "category": "Lakers",
                                "color": "#e208fa",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/jamesworthylike1.png",
                                "special": "match3_sample_assets/lakerspecial.png",
                                "category": "Lakers",
                                "color": "#e208fa",
                                "probability": 7
                            },
                            {
                                "normal": "match3_sample_assets/kareemabdullike1.png",
                                "special": "match3_sample_assets/lakerspecial.png",
                                "category": "Lakers",
                                "color": "#e208fa",
                                "probability": 6
                            }
                        ],
                        "_specialFive": "match3_sample_assets/special5.png",
                        "_effectTemplates": {
                            "_explosion": "explosionEffect",
                            "_splash": "splash",
                            "_sparkle": "sparkleNice",
                            "_specialFour": "sparkleNice",
                            "_specialFive": "beam"
                        },
                        "_score": 0,
                        "_matchScore": 100,
                        "_textObject": "",
                        "_selectorTemplate": "selector",
                        "_highlightTemplate": "",
                        "_soundEffects": {
                            "_matchSound": "match3_sample_assets/metalImpact2.ogg",
                            "_explosionSound": "match3_sample_assets/explosion1.ogg",
                            "_specialFiveSound": "match3_sample_assets/fiveSound.ogg"
                        },
                        "_itemLayer": 2,
                        "_bottomLayer": 3,
                        "_topLayer": 1,
                        "_gravity": 2000,
                        "_effectScale": 1,
                        "_glowSize": 8,
                        "_sparkleRarity": 1013,
                        "gamepadControls": {
                            "left": {
                                "axis": 0,
                                "axisDirection": -1,
                                "button": -1
                            },
                            "right": {
                                "axis": 0,
                                "axisDirection": 1,
                                "button": -1
                            },
                            "up": {
                                "axis": 1,
                                "axisDirection": -1,
                                "button": -1
                            },
                            "down": {
                                "axis": 1,
                                "axisDirection": 1,
                                "button": -1
                            }
                        },
                        "keyboardControls": {
                            "left": "left",
                            "right": "right",
                            "up": "up",
                            "down": "down",
                            "highlightButton": "space"
                        },
                        "gamePadIndex": 0,
                        "controlInputDelay": 180,
                        "_controlCurrentDelay": 0,
                        "gamepadHighlightButton": 0,
                        "_buttonReleased": true,
                        "_keyboardButtonReleased": true,
                        "myrunning": true,
                        "myduration": 2,
                        "myduraion": 3,
                        "mydure": 5,
                        "mydur": 1
                    },
                    "functions": {
                        "init": {
                            "name": "init",
                            "args": [
                                "parameters"
                            ]
                        },
                        "onUpdate": {
                            "name": "onUpdate",
                            "args": []
                        },
                        "onAddToScene": {
                            "name": "onAddToScene",
                            "args": [
                                "parameters"
                            ]
                        },
                        "onRemoveFromScene": {
                            "name": "onRemoveFromScene",
                            "args": []
                        },
                        "inSync": {
                            "name": "inSync",
                            "args": []
                        },
                        "removeItem": {
                            "name": "removeItem",
                            "args": [
                                "x",
                                "y"
                            ]
                        },
                        "changeItemType": {
                            "name": "changeItemType",
                            "args": [
                                "x",
                                "y",
                                "type"
                            ]
                        },
                        "swapItems": {
                            "name": "swapItems",
                            "args": [
                                "x1",
                                "y1",
                                "x2",
                                "y2"
                            ]
                        }
                    },
                    "tips": {
                        "gamepadControls": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.gamepadControls</b><i> </i></div><br/><span class=\"code_tooltip_description\"> Controls for gamepad cursor movement. Directions - left, right, up, down\r</span><br/><span class=\"code_tooltip_description\"> Each direction has an axis, axisDirection and button\r</span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "keyboardControls": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.keyboardControls</b><i> </i></div><br/><span class=\"code_tooltip_description\"> Keyboard controls for cursor movement and highlight button\r</span><br/><span class=\"code_tooltip_description\"> Actions - left, right, up, down, highlightButton\r</span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "gamePadIndex": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.gamePadIndex</b><i> </i></div><br/><span class=\"code_tooltip_description\"> The index of the controller to use, must match an array index from wade.getGamepadData\r</span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "controlInputDelay": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.controlInputDelay</b><i> </i></div><br/><span class=\"code_tooltip_description\"> Delay between input actions in milliseconds\r</span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "gamepadHighlightButton": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.gamepadHighlightButton</b><i> </i></div><br/><span class=\"code_tooltip_description\"> Index of the gamepad button used to highlight the object at the selector\r</span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "init": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.init</b><i> (parameters)\r</i></div><br/><span class=\"code_tooltip_description\"> Called when parent object is added to scene, used to set match 3 parameters\r</span><br/><span class=\"code_tooltip_description\"><br/> <span class=\"code_tooltip_param_type\"> object </span> <span class=\"code_tooltip_param_name\"> parameters </span><span class=\"code_tooltip_param_optional\"> (optional)</span>: <span class=\"code_tooltip_description\">This contains a \"match3\" object that in turn contains parameters used to setup the match3 game: <ul>\r</span></span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{x: number, y: number}</span><span class=\"code_tooltip_param_name\"> _numCells</span>: number of columns and rows to use</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{x: number, y: number}</span><span class=\"code_tooltip_param_name\"> _cellSize</span>: pixel dimension of individual square</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{number}</span><span class=\"code_tooltip_param_name\"> margin</span>: the space between a square image and the cell border as given by cell size</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{Array}</span><span class=\"code_tooltip_param_name\"> items</span>: the array of items to include in the squares in the form {normal:string, special:string, probability:number, background:string(optional)}</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{string}</span><span class=\"code_tooltip_param_name\"> specialFive</span>: the image to use for the special five gem</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{string}</span><span class=\"code_tooltip_param_name\"> matchSound</span>: sound effect to play when a standard match is made</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{string}</span><span class=\"code_tooltip_param_name\"> explosionSound</span>: sound effect to play when a special 4 object is matched</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{string}</span><span class=\"code_tooltip_param_name\"> specialFiveSound</span>: sound effect to play when a special five gem is matched</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{name: string, _numCellsX: number, _numCellsY: number, speed: number, looping: boolean}</span><span class=\"code_tooltip_param_name\"> explosionAnimation</span>: details of effect to play on gems surrounding match 4 gem when it is matched</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{name: string, _numCellsX: number, _numCellsY: number, speed: number, looping: boolean}</span><span class=\"code_tooltip_param_name\"> sparkleAnimation</span>: details of effect to randomly play on gems that are sitting still</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{name: string, _numCellsX: number, _numCellsY: number, speed: number, looping: boolean}</span><span class=\"code_tooltip_param_name\"> splashAnimation</span>: details of effect to play when a normal match is created</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{name: string, _numCellsX: number, _numCellsY: number, speed: number, looping: boolean}</span><span class=\"code_tooltip_param_name\"> specialFourAnimation</span>: animation to play to indicate a match4 gem</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{name: string, _numCellsX: number, _numCellsY: number, speed: number, looping: boolean}</span><span class=\"code_tooltip_param_name\"> specialFiveAnimation</span>: animation to play when a match 5 gem is matched</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{number}</span><span class=\"code_tooltip_param_name\"> itemLayer</span>: layer on which to render the squares</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{number}</span><span class=\"code_tooltip_param_name\"> bottomLayer</span>: layer on which to render background elements</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{number}</span><span class=\"code_tooltip_param_name\"> topLayer</span>: layer on which to render foreground elements</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{number}</span><span class=\"code_tooltip_param_name\"> gravity</span>: speed at which moving squares fall</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{number}</span><span class=\"code_tooltip_param_name\"> effectScale</span>: scale factor applied to the size of effects</li>\r</span><br/><span class=\"code_tooltip_description\"> <li><span class=\"code_tooltip_param_type\">{number}</span><span class=\"code_tooltip_param_name\"> glowSize</span>: pixel size of pulsating glow effect to use on special 4 gems</li>\r</span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b></b><i> </i></div><br/><span class=\"code_tooltip_description\"> Creates and populates the board, ensuring there are no matches\r</span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "removeItem": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.removeItem</b><i> (x, y)\r</i></div><br/><span class=\"code_tooltip_description\"> Removes the match3 item at the location provided\r</span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> x </span>: <span class=\"code_tooltip_description\">X cell co-ordinate of item to be removed\r</span></span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> y </span>: <span class=\"code_tooltip_description\">Y cell co-ordinate of item to be removed\r</span></span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "changeItemType": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.changeItemType</b><i> (x, y, type)\r</i></div><br/><span class=\"code_tooltip_description\"> Changes the type of the item at the specified location to the provided type.\r</span><br/><span class=\"code_tooltip_description\"> If the type does not exist, no change will happen.\r</span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> x </span>: <span class=\"code_tooltip_description\">X cell co-ordinate of item to change the type of\r</span></span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> y </span>: <span class=\"code_tooltip_description\">Y cell co-ordinate of item to change the type of\r</span></span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> type </span>: <span class=\"code_tooltip_description\">The type to change the item to\r</span></span><br/><span class=\"code_tooltip_description\"><br/><span class=\"code_tooltip_description\"><span class=\"code_tooltip_returns\">Returns</span> <span class=\"code_tooltip_return_type\"> boolean </span>: Returns true if the type change succeeded, otherwise returns false\r</span></span><br/>",
                                "source": "Match3"
                            }
                        ],
                        "swapItems": [
                            {
                                "tip": "<div class=\"code_tooltip_title\"><b>Match3.swapItems</b><i> (x1, y1, x2, y2)\r</i></div><br/><span class=\"code_tooltip_description\"> Swaps the position of two items\r</span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> x1 </span>: <span class=\"code_tooltip_description\">X Co-ordinate of first item\r</span></span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> y1 </span>: <span class=\"code_tooltip_description\">Y Co-ordinate of first item\r</span></span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> x2 </span>: <span class=\"code_tooltip_description\">X Co-ordinate of second item\r</span></span><br/><span class=\"code_tooltip_description\"><br/>  <span class=\"code_tooltip_param_name\"> y2 </span>: <span class=\"code_tooltip_description\">Y Co-ordinate of second item\r</span></span><br/>",
                                "source": "Match3"
                            }
                        ]
                    }
                },
                {
                    "name": "ProcessScore",
                    "properties": {
                        "scoretracker": 0
                    },
                    "functions": {
                        "onAddToScene": {
                            "name": "onAddToScene",
                            "args": []
                        },
                        "onScore": {
                            "name": "onScore",
                            "args": [
                                "array"
                            ]
                        }
                    },
                    "tips": {}
                }
            ],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {},
                    "currentAnimation": "default",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "match3_0_preview.png",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 200,
                        "y": 200
                    }
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "match3_0",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true
            },
            "properties": {},
            "functions": {
                "onAddToScene": "function (data)\n{\n\t    \n}"
            }
        },
        {
            "type": "SceneObject",
            "position": {
                "x": -220.8343311067021,
                "y": 46.14027503299987
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {
                        "Animation_0": {
                            "type": "Animation",
                            "name": "Animation_0",
                            "startFrame": 0,
                            "endFrame": 19,
                            "numCells": {
                                "x": 5,
                                "y": 4
                            },
                            "image": "match3_sample_assets/fiveEffect2.png",
                            "imageArea": {
                                "minX": 0,
                                "minY": 0,
                                "maxX": 1,
                                "maxY": 1
                            },
                            "speed": 20,
                            "looping": false,
                            "playMode": "forward",
                            "autoResize": true,
                            "offset": {
                                "x": 0,
                                "y": 0
                            },
                            "stopped": false,
                            "properties": {}
                        }
                    },
                    "currentAnimation": "Animation_0",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "procedural_square",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 48,
                        "y": 140
                    }
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "beam",
            "isTemplate": true,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": -259.5476479126498,
                "y": -31.76450857061697
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {
                        "Animation_0": {
                            "type": "Animation",
                            "name": "Animation_0",
                            "startFrame": 0,
                            "endFrame": 23,
                            "numCells": {
                                "x": 6,
                                "y": 4
                            },
                            "image": "match3_sample_assets/bigBoom.png",
                            "imageArea": {
                                "minX": 0,
                                "minY": 0,
                                "maxX": 1,
                                "maxY": 1
                            },
                            "speed": 30,
                            "looping": false,
                            "playMode": "forward",
                            "autoResize": true,
                            "offset": {
                                "x": 0,
                                "y": 0
                            },
                            "stopped": false,
                            "properties": {}
                        }
                    },
                    "currentAnimation": "Animation_0",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "procedural_square",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 159.66666666666666,
                        "y": 159.75
                    }
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "explosionEffect",
            "isTemplate": true,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": -273.5251989623733,
                "y": 126.440893859965
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {
                        "Animation_0": {
                            "type": "Animation",
                            "name": "Animation_0",
                            "startFrame": 0,
                            "endFrame": 24,
                            "numCells": {
                                "x": 5,
                                "y": 5
                            },
                            "image": "match3_sample_assets/shatter.png",
                            "imageArea": {
                                "minX": 0,
                                "minY": 0,
                                "maxX": 1,
                                "maxY": 1
                            },
                            "speed": 60,
                            "looping": false,
                            "playMode": "forward",
                            "autoResize": true,
                            "offset": {
                                "x": 0,
                                "y": 0
                            },
                            "stopped": false,
                            "properties": {}
                        }
                    },
                    "currentAnimation": "Animation_0",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "procedural_square",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 150,
                        "y": 150
                    }
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "splash",
            "isTemplate": true,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": -220.8343311067021,
                "y": 46.14027503299987
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {},
                    "currentAnimation": "default",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "match3_sample_assets/selected.png",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 40,
                        "y": 40
                    }
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "selector",
            "isTemplate": true,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 0,
                "y": 0
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {
                        "Animation_0": {
                            "type": "Animation",
                            "name": "Animation_0",
                            "startFrame": 0,
                            "endFrame": 10,
                            "numCells": {
                                "x": 4,
                                "y": 3
                            },
                            "image": "match3_sample_assets/flash.png",
                            "imageArea": {
                                "minX": 0,
                                "minY": 0,
                                "maxX": 1,
                                "maxY": 1
                            },
                            "speed": 20,
                            "looping": false,
                            "playMode": "forward",
                            "autoResize": true,
                            "offset": {
                                "x": 0,
                                "y": 0
                            },
                            "stopped": false,
                            "properties": {}
                        }
                    },
                    "currentAnimation": "Animation_0",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "procedural_square",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 100,
                        "y": 100
                    }
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "sparkleNice",
            "isTemplate": true,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 109.9551267954102,
                "y": -59.1027558242146
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "NBA TEAM",
                    "name": "teammatchname",
                    "font": "12px luckiestguy",
                    "alignment": "left",
                    "color": "#e81ee8",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "teammatch",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 105.59971733283047,
                "y": 4.177243082349831
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "Score",
                    "name": "titlescorename",
                    "font": "20px luckiestguy",
                    "alignment": "left",
                    "color": "#ff0a3f",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#ff0a3f",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "scoretitle",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 122.085620719952,
                "y": 20.61543536523328
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "000",
                    "name": "scorename",
                    "font": "20px luckiestguy",
                    "alignment": "left",
                    "color": "#e0e01d",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "score",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 109.71992087961543,
                "y": -184.0040806369629
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "Tipoff",
                    "name": "gametitlename",
                    "font": "20px luckiestguy",
                    "alignment": "left",
                    "color": "#f7f7f7",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "gametitle1",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 108.9551267954102,
                "y": -92.1027558242146
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "Last",
                    "name": "",
                    "font": "18px Luckiestguy",
                    "alignment": "left",
                    "color": "#17b6ff",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "matchtitle1",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 110,
                "y": -136.16670331933514
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "Timer",
                    "name": "",
                    "font": "18px luckiestguy",
                    "alignment": "left",
                    "color": "#ffffff",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "TimeTitle",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 128,
                "y": -114.16670331933513
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "0:00",
                    "name": "",
                    "font": "14px Arial",
                    "alignment": "left",
                    "color": "#ffffff",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "TimerValue",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 107.9551267954102,
                "y": -77.1027558242146
            },
            "rotation": 0,
            "behaviors": [],
            "sprites": [
                {
                    "type": "TextSprite",
                    "text": "match",
                    "name": "",
                    "font": "18px Luckiestguy",
                    "alignment": "left",
                    "color": "#17b6ff",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "matchtitle2",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {}
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 135,
                "y": 77.22638399128986
            },
            "rotation": 0,
            "behaviors": [
                {
                    "name": "ExitBehaviour",
                    "properties": {
                        "changescene": "scene1.wsc"
                    },
                    "functions": {
                        "onAddToScene": {
                            "name": "onAddToScene",
                            "args": []
                        },
                        "onMouseDown": {
                            "name": "onMouseDown",
                            "args": []
                        }
                    },
                    "tips": {}
                }
            ],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {},
                    "currentAnimation": "default",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "procedural_square",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 64,
                        "y": 22.938998420631115
                    }
                },
                {
                    "type": "TextSprite",
                    "text": "Restart",
                    "name": "",
                    "font": "16px luckiestguy",
                    "alignment": "center",
                    "color": "#ff0d11",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                },
                {
                    "x": 0,
                    "y": 5.5,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "reset",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {},
            "functions": {
                "onMouseDown": "function (data)\n{\n\t\n}"
            }
        },
        {
            "type": "SceneObject",
            "position": {
                "x": 135,
                "y": 99.74355027148522
            },
            "rotation": 0,
            "behaviors": [
                {
                    "name": "ExitBehaviour",
                    "properties": {
                        "changescene": "4finalscreen.wsc"
                    },
                    "functions": {
                        "onAddToScene": {
                            "name": "onAddToScene",
                            "args": []
                        },
                        "onMouseDown": {
                            "name": "onMouseDown",
                            "args": []
                        }
                    },
                    "tips": {}
                }
            ],
            "sprites": [
                {
                    "type": "Sprite",
                    "animations": {},
                    "currentAnimation": "default",
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "layer": 1,
                    "autoResize": false,
                    "visible": true,
                    "image": "procedural_square",
                    "imageArea": {
                        "minX": 0,
                        "minY": 0,
                        "maxX": 1,
                        "maxY": 1
                    },
                    "alwaysDraw": false,
                    "name": "",
                    "drawModifiers": [],
                    "pixelShader": "",
                    "pixelShaderUniforms": null,
                    "pixelPerfectMouseEvents": 0,
                    "properties": {},
                    "size": {
                        "x": 64,
                        "y": 24.35544972641674
                    }
                },
                {
                    "type": "TextSprite",
                    "text": "Finished",
                    "name": "",
                    "font": "15px luckiestguy",
                    "alignment": "center",
                    "color": "#000",
                    "visible": true,
                    "layer": 1,
                    "maxWidth": 0,
                    "shadowColor": "#000",
                    "shadowBlur": 0,
                    "shadowOffset": {
                        "x": 0,
                        "y": 0
                    },
                    "lineSpacing": 1,
                    "maxLines": 0,
                    "firstLine": 0,
                    "outlineColor": "#000",
                    "outlineWidth": 0,
                    "boundsScale": {
                        "x": 1,
                        "y": 1
                    },
                    "sortPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "fixedSize": false,
                    "drawModifiers": [],
                    "properties": {}
                }
            ],
            "spriteOffsets": [
                {
                    "x": 0,
                    "y": 0,
                    "angle": 0
                },
                {
                    "x": 0,
                    "y": 5,
                    "angle": 0
                }
            ],
            "flowChart": null,
            "grid": null,
            "alignment": {
                "x": "center",
                "y": "center"
            },
            "name": "finished",
            "isTemplate": false,
            "path": "",
            "addToScene": {
                "autoListen": true,
                "params": null
            },
            "properties": {},
            "functions": {
                "onMouseDown": "function (data)\n{\n\t\n}"
            }
        }
    ],
    "paths": [],
    "sceneObjectGroups": [
        {
            "type": "SceneObjectGroup",
            "name": "timing",
            "sceneObjectNames": [
                "TimeTitle",
                "TimerValue"
            ]
        },
        {
            "type": "SceneObjectGroup",
            "name": "matcher",
            "sceneObjectNames": [
                "matchtitle1",
                "matchtitle2",
                "teammatch"
            ]
        },
        {
            "type": "SceneObjectGroup",
            "name": "gamemanage",
            "sceneObjectNames": [
                "reset",
                "finished"
            ]
        },
        {
            "type": "SceneObjectGroup",
            "name": "scoregroup",
            "sceneObjectNames": [
                "scoretitle",
                "score"
            ]
        }
    ],
    "layers": [
        null,
        {
            "scaleFactor": 1,
            "translateFactor": 1,
            "renderMode": "webgl",
            "useQuadtree": true,
            "resolutionFactor": 1,
            "blur": 0,
            "postProcessShader": "",
            "postProcessShaderUniforms": null,
            "properties": {}
        }
    ],
    "minScreenSize": {
        "x": 620,
        "y": 900
    },
    "maxScreenSize": {
        "x": 700,
        "y": 1000
    },
    "orientation": "none",
    "windowMode": "full",
    "defaultLayer": 1,
    "timeline": {
        "events": []
    },
    "scripts": [
        "match3Item.js",
        "match3.js",
        "processScore.js",
        "ExitBehaviour.js"
    ],
    "json": [
        {
            "resource": "fbapp-config.json",
            "target": "fbapp-config"
        }
    ]
}



   wade.loadScene('scene1.wsc', true, function(){}); 



is in the app.js.



I did get alot of errors in browser.





Request to access cookie or storage on “https://connect.facebook.net/en_US/fbinstant.6.3.js” was blocked because it came from a tracker and content blocking is enabled.

index.html

after index.html:32:17

Use of the orientation sensor is deprecated. wade.js:58:189

Use of the motion sensor is deprecated. wade.js:58:292

Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead

wade.js:1708:14

Error: WebGL warning: <SetDimensions>: Exceeded 16 live WebGL contexts for this principal, losing the least recently used one. wade.js:137:246

Warning: Trying to get image match3_sample_assets/rodmanlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/rodmanlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/birdlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/birdlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/boshlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/boshlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/jamesworthylike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/jamesworthylike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/parishlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/parishlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/jamesworthylike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/jamesworthylike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/pippenlikenew.png without loading it first wade.js:472:117

Loading match3_sample_assets/pippenlikenew.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/23like.png without loading it first wade.js:472:117

Loading match3_sample_assets/23like.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/klaythompsonlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/klaythompsonlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/draymondgreenlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/draymondgreenlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/pippenlikenew.png without loading it first wade.js:472:117

Loading match3_sample_assets/pippenlikenew.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/lebronjameslike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/lebronjameslike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/klaythompsonlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/klaythompsonlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/birdlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/birdlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/birdlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/birdlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/rodmanlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/rodmanlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/boshlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/boshlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/23like.png without loading it first wade.js:472:117

Loading match3_sample_assets/23like.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/parishlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/parishlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/boshlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/boshlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/birdlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/birdlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/jamesworthylike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/jamesworthylike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/draymondgreenlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/draymondgreenlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/johnsonlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/johnsonlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/draymondgreenlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/draymondgreenlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/parishlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/parishlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/jamesworthylike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/jamesworthylike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/kareemabdullike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/kareemabdullike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/stephencurrylike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/stephencurrylike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/pippenlikenew.png without loading it first wade.js:472:117

Loading match3_sample_assets/pippenlikenew.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/boshlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/boshlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/parishlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/parishlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/stephencurrylike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/stephencurrylike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/lebronjameslike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/lebronjameslike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/stephencurrylike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/stephencurrylike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/mchalelike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/mchalelike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/pippenlikenew.png without loading it first wade.js:472:117

Loading match3_sample_assets/pippenlikenew.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/pippenlikenew.png without loading it first wade.js:472:117

Loading match3_sample_assets/pippenlikenew.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/birdlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/birdlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/lebronjameslike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/lebronjameslike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/boshlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/boshlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/boshlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/boshlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/23like.png without loading it first wade.js:472:117

Loading match3_sample_assets/23like.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/birdlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/birdlike1.png wade.js:472:79

Warning: Trying to get image match3_sample_assets/rodmanlike1.png without loading it first wade.js:472:117

Loading match3_sample_assets/rodmanlike1.png wade.js:472:79

​I would have to send you the project itself. As I doubt I would be able to do a small project with the same error.

Gio

Well as it says in the logs that you pasted here, the main problem seems to be that your game is using assets that it hasn't loaded yet.

The wade editor parses the scene objects in your scene to see which assets they are using. Then it adds these assets to a list so it can load them when you load the scene, before the game starts.

However it's not smart enough to know which assets you are referencing from your Match3 behavior file, apparently. So these assets are not loaded beforehand. When you use them in your code, wade realizes that it hasn't loaded them and loads them as they are being used, and gives you a warning message in the console.

It's an easy fix though: for all those images that are giving you a warning message, just manually add them to the list of assets for your scene in the scene properties, like this:

Alternatively, if you prefer to edit the .wsc file manually, look towards the bottom for an array called "images" and add them there.

 

This should get rid of the majority of the warnings, then we can see if there are any more problems.

rickierich

I overcame that by adding the images in the app.js so I could use the progress meter of facebook instant game.

 I was posting this cause you wanted to try and understand why audio had not loaded also fonts.

Gio

For audio and fonts, it'll be the same as images.

There is nothing in that scene file that says that you want to load audio and fonts. It will load them if you add them to the list of assets (same thing I said above for images, just using the tabs below for Audio and Fonts).

rickierich

Well thats your facebook hack then, add an option that removes that section from the scenes. JSON and add a function that loads those assets seperately and use your percentage function for the progress. Or something like that.

Post a reply
Add Attachment
Submit Reply
Login to Reply