翻转动画

根据浮生梦老师前端课程内容，翻转动画可以通过以下方式实现： ```lua -- 首先创建父节点界面 local parent = GUI:Win_Create("GMMain", 0, 0, 0, 0, false, false, true, false, false, false, 1) -- 创建卡牌正面和反面图片 local frontImage = GUI:Image_Create(parent, "front_image", 100, 100, "res/public_win32/1900000610.png") local backImage = GUI:Image_Create(parent, "back_image", 100, 100, "res/public_win32/1900000612.png") -- 设置初始状态 GUI:setVisible(frontImage, false) -- 正面初始隐藏 GUI:setVisible(backImage, true) -- 反面初始显示 GUI:setScaleX(backImage, 1) -- 设置初始缩放为1 GUI:setAnchorPoint(backImage, 0.5, 0.5) -- 设置锚点为中心点 -- 翻转动画函数 local function flipCardAnimation() local ScaleX = 1 -- 初始缩放值 -- 使用定时器实现逐帧动画 GUI:schedule(backImage, function() if ScaleX > 0 then ScaleX = ScaleX - 0.05 -- 每次减少0.05 GUI:setScaleX(backImage, ScaleX) -- 设置X轴缩放 end if ScaleX <= 0.05 then -- 当反面缩小到几乎看不见时 GUI:setVisible(frontImage, true) -- 显示正面 GUI:setVisible(backImage, false) -- 隐藏反面 GUI:unSchedule(backImage) -- 停止定时器 end end, 0.05) -- 每0.05秒执行一次 end -- 创建触发按钮 local button = GUI:Button_Create(parent, "flip_button", 200, 200, "res/public_win32/1900000612.png") GUI:Button_setTitleText(button, "翻转卡牌") -- 绑定点击事件 GUI:addOnClickEvent(button, function() SL:print("开始翻转动画") flipCardAnimation() end) ``` **动画原理说明：** 1. 通过`GUI:setScaleX()`逐渐减小X轴缩放值，实现视觉上的"翻转"效果 2. 使用`GUI:schedule()`创建定时器，实现逐帧动画 3. 当反面缩小到一定程度时，切换显示正面图片 4. 使用`GUI:setAnchorPoint()`设置锚点为图片中心，确保围绕中心点翻转 **关键函数说明：** - `GUI:setScaleX(widget, value)` - 设置X轴缩放 - `GUI:schedule(widget, callback, interval)` - 创建定时器 - `GUI:unSchedule(widget)` - 停止定时器 - `GUI:setVisible(widget, value)` - 设置可见性 - `GUI:setAnchorPoint(widget, x, y)` - 设置锚点 这个动画效果模拟了卡牌翻转的视觉效果，通过X轴缩放的渐变来实现。