添加大转盘

dist/customs/turnplate.json

+{
+  "name": "大转盘",
+  "desc": "大转盘模块",
+  "props": {
+    "iconSize": {
+      "alias": "奖品图的大小",
+      "type": "array<number>",
+      "default": "80,80"
+    },
+    "diameter": {
+      "alias": "圆盘直径",
+      "type": "number",
+      "default": "600"
+    },
+    "prizesRadius": {
+      "alias": "奖品距离圆心的距离",
+      "type": "number",
+      "default": 250
+    },
+    "nameColor": {
+      "alias": "奖品名称的字体颜色",
+      "type": "string",
+      "default": "#444444"
+    },
+    "nameSize": {
+      "alias": "奖品名称的字体大小",
+      "type": "number",
+      "default": 20
+    },
+    "iconY": {
+      "alias": "奖品名称的Y轴偏移",
+      "type": "number",
+      "default": 30
+    },
+    "rotationBg": {
+      "alias": "背景旋转",
+      "type": "number",
+      "default": 30
+    }
+  },
+  "assets": [
+    {
+      "name": "大转盘背景",
+      "url": "//yun.duiba.com.cn/aurora/assets/559177b3c0d4245d245b5cdfa31ba9d9dc20223c.png",
+      "uuid": "d3ce99da-89e1-447d-8c52-b3f391925c3c",
+      "ext": ".png"
+    }
+  ],
+  "events": {
+    "in": {
+      "turnplate-reset": {
+        "alias": "重置",
+        "data": {
+          "prizes": "所有奖品"
+        }
+      },
+      "turnplate-start": {
+        "alias": "开始",
+        "data": {
+          "prizeId": "中奖的奖品id"
+        }
+      }
+    },
+    "out": {
+      "turnplate-over": {
+        "alias": "转盘停止",
+        "data": {
+          "prizeId": "中奖的奖品id"
+        }
+      }
+    }
+  },
+  "id": "turnplate",
+  "code": "(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('tslib')) :\n\ttypeof define === 'function' && define.amd ? define(['tslib'], factory) :\n\t(global = global || self, global.turnplate = factory(global.tslib));\n}(this, (function (tslib) { 'use strict';\n\n\tvar props = {};\n\tfunction prepareProps() {\n\t    var metaProps = getProps();\n\t    engine.injectProp(props, metaProps);\n\t}\n\tfunction injectProps(p) {\n\t    engine.injectProp(props, p);\n\t}\n\n\tfunction getTextureByName(name) {\n\t    return engine.Texture.from(getAssetByName(name).uuid);\n\t}\n\n\tvar GameWrapper = (function (_super) {\n\t    tslib.__extends(GameWrapper, _super);\n\t    function GameWrapper() {\n\t        var _this = _super.call(this) || this;\n\t        _this.wheelPrizeRotation = [];\n\t        _this.items = [];\n\t        _this.itemsCon = [];\n\t        _this.itemsLabel = [];\n\t        _this.itemsIcon = [];\n\t        _this.once(engine.Event.ADDED_TO_STAGE, _this.setup, _this);\n\t        engine.globalEvent.addEventListener('turnplate-reset', _this.reset, _this);\n\t        engine.globalEvent.addEventListener('turnplate-start', _this.start, _this);\n\t        return _this;\n\t    }\n\t    GameWrapper.prototype.setup = function () {\n\t        this.turnplate = new engine.Container();\n\t        this.turnplate.x = 0;\n\t        this.turnplate.y = 0;\n\t        this.turnplate.rotation = -90;\n\t        this.turnplate.width = props.diameter;\n\t        this.turnplate.height = props.diameter;\n\t        this.turnplate.anchorX = this.turnplate.width / 2;\n\t        this.turnplate.anchorY = this.turnplate.height / 2;\n\t        this.addChild(this.turnplate);\n\t        this._turnplateBG = new engine.Container();\n\t        this._turnplateBG.width = props.diameter;\n\t        this._turnplateBG.height = props.diameter;\n\t        this._turnplateBG.anchorX = this.turnplate.width / 2;\n\t        this._turnplateBG.anchorY = this.turnplate.height / 2;\n\t        this._turnplateBG.rotation = props.rotationBg;\n\t        this.turnplate.addChild(this._turnplateBG);\n\t        this.turnplateBg = new engine.Sprite(getTextureByName('大转盘背景'));\n\t        this.turnplateBg.x = 0;\n\t        this.turnplateBg.y = 0;\n\t        this.turnplateBg.width = this.turnplate.width;\n\t        this.turnplateBg.height = this.turnplate.height;\n\t        this._turnplateBG.addChild(this.turnplateBg);\n\t    };\n\t    GameWrapper.prototype.reset = function (event) {\n\t        injectProps(event.data);\n\t        this.prizes = event.data.prizes;\n\t        console.log(this.prizes);\n\t        for (var i = 0; i < this.items.length; i++) {\n\t            this.itemsCon[i].removeChild(this.itemsLabel[i]);\n\t            this.itemsCon[i].removeChild(this.itemsIcon[i]);\n\t            this.items[i].removeChild(this.itemsCon[i]);\n\t            this.turnplate.removeChild(this.items[i]);\n\t        }\n\t        for (var i = 0; i < this.prizes.length; i++) {\n\t            this.items[i] = new engine.Container();\n\t            this.itemsCon[i] = new engine.Container();\n\t            this.itemsCon[i].x = props.prizesRadius;\n\t            this.itemsCon[i].rotation = 90;\n\t            this.items[i].x = this.turnplate.width / 2;\n\t            this.items[i].y = this.turnplate.height / 2;\n\t            this.turnplate.addChild(this.items[i]);\n\t            this.itemsLabel[i] = new engine.Label();\n\t            this.itemsLabel[i].text = this.prizes[i].name;\n\t            this.itemsLabel[i].width = 200;\n\t            this.itemsLabel[i].x = -this.itemsLabel[i].width / 2;\n\t            this.itemsLabel[i].textAlign = \"center\";\n\t            this.itemsLabel[i].fillColor = props.nameColor;\n\t            this.itemsLabel[i].size = props.nameSize;\n\t            this.itemsIcon[i] = new engine.Sprite();\n\t            this.itemsIcon[i].width = props.iconSize[0];\n\t            this.itemsIcon[i].height = props.iconSize[1];\n\t            this.itemsIcon[i].x = -this.itemsIcon[i].width / 2;\n\t            this.itemsIcon[i].y = props.iconY;\n\t            this.itemsIcon[i].texture = engine.Texture.from(this.prizes[i].icon);\n\t            this.itemsCon[i].addChild(this.itemsLabel[i]);\n\t            this.itemsCon[i].addChild(this.itemsIcon[i]);\n\t            this.items[i].addChild(this.itemsCon[i]);\n\t            var _rotation = (i) * (360 / this.prizes.length);\n\t            this.items[i].rotation = _rotation;\n\t            this.wheelPrizeRotation[this.prizes[i].prizeId] = _rotation;\n\t        }\n\t        this.turnplate.rotation = -90;\n\t        engine.Tween.removeTweens(this.turnplate);\n\t        engine.Tween.get(this.turnplate, { loop: true })\n\t            .to({ rotation: 360 - 90 }, 5000);\n\t    };\n\t    GameWrapper.prototype.start = function (event) {\n\t        var _this = this;\n\t        injectProps(event.data);\n\t        engine.Tween.removeTweens(this.turnplate);\n\t        var prizeId = event.data.prizeId;\n\t        engine.Tween.get(this.turnplate)\n\t            .to({ rotation: 7200 - this.wheelPrizeRotation[prizeId] - 90 }, 8000, engine.Ease.circInOut)\n\t            .wait(500)\n\t            .call(function () {\n\t            _this.turnplate.rotation = 360 - _this.wheelPrizeRotation[prizeId] + 0.001 - 90;\n\t            engine.globalEvent.dispatchEvent('turnplate-over', {\n\t                prizeId: prizeId\n\t            });\n\t        });\n\t    };\n\t    return GameWrapper;\n\t}(engine.Container));\n\n\tfunction index (props) {\n\t    prepareProps();\n\t    injectProps(props);\n\t    var instance = new GameWrapper();\n\t    return instance;\n\t}\n\n\treturn index;\n\n})));\n"
+}

