难度动画加速
This commit is contained in:
@@ -3,8 +3,8 @@
|
|||||||
"_$id": "zala0uui",
|
"_$id": "zala0uui",
|
||||||
"_$type": "Box",
|
"_$type": "Box",
|
||||||
"name": "Difficulty",
|
"name": "Difficulty",
|
||||||
"width": 1920,
|
"width": 1080,
|
||||||
"height": 1080,
|
"height": 1920,
|
||||||
"_mouseState": 2,
|
"_mouseState": 2,
|
||||||
"left": 0,
|
"left": 0,
|
||||||
"right": 0,
|
"right": 0,
|
||||||
@@ -24,8 +24,8 @@
|
|||||||
"_$id": "4udntov4",
|
"_$id": "4udntov4",
|
||||||
"_$type": "Image",
|
"_$type": "Image",
|
||||||
"name": "mask",
|
"name": "mask",
|
||||||
"width": 1920,
|
"width": 1080,
|
||||||
"height": 1080,
|
"height": 1920,
|
||||||
"alpha": 0.4,
|
"alpha": 0.4,
|
||||||
"left": 0,
|
"left": 0,
|
||||||
"right": 0,
|
"right": 0,
|
||||||
@@ -38,8 +38,8 @@
|
|||||||
"_$id": "8qh18emh",
|
"_$id": "8qh18emh",
|
||||||
"_$type": "Box",
|
"_$type": "Box",
|
||||||
"name": "bottom",
|
"name": "bottom",
|
||||||
"y": -135,
|
"y": 705,
|
||||||
"width": 1920,
|
"width": 1080,
|
||||||
"height": 1215,
|
"height": 1215,
|
||||||
"left": 0,
|
"left": 0,
|
||||||
"right": 0,
|
"right": 0,
|
||||||
@@ -49,12 +49,13 @@
|
|||||||
"_$id": "jzxgx41i",
|
"_$id": "jzxgx41i",
|
||||||
"_$type": "Box",
|
"_$type": "Box",
|
||||||
"name": "offset",
|
"name": "offset",
|
||||||
"width": 1920,
|
"y": 2400,
|
||||||
|
"width": 1080,
|
||||||
"height": 1215,
|
"height": 1215,
|
||||||
"_mouseState": 2,
|
"_mouseState": 2,
|
||||||
"left": 0,
|
"left": 0,
|
||||||
"right": 0,
|
"right": 0,
|
||||||
"bottom": 0,
|
"bottom": -2400,
|
||||||
"_$child": [
|
"_$child": [
|
||||||
{
|
{
|
||||||
"_$id": "bd1s5tvm",
|
"_$id": "bd1s5tvm",
|
||||||
@@ -65,15 +66,10 @@
|
|||||||
"_gcmds": [
|
"_gcmds": [
|
||||||
{
|
{
|
||||||
"_$type": "DrawRoundRectCmd",
|
"_$type": "DrawRoundRectCmd",
|
||||||
"x": 0,
|
|
||||||
"y": 0,
|
|
||||||
"width": 1,
|
|
||||||
"height": 1,
|
|
||||||
"lt": 48,
|
"lt": 48,
|
||||||
"rt": 48,
|
"rt": 48,
|
||||||
"lb": 0,
|
"lb": 0,
|
||||||
"rb": 0,
|
"rb": 0,
|
||||||
"percent": true,
|
|
||||||
"lineWidth": 1,
|
"lineWidth": 1,
|
||||||
"fillColor": "rgba(245, 247, 251, 1)"
|
"fillColor": "rgba(245, 247, 251, 1)"
|
||||||
}
|
}
|
||||||
@@ -83,7 +79,7 @@
|
|||||||
"_$id": "e5l16p86",
|
"_$id": "e5l16p86",
|
||||||
"_$type": "Label",
|
"_$type": "Label",
|
||||||
"name": "Label",
|
"name": "Label",
|
||||||
"x": 510,
|
"x": 90,
|
||||||
"y": 35,
|
"y": 35,
|
||||||
"width": 900,
|
"width": 900,
|
||||||
"height": 180,
|
"height": 180,
|
||||||
@@ -94,7 +90,6 @@
|
|||||||
"color": "rgba(45, 49, 56, 1)",
|
"color": "rgba(45, 49, 56, 1)",
|
||||||
"align": "center",
|
"align": "center",
|
||||||
"valign": "middle",
|
"valign": "middle",
|
||||||
"padding": "0,0,0,0",
|
|
||||||
"_$child": [
|
"_$child": [
|
||||||
{
|
{
|
||||||
"_$id": "5xwrtg57",
|
"_$id": "5xwrtg57",
|
||||||
@@ -116,15 +111,6 @@
|
|||||||
"_gcmds": [
|
"_gcmds": [
|
||||||
{
|
{
|
||||||
"_$type": "DrawRoundRectCmd",
|
"_$type": "DrawRoundRectCmd",
|
||||||
"x": 0,
|
|
||||||
"y": 0,
|
|
||||||
"width": 1,
|
|
||||||
"height": 1,
|
|
||||||
"lt": 6,
|
|
||||||
"rt": 6,
|
|
||||||
"lb": 6,
|
|
||||||
"rb": 6,
|
|
||||||
"percent": true,
|
|
||||||
"lineWidth": 1,
|
"lineWidth": 1,
|
||||||
"fillColor": "rgba(211, 213, 219, 1)"
|
"fillColor": "rgba(211, 213, 219, 1)"
|
||||||
}
|
}
|
||||||
@@ -138,7 +124,6 @@
|
|||||||
"_$id": "34t1dkio",
|
"_$id": "34t1dkio",
|
||||||
"_$type": "VBox",
|
"_$type": "VBox",
|
||||||
"name": "items",
|
"name": "items",
|
||||||
"x": 420,
|
|
||||||
"y": 288,
|
"y": 288,
|
||||||
"width": 1080,
|
"width": 1080,
|
||||||
"height": 840,
|
"height": 840,
|
||||||
@@ -179,15 +164,10 @@
|
|||||||
"_gcmds": [
|
"_gcmds": [
|
||||||
{
|
{
|
||||||
"_$type": "DrawRoundRectCmd",
|
"_$type": "DrawRoundRectCmd",
|
||||||
"x": 0,
|
|
||||||
"y": 0,
|
|
||||||
"width": 1,
|
|
||||||
"height": 1,
|
|
||||||
"lt": 36,
|
"lt": 36,
|
||||||
"rt": 36,
|
"rt": 36,
|
||||||
"lb": 36,
|
"lb": 36,
|
||||||
"rb": 36,
|
"rb": 36,
|
||||||
"percent": true,
|
|
||||||
"lineWidth": 1,
|
"lineWidth": 1,
|
||||||
"fillColor": "#FFFFFF"
|
"fillColor": "#FFFFFF"
|
||||||
}
|
}
|
||||||
@@ -206,8 +186,7 @@
|
|||||||
"fontSize": 54,
|
"fontSize": 54,
|
||||||
"color": "rgba(45, 49, 56, 1)",
|
"color": "rgba(45, 49, 56, 1)",
|
||||||
"align": "center",
|
"align": "center",
|
||||||
"valign": "middle",
|
"valign": "middle"
|
||||||
"padding": "0,0,0,0"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -243,15 +222,10 @@
|
|||||||
"_gcmds": [
|
"_gcmds": [
|
||||||
{
|
{
|
||||||
"_$type": "DrawRoundRectCmd",
|
"_$type": "DrawRoundRectCmd",
|
||||||
"x": 0,
|
|
||||||
"y": 0,
|
|
||||||
"width": 1,
|
|
||||||
"height": 1,
|
|
||||||
"lt": 36,
|
"lt": 36,
|
||||||
"rt": 36,
|
"rt": 36,
|
||||||
"lb": 36,
|
"lb": 36,
|
||||||
"rb": 36,
|
"rb": 36,
|
||||||
"percent": true,
|
|
||||||
"lineWidth": 1,
|
"lineWidth": 1,
|
||||||
"fillColor": "#FFFFFF"
|
"fillColor": "#FFFFFF"
|
||||||
}
|
}
|
||||||
@@ -270,8 +244,7 @@
|
|||||||
"fontSize": 54,
|
"fontSize": 54,
|
||||||
"color": "rgba(45, 49, 56, 1)",
|
"color": "rgba(45, 49, 56, 1)",
|
||||||
"align": "center",
|
"align": "center",
|
||||||
"valign": "middle",
|
"valign": "middle"
|
||||||
"padding": "0,0,0,0"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -307,15 +280,10 @@
|
|||||||
"_gcmds": [
|
"_gcmds": [
|
||||||
{
|
{
|
||||||
"_$type": "DrawRoundRectCmd",
|
"_$type": "DrawRoundRectCmd",
|
||||||
"x": 0,
|
|
||||||
"y": 0,
|
|
||||||
"width": 1,
|
|
||||||
"height": 1,
|
|
||||||
"lt": 36,
|
"lt": 36,
|
||||||
"rt": 36,
|
"rt": 36,
|
||||||
"lb": 36,
|
"lb": 36,
|
||||||
"rb": 36,
|
"rb": 36,
|
||||||
"percent": true,
|
|
||||||
"lineWidth": 1,
|
"lineWidth": 1,
|
||||||
"fillColor": "#FFFFFF"
|
"fillColor": "#FFFFFF"
|
||||||
}
|
}
|
||||||
@@ -334,8 +302,7 @@
|
|||||||
"fontSize": 54,
|
"fontSize": 54,
|
||||||
"color": "rgba(45, 49, 56, 1)",
|
"color": "rgba(45, 49, 56, 1)",
|
||||||
"align": "center",
|
"align": "center",
|
||||||
"valign": "middle",
|
"valign": "middle"
|
||||||
"padding": "0,0,0,0"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -371,15 +338,10 @@
|
|||||||
"_gcmds": [
|
"_gcmds": [
|
||||||
{
|
{
|
||||||
"_$type": "DrawRoundRectCmd",
|
"_$type": "DrawRoundRectCmd",
|
||||||
"x": 0,
|
|
||||||
"y": 0,
|
|
||||||
"width": 1,
|
|
||||||
"height": 1,
|
|
||||||
"lt": 36,
|
"lt": 36,
|
||||||
"rt": 36,
|
"rt": 36,
|
||||||
"lb": 36,
|
"lb": 36,
|
||||||
"rb": 36,
|
"rb": 36,
|
||||||
"percent": true,
|
|
||||||
"lineWidth": 1,
|
"lineWidth": 1,
|
||||||
"fillColor": "#FFFFFF"
|
"fillColor": "#FFFFFF"
|
||||||
}
|
}
|
||||||
@@ -398,8 +360,7 @@
|
|||||||
"fontSize": 54,
|
"fontSize": 54,
|
||||||
"color": "rgba(45, 49, 56, 1)",
|
"color": "rgba(45, 49, 56, 1)",
|
||||||
"align": "center",
|
"align": "center",
|
||||||
"valign": "middle",
|
"valign": "middle"
|
||||||
"padding": "0,0,0,0"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -435,15 +396,10 @@
|
|||||||
"_gcmds": [
|
"_gcmds": [
|
||||||
{
|
{
|
||||||
"_$type": "DrawRoundRectCmd",
|
"_$type": "DrawRoundRectCmd",
|
||||||
"x": 0,
|
|
||||||
"y": 0,
|
|
||||||
"width": 1,
|
|
||||||
"height": 1,
|
|
||||||
"lt": 36,
|
"lt": 36,
|
||||||
"rt": 36,
|
"rt": 36,
|
||||||
"lb": 36,
|
"lb": 36,
|
||||||
"rb": 36,
|
"rb": 36,
|
||||||
"percent": true,
|
|
||||||
"lineWidth": 1,
|
"lineWidth": 1,
|
||||||
"fillColor": "#FFFFFF"
|
"fillColor": "#FFFFFF"
|
||||||
}
|
}
|
||||||
@@ -462,8 +418,7 @@
|
|||||||
"fontSize": 54,
|
"fontSize": 54,
|
||||||
"color": "rgba(45, 49, 56, 1)",
|
"color": "rgba(45, 49, 56, 1)",
|
||||||
"align": "center",
|
"align": "center",
|
||||||
"valign": "middle",
|
"valign": "middle"
|
||||||
"padding": "0,0,0,0"
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,24 +10,29 @@ export class Difficulty extends Laya.Script {
|
|||||||
@property(Laya.Box)
|
@property(Laya.Box)
|
||||||
public obj_items: Laya.Box
|
public obj_items: Laya.Box
|
||||||
|
|
||||||
|
private offset: Laya.Box
|
||||||
// 组件被激活后执行,此时所有节点和组件均已创建完毕,此方法只执行一次
|
// 组件被激活后执行,此时所有节点和组件均已创建完毕,此方法只执行一次
|
||||||
onAwake(): void {
|
onAwake(): void {
|
||||||
const offset = this.owner.getChildByName("bottom").getChildByName("offset") as Laya.Box
|
|
||||||
const bg = offset.getChildByName("bg") as Laya.Sprite
|
|
||||||
bg.graphics.clear()
|
|
||||||
bg.graphics.drawRoundRect(0, 0, offset.width, offset.height, 20, 20, 0, 0, "#f5f7fb")
|
|
||||||
|
|
||||||
offset.y = offset.width
|
this.offset = this.owner.getChildByName("bottom").getChildByName("offset") as Laya.Box
|
||||||
Laya.Tween.to(offset, { y: 0 }, 500)
|
this.offset.y = this.offset.width
|
||||||
|
|
||||||
|
const bg = this.offset.getChildByName("bg") as Laya.Sprite
|
||||||
|
bg.graphics.clear()
|
||||||
|
bg.graphics.drawRoundRect(0, 0, this.offset.width, this.offset.height, 20, 20, 0, 0, "#f5f7fb")
|
||||||
|
|
||||||
const mask = this.owner.getChildByName("mask")
|
const mask = this.owner.getChildByName("mask")
|
||||||
mask.on(Laya.Event.CLICK, this, () => {
|
mask.on(Laya.Event.CLICK, this, () => {
|
||||||
Laya.Tween.to(offset, { y: 2400 }, 500, null, Laya.Handler.create(this, () => {
|
Laya.Tween.to(this.offset, { y: 2400 }, 200, null, Laya.Handler.create(this, () => {
|
||||||
this.owner.destroy()
|
this.owner.destroy()
|
||||||
}))
|
}))
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onStart(): void {
|
||||||
|
Laya.Tween.to(this.offset, { y: 0 }, 200)
|
||||||
|
}
|
||||||
|
|
||||||
public onInit(callback: any): void {
|
public onInit(callback: any): void {
|
||||||
for (let i = 0; i < config.DIFFICULTY_LIST.length; i++) {
|
for (let i = 0; i < config.DIFFICULTY_LIST.length; i++) {
|
||||||
const obj = this.obj_items.getChildAt(i)
|
const obj = this.obj_items.getChildAt(i)
|
||||||
|
|||||||
Reference in New Issue
Block a user