Comparing version 0.2.0 to 0.2.1
@@ -1,1 +0,1 @@ | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("Vue")):"function"==typeof define&&define.amd?define(["Vue"],t):"object"==typeof exports?exports.Phavuer=t(require("Vue")):e.Phavuer=t(e.Vue)}(this,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.r(t),n.d(t,"Scene",(function(){return u})),n.d(t,"Container",(function(){return d})),n.d(t,"Sprite",(function(){return f})),n.d(t,"Text",(function(){return b})),n.d(t,"Rectangle",(function(){return h})),n.d(t,"createPhavuerApp",(function(){return j})),n.d(t,"initGameObject",(function(){return y}));var r=n(0);var i={props:{name:{type:String,require:!0},autoStart:{type:Boolean,default:!0}},setup(e,t){const n=Object(r.ref)(!0),i=class extends Phaser.Scene{init(e){n.value=!0,t.emit("init",this,e)}create(e){t.emit("create",this,e)}update(e,n){t.emit("update",this,e,n)}preload(){t.emit("preload",this)}},o=Object(r.inject)("game").scene.add(e.name,i,e.autoStart);return o.events.on("shutdown",()=>n.value=!1),Object(r.provide)("scene",o),{scene:o,show:n}},render:function(e,t,n,i,o,s){return Object(r.openBlock)(),Object(r.createBlock)("div",null,[i.show?Object(r.renderSlot)(e.$slots,"default",{key:0}):Object(r.createCommentVNode)("v-if",!0)])}};var o={setup(e,t){const n=Object(r.inject)("scene");class i extends Phaser.GameObjects.Container{preUpdate(){}}const o=new i(n);return y(o,e,t),Object(r.provide)("container",o),{object:o}},props:["visible","x","y","depth","alpha"],render:function(e,t,n,i,o,s){return Object(r.openBlock)(),Object(r.createBlock)("div",null,[Object(r.renderSlot)(e.$slots,"default")])}};var s={setup(e,t){const n=Object(r.inject)("scene");class i extends Phaser.GameObjects.Rectangle{preUpdate(){}}const o=new i(n,e.x,e.y,e.width,e.height);return y(o,e,t),{object:o}},props:["visible","x","y","width","height","origin","originX","originY","scale","scaleX","scaleY","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,n,i,o,s){return Object(r.openBlock)(),Object(r.createBlock)("div")}};var c={setup(e,t){const n=Object(r.inject)("scene");class i extends Phaser.GameObjects.Sprite{preUpdate(){}}const o=new i(n,e.x,e.y,e.texture);return y(o,e,t),{object:o}},props:["visible","x","y","origin","originX","originY","scale","scaleX","scaleY","depth","alpha","blendMode","texture","frame","flipX","flipY"],render:function(e,t,n,i,o,s){return Object(r.openBlock)(),Object(r.createBlock)("div")}};var l={setup(e,t){const n=Object(r.inject)("scene"),i=()=>t.slots.default()[0].children;class o extends Phaser.GameObjects.Text{preUpdate(){}}const s=new o(n,e.x,e.y,i());return Object(r.watch)(i,e=>s.setText(e)),y(s,e,t),{object:s}},props:["visible","x","y","origin","originX","originY","scale","scaleX","scaleY","depth","alpha","style"],render:function(e,t,n,i,o,s){return Object(r.openBlock)(),Object(r.createBlock)("div")}},a={Scene:i,Container:o,Rectangle:s,Sprite:c,Text:l},p={visible:e=>t=>e.setVisible(t),x:e=>t=>e.setPosition(t,e.y),y:e=>t=>e.setPosition(e.x,t),origin:e=>t=>e.setOrigin(t,t),originX:e=>t=>e.setOrigin(t,e.originY),originY:e=>t=>e.setOrigin(e.originX,t),scale:e=>t=>e.setScale(t,t),scaleX:e=>t=>e.setScale(t,e.scaleY),scaleY:e=>t=>e.setScale(e.scaleX,t),width:e=>t=>e.setSize(t,e.height),height:e=>t=>e.setSize(e.width,t),displayWidth:e=>t=>e.setDisplaySize(t,e.displayHeight),displayHeight:e=>t=>e.setDisplaySize(e.displayWidth,t),displayOriginX:e=>t=>e.setDisplayOrigin(t,e.displayOriginY),displayOriginY:e=>t=>e.setDisplayOrigin(e.displayOriginX,t),flipX:e=>t=>e.setFlipX(t),flipY:e=>t=>e.setFlipY(t),depth:e=>t=>e.setDepth(t),alpha:e=>t=>e.setAlpha(t),blendMode:e=>t=>e.setBlendMode(t),tint:e=>t=>e.setTint(t),texture:e=>t=>e.setTexture(t),frame:e=>t=>e.setFrame(t),fillColor:e=>t=>e.setFillStyle(t,e.fillAlpha),fillAlpha:e=>t=>e.setFillStyle(e.fillColor,t),lineWidth:e=>t=>e.setStrokeStyle(...t?[t,e.strokeColor,e.strokeAlpha]:[]),strokeColor:e=>t=>e.setStrokeStyle(e.lineWidth,t,e.strokeAlpha),strokeAlpha:e=>t=>e.setStrokeStyle(e.lineWidth,e.strokeColor,t),style:e=>t=>e.setStyle(t)};const u=a.Scene,d=a.Container,f=a.Sprite,b=a.Text,h=a.Rectangle,j=(e,t)=>{const n=Object(r.createApp)(t);n.provide("game",e),n.provide("scene",null),n.provide("container",null);const i=window.document.createElement("div");return document.body.appendChild(i),n.mount(i)},y=(e,t,n)=>{const i=Object(r.inject)("container");if(i)i.add([e]);else{Object(r.inject)("scene").add.existing(e)}return Object.keys(t).forEach(n=>{if(!p[n])return;const i=p[n](e);i(t[n]),Object(r.watch)(()=>t[n],i)}),n.attrs.onCreate&&n.emit("create",e),n.attrs.onUpdate&&(e.preUpdate=(...t)=>n.emit("update",e,...t)),(n.attrs.onPointerdown||n.attrs.onPointerup)&&(e.setInteractive(),n.attrs.onPointerdown&&e.on("pointerdown",(...e)=>n.emit("pointerdown",...e)),n.attrs.onPointerup&&e.on("pointerup",(...e)=>n.emit("pointerup",...e))),Object(r.onBeforeUnmount)(()=>e.destroy()),e}}])})); | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("Vue")):"function"==typeof define&&define.amd?define(["Vue"],t):"object"==typeof exports?exports.Phavuer=t(require("Vue")):e.Phavuer=t(e.Vue)}(this,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){"use strict";n.r(t),n.d(t,"Scene",(function(){return d})),n.d(t,"Container",(function(){return f})),n.d(t,"Image",(function(){return b})),n.d(t,"Sprite",(function(){return h})),n.d(t,"Text",(function(){return j})),n.d(t,"Rectangle",(function(){return O})),n.d(t,"createPhavuerApp",(function(){return y})),n.d(t,"initGameObject",(function(){return g})),n.d(t,"refTo",(function(){return m})),n.d(t,"refObj",(function(){return v})),n.d(t,"refScene",(function(){return x}));var r=n(0);var i={props:{name:{type:String,require:!0},autoStart:{type:Boolean,default:!0}},setup(e,t){const n=Object(r.ref)(!0),i=class extends Phaser.Scene{init(e){n.value=!0,t.emit("init",this,e)}create(e){t.emit("create",this,e)}update(e,n){t.emit("update",this,e,n)}preload(){t.emit("preload",this)}},o=Object(r.inject)("game").scene.add(e.name,i,e.autoStart);return o.events.on("shutdown",()=>n.value=!1),Object(r.provide)("scene",o),{scene:o,show:n}},render:function(e,t,n,i,o,c){return Object(r.openBlock)(),Object(r.createBlock)("div",null,[i.show?Object(r.renderSlot)(e.$slots,"default",{key:0}):Object(r.createCommentVNode)("v-if",!0)])}};var o={setup(e,t){const n=Object(r.inject)("scene");class i extends Phaser.GameObjects.Container{preUpdate(){}}const o=new i(n);return g(o,e,t),Object(r.provide)("container",o),{object:o}},props:["visible","x","y","depth","alpha"],render:function(e,t,n,i,o,c){return Object(r.openBlock)(),Object(r.createBlock)("div",null,[Object(r.renderSlot)(e.$slots,"default")])}};var c={setup(e,t){const n=Object(r.inject)("scene");class i extends Phaser.GameObjects.Rectangle{preUpdate(){}}const o=new i(n,e.x,e.y,e.width,e.height);return g(o,e,t),{object:o}},props:["visible","x","y","width","height","origin","originX","originY","scale","scaleX","scaleY","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,n,i,o,c){return Object(r.openBlock)(),Object(r.createBlock)("div")}};var s={setup(e,t){const n=Object(r.inject)("scene");class i extends Phaser.GameObjects.Image{preUpdate(){}}const o=new i(n,e.x,e.y,e.texture);return g(o,e,t),{object:o}},props:["visible","x","y","origin","originX","originY","scale","scaleX","scaleY","depth","alpha","blendMode","texture","frame","flipX","flipY"],render:function(e,t,n,i,o,c){return Object(r.openBlock)(),Object(r.createBlock)("div")}};var a={setup(e,t){const n=Object(r.inject)("scene");class i extends Phaser.GameObjects.Sprite{preUpdate(){}}const o=new i(n,e.x,e.y,e.texture);return g(o,e,t),{object:o}},props:["visible","x","y","origin","originX","originY","scale","scaleX","scaleY","depth","alpha","blendMode","texture","frame","flipX","flipY"],render:function(e,t,n,i,o,c){return Object(r.openBlock)(),Object(r.createBlock)("div")}};var l={setup(e,t){const n=Object(r.inject)("scene"),i=()=>t.slots.default()[0].children;class o extends Phaser.GameObjects.Text{preUpdate(){}}const c=new o(n,e.x,e.y,i());return Object(r.watch)(i,e=>c.setText(e)),g(c,e,t),{object:c}},props:["visible","x","y","origin","originX","originY","scale","scaleX","scaleY","depth","alpha","style"],render:function(e,t,n,i,o,c){return Object(r.openBlock)(),Object(r.createBlock)("div")}},u={Scene:i,Container:o,Rectangle:c,Image:s,Sprite:a,Text:l},p={visible:e=>t=>e.setVisible(t),x:e=>t=>e.setPosition(t,e.y),y:e=>t=>e.setPosition(e.x,t),origin:e=>t=>e.setOrigin(t,t),originX:e=>t=>e.setOrigin(t,e.originY),originY:e=>t=>e.setOrigin(e.originX,t),scale:e=>t=>e.setScale(t,t),scaleX:e=>t=>e.setScale(t,e.scaleY),scaleY:e=>t=>e.setScale(e.scaleX,t),width:e=>t=>e.setSize(t,e.height),height:e=>t=>e.setSize(e.width,t),displayWidth:e=>t=>e.setDisplaySize(t,e.displayHeight),displayHeight:e=>t=>e.setDisplaySize(e.displayWidth,t),displayOriginX:e=>t=>e.setDisplayOrigin(t,e.displayOriginY),displayOriginY:e=>t=>e.setDisplayOrigin(e.displayOriginX,t),flipX:e=>t=>e.setFlipX(t),flipY:e=>t=>e.setFlipY(t),depth:e=>t=>e.setDepth(t),alpha:e=>t=>e.setAlpha(t),blendMode:e=>t=>e.setBlendMode(t),tint:e=>t=>e.setTint(t),texture:e=>t=>e.setTexture(t),frame:e=>t=>e.setFrame(t),fillColor:e=>t=>e.setFillStyle(t,e.fillAlpha),fillAlpha:e=>t=>e.setFillStyle(e.fillColor,t),lineWidth:e=>t=>e.setStrokeStyle(...t?[t,e.strokeColor,e.strokeAlpha]:[]),strokeColor:e=>t=>e.setStrokeStyle(e.lineWidth,t,e.strokeAlpha),strokeAlpha:e=>t=>e.setStrokeStyle(e.lineWidth,e.strokeColor,t),style:e=>t=>e.setStyle(t)};const d=u.Scene,f=u.Container,b=u.Image,h=u.Sprite,j=u.Text,O=u.Rectangle,y=(e,t)=>{const n=Object(r.createApp)(t);n.provide("game",e),n.provide("scene",null),n.provide("container",null);const i=window.document.createElement("div");return document.body.appendChild(i),n.mount(i)},g=(e,t,n)=>{const i=Object(r.inject)("container");if(i)i.add([e]);else{Object(r.inject)("scene").add.existing(e)}return Object.keys(t).forEach(n=>{if(!p[n])return;const i=p[n](e);i(t[n]),Object(r.watch)(()=>t[n],i)}),n.attrs.onCreate&&n.emit("create",e),n.attrs.onUpdate&&(e.preUpdate=(...t)=>n.emit("update",e,...t)),(n.attrs.onPointerdown||n.attrs.onPointerup)&&(e.setInteractive(),n.attrs.onPointerdown&&e.on("pointerdown",(...e)=>n.emit("pointerdown",...e)),n.attrs.onPointerup&&e.on("pointerup",(...e)=>n.emit("pointerup",...e))),Object(r.onBeforeUnmount)(()=>e.destroy()),e},m=(e,t)=>Object(r.customRef)((n,r)=>({get:()=>(n(),e),set(n){e=n[t],r()}})),v=e=>m(e,"object"),x=e=>m(e,"scene")}])})); |
{ | ||
"name": "phavuer", | ||
"version": "0.2.0", | ||
"version": "0.2.1", | ||
"description": "Reactive template engine based on Vue 3 for Phaser 3", | ||
@@ -5,0 +5,0 @@ "main": "src/index.js", |
@@ -213,2 +213,6 @@ # Phavuer | ||
Properties: | ||
- `scene` Scene object | ||
If you want to handle multi scenes, root component supposed to be like this: | ||
@@ -215,0 +219,0 @@ |
64237
284