src/custom/turnplate/debug/app.js

+/**
+ * Created by renjianfeng on 2020-03-13.
+ */
+
+const customId = 'turnplate';
+
+(async function () {
+	let customModule = await fetch(`../meta.json`);
+	customModule = await customModule.json();
+	console.log(customModule);
+
+	await loadAssets(customModule.assets);
+	launchWithCustomModule(customModule);
+})();
+
+function launchWithCustomModule(customModule) {
+	//engine.registerCustomCodeModule(customModule);
+	engine.registerCustomModule(customId, window[customId]);
+
+	const {props: propsOption, assets} = customModule;
+	let props = engine.computeProps(customModuleProps, propsOption);
+	const customModuleIns = {
+		id: customId,
+		props,
+		assets,
+	};
+
+	engine.registerCustomModules([customModuleIns]);
+	engine.launchWithConfig({
+		options: {
+			entrySceneView: 'entry',
+		},
+		assets: [],
+		views: [{
+			name: 'entry',
+			type: 'node',
+			properties: {
+				x: 0,
+				y: 0,
+			}
+		}],
+		customs: []
+	}, null, function () {
+		setTimeout(() => {
+			engine.addCustomModule(customId, engine.gameStage.sceneContainer.getChildAt(0));
+		}, 100);
+	setTimeout(()=>{
+		engine.globalEvent.dispatchEvent('turnplate-reset', {
+			prizes:[
+				{
+					"icon":"//yun.dui88.com/images/201907/ui83og75fr.png",
+					"id":"o8c947e58",
+					"index":1,
+					"name":"优惠券1",
+					"prizeId":"ga58ef339",
+					"prizeType":2
+				},
+				{
+					"icon":"//yun.duiba.com.cn/db-m/app/turntable/circle/images/prize/谢谢参与_6311f27.png",
+					"id":"thanks",
+					"index":2,
+					"name":"谢谢参与",
+					"prizeId":"thanks",
+					"prizeType":0
+				},
+				// {
+				// 	"icon":"//yun.duiba.com.cn/db-m/app/turntable/circle/images/prize/谢谢参与_6311f27.png",
+				// 	"id":"thanks",
+				// 	"index":2,
+				// 	"name":"谢谢参与",
+				// 	"prizeId":"thanks2",
+				// 	"prizeType":0
+				// },
+				{
+					"icon":"//yun.dui88.com/images/201907/xsit2cvmyl.jpeg",
+					"id":"ob52caaca",
+					"index":3,
+					"name":"实物1",
+					"prizeId":"gb87b2592",
+					"prizeType":2
+				},
+				{
+					"icon":"//yun.dui88.com/projectxh5/alipay-250-250.png",
+					"id":"ob7dc936f",
+					"index":4,
+					"name":"支付宝10元",
+					"prizeId":"g1f8062fe",
+					"prizeType":2
+				},
+				{
+					"icon":"//yun.dui88.com/projectxh5/phonebill-250-250.png",
+					"id":"o56bf97cc",
+					"index":5,
+					"name":"话费30元",
+					"prizeId":"gbeeb3187",
+					"prizeType":2
+				},
+				{
+					"icon":"//yun.dui88.com/projectxh5/qb-250-250.png",
+					"id":"o6c455e84",
+					"index":6,
+					"name":"Q币10个",
+					"prizeId":"g4c4c3edd",
+					"prizeType":2
+				}
+			]
+		});
+	},100)
+		setTimeout(() => {
+			engine.globalEvent.dispatchEvent('turnplate-start',{"prizeId":"g1f8062fe"});
+		}, 5000);
+		setTimeout(() => {
+			engine.globalEvent.dispatchEvent('turnplate-reset', {
+				prizes:[
+					{
+						"icon":"//yun.dui88.com/images/201907/ui83og75fr.png",
+						"id":"o8c947e58",
+						"index":1,
+						"name":"优惠券1",
+						"prizeId":"ga58ef339",
+						"prizeType":2
+					},
+					{
+						"icon":"//yun.duiba.com.cn/db-m/app/turntable/circle/images/prize/谢谢参与_6311f27.png",
+						"id":"thanks",
+						"index":2,
+						"name":"谢谢参与",
+						"prizeId":"thanks",
+						"prizeType":0
+					},
+					// {
+					// 	"icon":"//yun.duiba.com.cn/db-m/app/turntable/circle/images/prize/谢谢参与_6311f27.png",
+					// 	"id":"thanks",
+					// 	"index":2,
+					// 	"name":"谢谢参与",
+					// 	"prizeId":"thanks2",
+					// 	"prizeType":0
+					// },
+					{
+						"icon":"//yun.dui88.com/images/201907/xsit2cvmyl.jpeg",
+						"id":"ob52caaca",
+						"index":3,
+						"name":"实物1",
+						"prizeId":"gb87b2592",
+						"prizeType":2
+					},
+					{
+						"icon":"//yun.dui88.com/projectxh5/alipay-250-250.png",
+						"id":"ob7dc936f",
+						"index":4,
+						"name":"支付宝10元",
+						"prizeId":"g1f8062fe",
+						"prizeType":2
+					},
+					{
+						"icon":"//yun.dui88.com/projectxh5/phonebill-250-250.png",
+						"id":"o56bf97cc",
+						"index":5,
+						"name":"话费30元",
+						"prizeId":"gbeeb3187",
+						"prizeType":2
+					},
+					{
+						"icon":"//yun.dui88.com/projectxh5/qb-250-250.png",
+						"id":"o6c455e84",
+						"index":6,
+						"name":"Q币1000个",
+						"prizeId":"g4c4c3edd",
+						"prizeType":2
+					}
+				]
+			});
+		}, 20000);
+	});
+	engine.globalEvent.addEventListener('turnplate-over', (e) => {
+		console.log(e.type, e.data);
+	});
+	
+}
+
+function reset(){
+	
+}
+
+function getAssetByUUID(uuid) {
+	return engine.resolveCustomAsset(customId, uuid);
+}
+
+function getProps() {
+	return engine.getProps(customId);
+}

