cocos3.8.8期望实现搓牌效果 已经用threejs实现了一个版本 现在想用cocos实现一个
卡在自定义顶点这边了
搓牌效果 (Card Peek) - WebGL + Three.js
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
background: radial-gradient(circle at 50% 40%, #1b5e20 0%, #0b2e12 70%, #06210c 100%);
font-family: "Segoe UI", system-ui, sans-serif;
color: #eee;
user-select: none;
-webkit-user-select: none;
touch-action: none;
}
#info {
position: fixed;
top: 14px;
left: 50%;
transform: translateX(-50%);
text-align: center;
font-size: 14px;
line-height: 1.6;
opacity: 0.85;
pointer-events: none;
z-index: 10;
text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
#info b { color: #ffd54f; }
#hint {
position: fixed;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
opacity: 0.6;
pointer-events: none;
z-index: 10;
}
canvas { display: block; }
拖拽卡牌的四个角(上/下/左/右)向内搓,即可看到向前卷曲的搓牌效果
松手自动回弹 · 拖到底会完全翻开
这是我threejs的版本