oler

Members
  • Content Count

    36
  • Joined

  • Last visited

Everything posted by oler

  1. Dear community, I would like to introduce you all to KittieFIGHT; our game built with pixiejs and spine. Its a blockchain game that uses the Ethereum platform and kittens from CryptoKitties collectible platform. In KittieFIGHT you can fight your collectible cryptoKitties win tokens & ETH. Yes you win cash for scheduling and fighting cryptoKitties collectibles. Then you buy more cute furry #cryptokitties NFT with the cash you earned. Our website : https://www.kittiefight.io Follow us on twitter : https://twitter.com/kittiefightHQ Follow us on Reddit : https://www.reddit.com/r/kittiefight Blog : https://blog.superdao.io/
  2. Dear community, I would like to introduce you all to KittieFIGHT; our game built with pixiejs and spine. Its a blockchain game that uses the Ethereum platform and kittens from CryptoKitties collectible platform. In KittieFIGHT you can fight your collectible cryptoKitties win tokens & ETH. Yes you win cash for scheduling and fighting cryptoKitties collectibles. Then you buy more cute furry #cryptokitties NFT with the cash you earned. Our website : https://www.kittiefight.io Follow us on twitter : https://twitter.com/kittiefightHQ Follow us on Reddit : https://www.reddit.com/r/kittiefight Blog : https://blog.superdao.io/
  3. Hey yes..I have opened to examine...nothing weird but all the json is on one line. Line 1
  4. like this : {,…} animations:{,…} bones:[{name: "root"}, {name: "cont", parent: "root", x: -1132.31, y: -831.67},…] events:{plate-popup-sound: {}} ik:[{name: "left-bridge", order: 1, bones: ["bridge-left", "bridge-left2"], target: "left-bridge",…},…] skeleton:{hash: "oPv7d0JDjqC0QJ3N3tkRCntQgH8", spine: "3.6.53", width: 2302, height: 1690, images: "./images/"} skins:{default: {arena: {arena: {x: 1165.04, y: 674.25, width: 1282, height: 1002}},…}} slots:[{name: "background", bone: "cont", attachment: "background"},…]
  5. Here are the json contents : {,…} animations : {,…} bones : [{name: "root"}, {name: "cont", parent: "root", x: -1132.31, y: -831.67},…] events : {plate-popup-sound: {}} ik : [{name: "left-bridge", order: 1, bones: ["bridge-left", "bridge-left2"], target: "left-bridge",…},…] skeleton : {hash: "oPv7d0JDjqC0QJ3N3tkRCntQgH8", spine: "3.6.53", width: 2302, height: 1690, images: "./images/"} skins : {default: {arena: {arena: {x: 1165.04, y: 674.25, width: 1282, height: 1002}},…}} slots : [{name: "background", bone: "cont", attachment: "background"},…] Guys please help
  6. seems there is an issue with pixi ? : "Error: Error trying to parse loaded json: SyntaxError: Unexpected token s in JSON at position 1 at Resource.abort (http://127.0.0.1:8887/js/pixi/pixi.js:5452:22) at Resource._xhrOnLoad (http://127.0.0.1:8887/js/pixi/pixi.js:5845:30)"
  7. i used "indexOf" works now. results : res: Resource_boundComplete: ()_boundOnError: ()_boundOnProgress: ()_boundXdrOnTimeout: ()_boundXhrOnAbort: ()_boundXhrOnError: ()_boundXhrOnLoad: ()_dequeue: onceWrapper()_flags: 2_onLoadBinding: nullchildren: Array[0]crossOrigin: ""data: nullerror: Error: Error trying to parse loaded json: SyntaxError: Unexpected token s in JSON at position 1 at Resource.abort (http://127.0.0.1:8887/js/pixi/pixi.js:5452:22) at Resource._xhrOnLoad (http://127.0.0.1:8887/js/pixi/pixi.js:5845:30)extension: "json"isAudio: (...)isComplete: (...)isDataUrl: (...)isImage: (...)isJson: (...)isLoading: (...)isVideo: (...)isXml: (...)loadType: 1metadata: Objectname: "main"onAfterMiddleware: MiniSignalonComplete: MiniSignalonProgress: MiniSignalonStart: MiniSignalprogressChunk: 100type: 0url: "required/assets/scenes/arena/skeleton.json"xhr: XMLHttpRequestxhrType: "json"__proto__: Object index.js:28 res: Object The "/" was just me messing around with impossible file paths just to confirm i am not crazy. I have moved it back to correct path : required/assets...
  8. initially got : Uncaught TypeError: res.extension.contains is not a function at loader.onProgress.add (index.js:18) at MiniSignal.dispatch (pixi.js:1411) at pixi.js:5032 at next (pixi.js:6249) at Loader.atlasParser (pixi-spine.js:6647) at pixi.js:5027 at pixi.js:6257 this is the result after commenting out : if(res.extension.contains("json")){ . : res: Resource {_flags: 2, name: "main", url: "/required/assets/scenes/arena/skeleton.json", extension: "json", data: null…} index.js:19 res.spineData: undefined index.js:28 res: Object {main: Resource}
  9. No problems with cross-origin at all, the json loads fine. I am using chrome server plugin
  10. Hey there, thank you for your response. Only skeleton.json is loaded in the network tab....the atlas and png objects/files are non-existent in browser
  11. Please where is this supposed to go in my sample code structure?
  12. Hello thank you for responding kind soul, I am really grateful. I am under immense pressure to get past this basic set and a lot of code to write. Here is the spineData in console log output...seems its not defined: PixiJS 4.8.1 - ✰ WebGL ✰ http://www.pixijs.com/ ♥♥♥ index.js:44 loading: main index.js:47 progress: 100% index.js:49 Uncaught ReferenceError: spineData is not defined at e.loadProgressHandler (index.js:49) at e.o.emit (pixi.min.js:8) at pixi.min.js:20 at t.value (pixi.min.js:8) at pixi.min.js:9 at s (pixi.min.js:9) at e.atlasParser (pixi-spine.js:6647) at pixi.min.js:9 at pixi.min.js:9 From my spine exports output I have : skeleton.atlas skeleton.json skeleton.png I thought loading the json imports all the other url and objects ??
  13. I have also used the variation in the form : var test = new PIXI.spine.Spine( resources.main.spineData ) Stiil same error. this sucks!! what is the spinData seen in all the examples with NO SINGLE explanation ? Full chrome error : pixi-spine.js:6793 Uncaught Error: The spineData param is required. at new Spine (pixi-spine.js:6793) at onAssetsLoaded (index.js:22) at t.value (pixi.min.js:8) at e.t._onComplete (pixi.min.js:9) at pixi.min.js:9 at s (pixi.min.js:9) at e.atlasParser (pixi-spine.js:6647) at pixi.min.js:9 at pixi.min.js:9
  14. Can someone help please??? I have spend the last 5 days reading and reading and reading to no AVAIL. I have finally reached breaking point. Any good samaritans there??
  15. using PixiJS 4.8.1 and pixi-spine : https://github.com/pixijs/pixi-spine/ I am getting " The spineData param is required" . this is ridiculous, because I am just doing the basics and I have read thousands of articles including the examples here : https://github.com/pixijs/pixi-spine/tree/master/examples and cannot find what is wrong. can someone help please??? Its giving me error: " The spineData param is required " at the line : var test = new PIXI.spine.Spine(loader.resources["main"].spineData ); var size = [window.innerWidth, 700]; var ratio = size[0] / size[1]; //Create a Pixi Application var app = new PIXI.Application({width: size[0], height: size[1]}); //Add the canvas that Pixi automatically created for you to the HTML document document.body.appendChild(app.view); var stage = new PIXI.Container(); // load spine data PIXI.loader .add('main', 'required/assets/scenes/arena/skeleton.json') .on("progress", loadProgressHandler) .load(onAssetsLoaded); stage.interactive = true; function onAssetsLoaded(loader, resources){ var test = new PIXI.spine.Spine(loader.resources["main"].spineData); <---------The spineData param is required!!! //PIXI.loader.resources["main"] app.stage.addChild(test); app.stage.on('pointerdown', onTouchStart); app.start(); console.log("setup"); }
  16. Great work! There is one questions I have though. I would I go about it if I wanted a more smoothly animated progress bar as opposed to the current tick animation ? Thanks in advance for your time. This might also help other who might be wondering the same. Oler
  17. can someone help with the last question here with UI jquery dom over canvas question? here is the link :http://www.html5gamedevs.com/topic/802-gui-methodologies/ thanks for your help.
  18. oler

    GUI Methodologies

    Can someone provide examples of jquery dom over canvas please???? I am curently using it and having truoble getting a simple alert box up... where would you use $(document).on("click", ".alert", function(e) { .....in the instance that you have seperate files to manage seperate states? ie :: indexjs lib jquery.min.js bootbox.jssrc Boot.js Preload.js Lobby.js <-----------------------------------------need to use jquery here Game.js where where would you use: $(document).on("click", ".alert", function(e) { ..... in Lobby.js ?? would it be in the create: function(){} ??? cause it not working for me. Someone please help. Thank you.
  19. oler

    Asset protection

    Hi there again community, I have a huge proof of concept game to release, I think the community will enjoy. But I need help first: Is there anyway to protect game image assets in phaserjs similar to the method used in cocos2d here: https://www.codeandweb.com/texturepacker/contentprotection Is there already an existing similar work around in the phaser world. Thank any help is appreciated.
  20. I am trying to build a p2p "chess - like" game and looking for the best approach to solve this issue. the main game engine is in nodejs and as you know front end in phaser. How would you approach this?
  21. thanks for the reply, i guess I wasn't clear enough. but here goes.. I am not trying to run require js on the server. I simple want to connect my phaser js front end game already using requirejs, to the backed nodejs code. I hope that simplifies what I am asking