src/custom/turnplate/debug/index.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<title>大转盘</title>
+	<meta name="viewport"
+	      content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
+	<meta name="apple-mobile-web-app-capable" content="yes"/>
+	<meta name="full-screen" content="true"/>
+	<meta name="screen-orientation" content="portrait"/>
+	<meta name="x5-fullscreen" content="true"/>
+	<meta name="360-fullscreen" content="true"/>
+	<style>
+		html,
+		body {
+			padding: 0;
+			margin: 0;
+			border: 0;
+
+			width: 100%;
+			height: 100%;
+			overflow: hidden;
+			position: absolute;
+			background-color: red;
+		}
+		.game-container{
+		width: 100%;
+		height: 100%;
+		line-height:0;
+		font-size:0;
+	}
+	</style>
+</head>
+
+<body>
+<div id="game-container" class="game-container"></div>
+<!-- <script crossorigin="anonymous" src="//yun.duiba.com.cn/editor/zeroing/libs/engine.50cdcef6ebe4e8c0fbc624f9d4fbf225102c5750.js"></script> -->
+<script crossorigin="anonymous" src="//yun.duiba.com.cn/editor/zeroing/libs/engine.fbc60c6d3cb30e5ab97e82d392d9efeee91b8581.js"></script>
+<script crossorigin="anonymous" src="//yun.duiba.com.cn/editor/zeroing/libs/svga.fd3923ae6e664251ca7981801a65809cc5f36bc3.js"></script>
+<!-- <script src="//yun.duiba.com.cn/editor/zeroing/libs/engine.ebc906f6b50b8da0a669f77027981d5f3cb560ce.js"></script> -->
+<!-- <script src="http://localhost:4002/debug/engine.js"></script>
+<script src="http://localhost:4003/debug/engine-svga.js"></script> -->
+<!--<script src="//yun.duiba.com.cn/editor/zeroing/libs/engine.9a9dbfda4cb2dd5508ecddfe3d95dfd88063f7b5.js"></script>-->
+<script src="app.js"></script>
+<script src="props.js"></script>
+<script src="load-assets.js"></script>
+<script src="main.js"></script>
+<script>
+
+</script>
+</body>
\ No newline at end of file

src/custom/turnplate/debug/load-assets.js

+/**
+ * Created by rockyl on 2020-01-21.
+ */
+ 
+const assets = [
+	{
+		"name": "雨滴0",
+		"url": "//yun.duiba.com.cn/aurora/assets/badb3627bbcc75276a3eed53daa8b0a454ced6eb.png",
+		"uuid": "d3ce99da-89e1-447d-8c52-b3f391925c3c",
+		"ext": ".png"
+	},
+	{
+		"name": "雨滴1",
+		"url": "//yun.duiba.com.cn/aurora/assets/5cc0092913c571eeb52317b8e1e0dc715793049c.png",
+		"uuid": "02f17008-1d8d-4108-a0fc-03fbc71fd118",
+		"ext": ".png"
+	},
+	{
+		"name": "雨滴2",
+		"url": "//yun.duiba.com.cn/aurora/assets/4b938949b85d50b36ef0f66450643495efbf7580.png",
+		"uuid": "46aa4f8a-9a6c-4210-8ffd-92da0dd3bc75",
+		"ext": ".png"
+	},
+	{
+		"name": "炸弹",
+		"url": "//yun.duiba.com.cn/aurora/assets/171e92283cd13c013ee1b76d28d252ff08815d47.png",
+		"uuid": "eb88b42d-e151-4c1b-94b9-7c16f7bfac29",
+		"ext": ".png"
+	},
+	{
+		"name": "石块",
+		"url": "//yun.duiba.com.cn/aurora/assets/99b0af0c59fe79a415a3f032149cfacc27e3ac2c.png",
+		"uuid": "ab1bdabc-21ba-46bf-9299-6c638f766c88",
+		"ext": ".png"
+	},
+	{
+		"name": "水花",
+		"url": "//yun.duiba.com.cn/aurora/assets/11b1f49fa3afa3a48f1dd3e3c1eb294e3fa9d886.svga",
+		"uuid": "cdd2268f-ad65-4b5e-a965-ee61b730da21",
+		"ext": ".svga"
+	},
+	{
+		"name": "石头svga",
+		"url": "//yun.duiba.com.cn/aurora/assets/01aa6fcb33aa8231f075257026eab2f0aeb3c27a.svga",
+		"uuid": "846a139d-0990-4db4-a323-f22379932ee4",
+		"ext": ".svga"
+	},
+	{
+		"name": "炸弹svga",
+		"url": "//yun.duiba.com.cn/aurora/assets/3b58e7ace031b09c651cf8e7202f9c86e86852c9.svga",
+		"uuid": "d7a3947b-7fcb-48f2-9ddf-2f075d37a619",
+		"ext": ".svga"
+	},
+	{
+		"name": "玩家",
+		"url": "//yun.duiba.com.cn/aurora/assets/db0130d36ef79865be9c753ea0627027f16341d8.png",
+		"uuid": "4931d296-4421-4a2f-8299-7bab87407c72",
+		"ext": ".png"
+	}
+];
+
+function loadAssets(customModuleAssets, onProgress, onComplete){
+	return engine.loadAssets(assets.concat(...customModuleAssets), onProgress, onComplete);
+}

src/custom/turnplate/debug/main.js

+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('tslib')) :
+	typeof define === 'function' && define.amd ? define(['tslib'], factory) :
+	(global = global || self, global.turnplate = factory(global.tslib));
+}(this, (function (tslib) { 'use strict';
+
+	var props = {};
+	function prepareProps() {
+	    var metaProps = getProps();
+	    engine.injectProp(props, metaProps);
+	}
+	function injectProps(p) {
+	    engine.injectProp(props, p);
+	}
+
+	function getTextureByName(name) {
+	    return engine.Texture.from(getAssetByName(name).uuid);
+	}
+
+	var GameWrapper = (function (_super) {
+	    tslib.__extends(GameWrapper, _super);
+	    function GameWrapper() {
+	        var _this = _super.call(this) || this;
+	        _this.wheelPrizeRotation = [];
+	        _this.items = [];
+	        _this.itemsCon = [];
+	        _this.itemsLabel = [];
+	        _this.itemsIcon = [];
+	        _this.once(engine.Event.ADDED_TO_STAGE, _this.setup, _this);
+	        engine.globalEvent.addEventListener('turnplate-reset', _this.reset, _this);
+	        engine.globalEvent.addEventListener('turnplate-start', _this.start, _this);
+	        return _this;
+	    }
+	    GameWrapper.prototype.setup = function () {
+	        this.turnplate = new engine.Container();
+	        this.turnplate.x = 0;
+	        this.turnplate.y = 0;
+	        this.turnplate.rotation = -90;
+	        this.turnplate.width = props.diameter;
+	        this.turnplate.height = props.diameter;
+	        this.turnplate.anchorX = this.turnplate.width / 2;
+	        this.turnplate.anchorY = this.turnplate.height / 2;
+	        this.addChild(this.turnplate);
+	        this._turnplateBG = new engine.Container();
+	        this._turnplateBG.width = props.diameter;
+	        this._turnplateBG.height = props.diameter;
+	        this._turnplateBG.anchorX = this.turnplate.width / 2;
+	        this._turnplateBG.anchorY = this.turnplate.height / 2;
+	        this._turnplateBG.rotation = props.rotationBg;
+	        this.turnplate.addChild(this._turnplateBG);
+	        this.turnplateBg = new engine.Sprite(getTextureByName('大转盘背景'));
+	        this.turnplateBg.x = 0;
+	        this.turnplateBg.y = 0;
+	        this.turnplateBg.width = this.turnplate.width;
+	        this.turnplateBg.height = this.turnplate.height;
+	        this._turnplateBG.addChild(this.turnplateBg);
+	    };
+	    GameWrapper.prototype.reset = function (event) {
+	        injectProps(event.data);
+	        this.prizes = event.data.prizes;
+	        console.log(this.prizes);
+	        for (var i = 0; i < this.items.length; i++) {
+	            this.itemsCon[i].removeChild(this.itemsLabel[i]);
+	            this.itemsCon[i].removeChild(this.itemsIcon[i]);
+	            this.items[i].removeChild(this.itemsCon[i]);
+	            this.turnplate.removeChild(this.items[i]);
+	        }
+	        for (var i = 0; i < this.prizes.length; i++) {
+	            this.items[i] = new engine.Container();
+	            this.itemsCon[i] = new engine.Container();
+	            this.itemsCon[i].x = props.prizesRadius;
+	            this.itemsCon[i].rotation = 90;
+	            this.items[i].x = this.turnplate.width / 2;
+	            this.items[i].y = this.turnplate.height / 2;
+	            this.turnplate.addChild(this.items[i]);
+	            this.itemsLabel[i] = new engine.Label();
+	            this.itemsLabel[i].text = this.prizes[i].name;
+	            this.itemsLabel[i].width = 200;
+	            this.itemsLabel[i].x = -this.itemsLabel[i].width / 2;
+	            this.itemsLabel[i].textAlign = "center";
+	            this.itemsLabel[i].fillColor = props.nameColor;
+	            this.itemsLabel[i].size = props.nameSize;
+	            this.itemsIcon[i] = new engine.Sprite();
+	            this.itemsIcon[i].width = props.iconSize[0];
+	            this.itemsIcon[i].height = props.iconSize[1];
+	            this.itemsIcon[i].x = -this.itemsIcon[i].width / 2;
+	            this.itemsIcon[i].y = props.iconY;
+	            this.itemsIcon[i].texture = engine.Texture.from(this.prizes[i].icon);
+	            this.itemsCon[i].addChild(this.itemsLabel[i]);
+	            this.itemsCon[i].addChild(this.itemsIcon[i]);
+	            this.items[i].addChild(this.itemsCon[i]);
+	            var _rotation = (i) * (360 / this.prizes.length);
+	            this.items[i].rotation = _rotation;
+	            this.wheelPrizeRotation[this.prizes[i].prizeId] = _rotation;
+	        }
+	        this.turnplate.rotation = -90;
+	        engine.Tween.removeTweens(this.turnplate);
+	        engine.Tween.get(this.turnplate, { loop: true })
+	            .to({ rotation: 360 - 90 }, 5000);
+	    };
+	    GameWrapper.prototype.start = function (event) {
+	        var _this = this;
+	        injectProps(event.data);
+	        engine.Tween.removeTweens(this.turnplate);
+	        var prizeId = event.data.prizeId;
+	        engine.Tween.get(this.turnplate)
+	            .to({ rotation: 7200 - this.wheelPrizeRotation[prizeId] - 90 }, 8000, engine.Ease.circInOut)
+	            .wait(500)
+	            .call(function () {
+	            _this.turnplate.rotation = 360 - _this.wheelPrizeRotation[prizeId] + 0.001 - 90;
+	            engine.globalEvent.dispatchEvent('turnplate-over', {
+	                prizeId: prizeId
+	            });
+	        });
+	    };
+	    return GameWrapper;
+	}(engine.Container));
+
+	function index (props) {
+	    prepareProps();
+	    injectProps(props);
+	    var instance = new GameWrapper();
+	    return instance;
+	}
+
+	return index;
+
+})));
+
+//# sourceMappingURL=main.js.map
\ No newline at end of file

src/custom/turnplate/debug/main.js.map

+{"version":3,"file":"index.js","sources":["src/custom/turnplate/src/props.ts","src/custom/turnplate/src/game/utils.ts","src/custom/turnplate/src/game/GameWrapper.ts","src/custom/turnplate/src/index.ts"],"sourcesContent":["/**\n * Created by rockyl on 2020-01-21.\n */\n\nexport let props: any = {};\n\nexport function prepareProps() {\n\tlet metaProps = getProps();\n\n\tengine.injectProp(props, metaProps);\n}\n\nexport function injectProps(p) {\n\tengine.injectProp(props, p);\n}\n","/**\n * Created by rockyl on 2020-01-21.\n */\n\nexport function getTexture(uuid) {\n\treturn engine.Texture.from(getAssetByUUID(uuid).uuid);\n}\n\nexport function getTextureByName(name) {\n\treturn engine.Texture.from(getAssetByName(name).uuid);\n}\n\nexport function playSound(name) {\n\tengine.playSound(getAssetByName(name).uuid, {keep: true});\n}\nexport function createSvga(name, anchorName?) {\n\tlet inst = new svga.Svga();\n\tinst.source = 'asset://' + getAssetByName(name).uuid;\n\treturn inst;\n}\n\nexport function getStage(){\n\treturn engine.gameStage.stage;\n}","/**\n * Created by rockyl on 2020-01-09.\n */\n\nimport {injectProps,props} from \"../props\";\nimport { getTextureByName, getStage } from \"./utils\";\n\n\nexport class GameWrapper extends engine.Container {\n\tprivate _status;\n\tconstructor() {\n\t\tsuper();\n\t\tthis.once(engine.Event.ADDED_TO_STAGE, this.setup, this);\n\t\tengine.globalEvent.addEventListener('turnplate-reset', this.reset, this);\n\t\tengine.globalEvent.addEventListener('turnplate-start', this.start, this);\n\t}\n\n\tturnplate\n\tturnplateBg\n\t_turnplateBG\n\twheelPrizeRotation=[]\n\titems=[]\n\titemsCon=[]\n\titemsLabel=[]\n\titemsIcon=[]\n\n\tsetup(){\n\t\tthis.turnplate = new engine.Container();\n\t\tthis.turnplate.x=0\n\t\tthis.turnplate.y=0\n\t\tthis.turnplate.rotation=-90;\n\t\tthis.turnplate.width = props.diameter;\n\t\tthis.turnplate.height = props.diameter;\n\t\tthis.turnplate.anchorX=this.turnplate.width/2\n\t\tthis.turnplate.anchorY=this.turnplate.height/2\n\t\tthis.addChild(this.turnplate)\n\n\t\tthis._turnplateBG = new engine.Container();\n\t\tthis._turnplateBG.width = props.diameter;\n\t\tthis._turnplateBG.height = props.diameter;\n\t\tthis._turnplateBG.anchorX=this.turnplate.width/2\n\t\tthis._turnplateBG.anchorY=this.turnplate.height/2\n\t\tthis._turnplateBG.rotation=props.rotationBg;\n\t\tthis.turnplate.addChild(this._turnplateBG)\n\t\t\n\t\tthis.turnplateBg = new engine.Sprite(getTextureByName('大转盘背景'));\n\t\tthis.turnplateBg.x=0;\n\t\tthis.turnplateBg.y=0;\n\t\tthis.turnplateBg.width=this.turnplate.width;\n\t\tthis.turnplateBg.height=this.turnplate.height;\n\t\tthis._turnplateBG.addChild(this.turnplateBg)\n\t}\n\n\tprizes\n\n\treset(event: engine.Event) {\t\t\n\t\tinjectProps(event.data);\n\t\t\n\t\tthis.prizes=event.data.prizes\n\t\tconsole.log(this.prizes)\n\n\t\tfor(let i=0;i<this.items.length;i++){\n\t\t\tthis.itemsCon[i].removeChild(this.itemsLabel[i])\n\t\t\tthis.itemsCon[i].removeChild(this.itemsIcon[i])\n\t\t\tthis.items[i].removeChild(this.itemsCon[i])\n\t\t\tthis.turnplate.removeChild(this.items[i])\n\t\t}\n\n\t\tfor(let i=0;i<this.prizes.length;i++){\n\t\t\tthis.items[i] = new engine.Container();\n\t\t\tthis.itemsCon[i] = new engine.Container();\n\t\t\tthis.itemsCon[i].x=props.prizesRadius\n\t\t\tthis.itemsCon[i].rotation=90;\n\t\t\tthis.items[i].x=this.turnplate.width/2\n\t\t\tthis.items[i].y=this.turnplate.height/2\n\t\t\tthis.turnplate.addChild(this.items[i])\n\t\t\tthis.itemsLabel[i] = new engine.Label();\n\t\t\t\n\t\t\tthis.itemsLabel[i].text=this.prizes[i].name;\n\t\t\tthis.itemsLabel[i].width=200;\n\t\t\tthis.itemsLabel[i].x=-this.itemsLabel[i].width/2\n\t\t\tthis.itemsLabel[i].textAlign=\"center\";\n\t\t\tthis.itemsLabel[i].fillColor=props.nameColor;\n\t\t\tthis.itemsLabel[i].size=props.nameSize;\n\n\t\t\tthis.itemsIcon[i] =new engine.Sprite();\n\t\t\tthis.itemsIcon[i].width=props.iconSize[0]\n\t\t\tthis.itemsIcon[i].height=props.iconSize[1]\n\t\t\tthis.itemsIcon[i].x=-this.itemsIcon[i].width/2;\n\t\t\tthis.itemsIcon[i].y=props.iconY\n\t\t\tthis.itemsIcon[i].texture =engine.Texture.from(this.prizes[i].icon)\n\t\t\tthis.itemsCon[i].addChild(this.itemsLabel[i])\n\t\t\tthis.itemsCon[i].addChild(this.itemsIcon[i])\n\t\t\tthis.items[i].addChild(this.itemsCon[i])\n\n\t\t\tlet _rotation=(i)*(360/this.prizes.length)\n\t\t\tthis.items[i].rotation=_rotation\n\t\t\tthis.wheelPrizeRotation[this.prizes[i].prizeId]=_rotation;\n\t   }\n\t   this.turnplate.rotation=-90;\n\t   engine.Tween.removeTweens(this.turnplate)\n\t   engine.Tween.get( this.turnplate,{loop:true})\n\t\t.to({rotation:360-90}, 5000,)\n\t}\n\n\tstart(event: engine.Event) {\n\t\t//this.turnplate.rotation=-90;\n\t\tinjectProps(event.data);\n\t\tengine.Tween.removeTweens(this.turnplate)\n\t\tlet prizeId=event.data.prizeId\n\t\tengine.Tween.get( this.turnplate )\n\t\t.to({rotation:7200-this.wheelPrizeRotation[prizeId]-90}, 8000,engine.Ease.circInOut)\n\t\t.wait(500)\n\t\t.call(()=>{\n\t\t\tthis.turnplate.rotation=360-this.wheelPrizeRotation[prizeId]+0.001-90\n\t\t\tengine.globalEvent.dispatchEvent('turnplate-over', {\n\t\t\t\tprizeId\n\t\t\t});\n\t\t\t// disRect.visible=false;\n\t\t\t// if(prizeId!=\"thanks\"){\n\t\t\t// \t\tnext(\"success\",args)\n\t\t\t// }else{\n\t\t\t// \t\tnext(\"failed\",args)\n\t\t\t// }\n\t\t})\n\t}\n}\n","/**\n * Created by rockyl on 2019-11-20.\n */\n\nimport {GameWrapper} from \"./game/GameWrapper\";\nimport {injectProps, prepareProps} from \"./props\";\n\nexport default function (props) {\n\tprepareProps();\n\tinjectProps(props);\n\n\tlet instance = new GameWrapper();\n\treturn instance;\n}\n"],"names":["__extends"],"mappings":"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"}
\ No newline at end of file

src/custom/turnplate/debug/props.js

+/**
+ * Created by rockyl on 2020-01-21.
+ */
+
+let customModuleProps = {
+
+};

src/custom/turnplate/meta.json

+{
+	"name": "大转盘",
+	"desc": "大转盘模块",
+	"props": {
+		"iconSize": {
+			"alias": "奖品图的大小",
+			"type": "array<number>",
+			"default": "80,80"
+		},
+		"diameter": {
+			"alias": "圆盘直径",
+			"type": "number",
+			"default": "600"
+		},
+		"prizesRadius": {
+			"alias": "奖品距离圆心的距离",
+			"type": "number",
+			"default": 250
+		},
+		"nameColor": {
+			"alias": "奖品名称的字体颜色",
+			"type": "string",
+			"default": "#444444"
+		},
+		"nameSize": {
+			"alias": "奖品名称的字体大小",
+			"type": "number",
+			"default": 20
+		},
+		"iconY": {
+			"alias": "奖品名称的Y轴偏移",
+			"type": "number",
+			"default": 30
+		},
+		"rotationBg": {
+			"alias": "背景旋转",
+			"type": "number",
+			"default": 30
+		}
+	},
+	"assets": [
+		{
+			"name": "大转盘背景",
+			"url": "//yun.duiba.com.cn/aurora/assets/559177b3c0d4245d245b5cdfa31ba9d9dc20223c.png",
+			"uuid": "d3ce99da-89e1-447d-8c52-b3f391925c3c",
+			"ext": ".png"
+		}
+	],
+	"events": {
+		"in": {
+			"turnplate-reset": {
+				"alias": "重置",
+				"data":{
+					"prizes":"所有奖品"
+				}
+			},
+			"turnplate-start": {
+				"alias": "开始",
+				"data":{
+					"prizeId":"中奖的奖品id"
+				}
+			}
+		},
+		"out": {
+			"turnplate-over": {
+				"alias": "转盘停止",
+				"data": {
+					"prizeId":"中奖的奖品id"
+				}
+			}
+		}
+	}
+}
\ No newline at end of file

src/custom/turnplate/src/game/GameWrapper.ts

+/**
+ * Created by rockyl on 2020-01-09.
+ */
+
+import {injectProps,props} from "../props";
+import { getTextureByName, getStage } from "./utils";
+
+
+export class GameWrapper extends engine.Container {
+	private _status;
+	constructor() {
+		super();
+		this.once(engine.Event.ADDED_TO_STAGE, this.setup, this);
+		engine.globalEvent.addEventListener('turnplate-reset', this.reset, this);
+		engine.globalEvent.addEventListener('turnplate-start', this.start, this);
+	}
+
+	turnplate
+	turnplateBg
+	_turnplateBG
+	wheelPrizeRotation=[]
+	items=[]
+	itemsCon=[]
+	itemsLabel=[]
+	itemsIcon=[]
+
+	setup(){
+		this.turnplate = new engine.Container();
+		this.turnplate.x=0
+		this.turnplate.y=0
+		this.turnplate.rotation=-90;
+		this.turnplate.width = props.diameter;
+		this.turnplate.height = props.diameter;
+		this.turnplate.anchorX=this.turnplate.width/2
+		this.turnplate.anchorY=this.turnplate.height/2
+		this.addChild(this.turnplate)
+
+		this._turnplateBG = new engine.Container();
+		this._turnplateBG.width = props.diameter;
+		this._turnplateBG.height = props.diameter;
+		this._turnplateBG.anchorX=this.turnplate.width/2
+		this._turnplateBG.anchorY=this.turnplate.height/2
+		this._turnplateBG.rotation=props.rotationBg;
+		this.turnplate.addChild(this._turnplateBG)
+		
+		this.turnplateBg = new engine.Sprite(getTextureByName('大转盘背景'));
+		this.turnplateBg.x=0;
+		this.turnplateBg.y=0;
+		this.turnplateBg.width=this.turnplate.width;
+		this.turnplateBg.height=this.turnplate.height;
+		this._turnplateBG.addChild(this.turnplateBg)
+	}
+
+	prizes
+
+	reset(event: engine.Event) {		
+		injectProps(event.data);
+		
+		this.prizes=event.data.prizes
+		console.log(this.prizes)
+
+		for(let i=0;i<this.items.length;i++){
+			this.itemsCon[i].removeChild(this.itemsLabel[i])
+			this.itemsCon[i].removeChild(this.itemsIcon[i])
+			this.items[i].removeChild(this.itemsCon[i])
+			this.turnplate.removeChild(this.items[i])
+		}
+
+		for(let i=0;i<this.prizes.length;i++){
+			this.items[i] = new engine.Container();
+			this.itemsCon[i] = new engine.Container();
+			this.itemsCon[i].x=props.prizesRadius
+			this.itemsCon[i].rotation=90;
+			this.items[i].x=this.turnplate.width/2
+			this.items[i].y=this.turnplate.height/2
+			this.turnplate.addChild(this.items[i])
+			this.itemsLabel[i] = new engine.Label();
+			
+			this.itemsLabel[i].text=this.prizes[i].name;
+			this.itemsLabel[i].width=200;
+			this.itemsLabel[i].x=-this.itemsLabel[i].width/2
+			this.itemsLabel[i].textAlign="center";
+			this.itemsLabel[i].fillColor=props.nameColor;
+			this.itemsLabel[i].size=props.nameSize;
+
+			this.itemsIcon[i] =new engine.Sprite();
+			this.itemsIcon[i].width=props.iconSize[0]
+			this.itemsIcon[i].height=props.iconSize[1]
+			this.itemsIcon[i].x=-this.itemsIcon[i].width/2;
+			this.itemsIcon[i].y=props.iconY
+			this.itemsIcon[i].texture =engine.Texture.from(this.prizes[i].icon)
+			this.itemsCon[i].addChild(this.itemsLabel[i])
+			this.itemsCon[i].addChild(this.itemsIcon[i])
+			this.items[i].addChild(this.itemsCon[i])
+
+			let _rotation=(i)*(360/this.prizes.length)
+			this.items[i].rotation=_rotation
+			this.wheelPrizeRotation[this.prizes[i].prizeId]=_rotation;
+	   }
+	   this.turnplate.rotation=-90;
+	   engine.Tween.removeTweens(this.turnplate)
+	   engine.Tween.get( this.turnplate,{loop:true})
+		.to({rotation:360-90}, 5000,)
+	}
+
+	start(event: engine.Event) {
+		//this.turnplate.rotation=-90;
+		injectProps(event.data);
+		engine.Tween.removeTweens(this.turnplate)
+		let prizeId=event.data.prizeId
+		engine.Tween.get( this.turnplate )
+		.to({rotation:7200-this.wheelPrizeRotation[prizeId]-90}, 8000,engine.Ease.circInOut)
+		.wait(500)
+		.call(()=>{
+			this.turnplate.rotation=360-this.wheelPrizeRotation[prizeId]+0.001-90
+			engine.globalEvent.dispatchEvent('turnplate-over', {
+				prizeId
+			});
+			// disRect.visible=false;
+			// if(prizeId!="thanks"){
+			// 		next("success",args)
+			// }else{
+			// 		next("failed",args)
+			// }
+		})
+	}
+}

src/custom/turnplate/src/game/object-pool-init.ts

+/**
+ * Created by rockyl on 2020-02-03.
+ */
+
+import {Goods} from "./Goods";
+import ObjectPool = engine.ObjectPool;
+
+export const PoolName: string = 'goods';
+
+ObjectPool.registerPool(PoolName, function () {
+	return new Goods();
+}, function (item: Goods, data) {
+	item.reset();
+});

src/custom/turnplate/src/game/utils.ts

+/**
+ * Created by rockyl on 2020-01-21.
+ */
+
+export function getTexture(uuid) {
+	return engine.Texture.from(getAssetByUUID(uuid).uuid);
+}
+
+export function getTextureByName(name) {
+	return engine.Texture.from(getAssetByName(name).uuid);
+}
+
+export function playSound(name) {
+	engine.playSound(getAssetByName(name).uuid, {keep: true});
+}
+export function createSvga(name, anchorName?) {
+	let inst = new svga.Svga();
+	inst.source = 'asset://' + getAssetByName(name).uuid;
+	return inst;
+}
+
+export function getStage(){
+	return engine.gameStage.stage;
+}
\ No newline at end of file

src/custom/turnplate/src/index.ts

+/**
+ * Created by rockyl on 2019-11-20.
+ */
+
+import {GameWrapper} from "./game/GameWrapper";
+import {injectProps, prepareProps} from "./props";
+
+export default function (props) {
+	prepareProps();
+	injectProps(props);
+
+	let instance = new GameWrapper();
+	return instance;
+}

src/custom/turnplate/src/props.ts

+/**
+ * Created by rockyl on 2020-01-21.
+ */
+
+export let props: any = {};
+
+export function prepareProps() {
+	let metaProps = getProps();
+
+	engine.injectProp(props, metaProps);
+}
+
+export function injectProps(p) {
+	engine.injectProp(props, p);
+}