우리를 따르라 파란색 단어를 클릭!
대중의 다수의 노력
긴 잘 생긴 사람들은 걱정
게임에서, 때로는 위해 사용자가 우리가 얻을 앞서 언급 사용하여 빅 휠 복권뿐만 아니라 일부 항목에 임의 항목의 어떤 종류를 얻을 수있는 방법이 흥미 통과, 달성 할 수있는 유사한 기능 카드를 추출하는 것입니다있다.
기술
오픈 인터페이스 카드를 펌핑 사용자에게 카드의 모든 배면을 보여주기 위해, 사용자 카드까지 임의의 지점, 카드는 동영상 플레이어가 열립니다 및 표시 정보는 카드 관련 등이 설명되어 있습니다.
UI 건설
(1) 새로운 버튼 요소를 만들고, 브랜드 이미지의 배면에 설정된
복제 (2) 5 부, 줄, 차례로 다음 지시 하였다
다음과 같은 효과가있다 :
코드
(1) 저장 카드의 배열을 선언
다음은이 . 카드 = []; // 배열 카드
(2) 스토리지 카드 배열 대향
for (let i = 0; i < 6; i++)
{
self.cards[i] = cc.find("card" + i, obj4);
}
(3)为卡片添加监听事件
findBtn("card" + i, obj4, function ()
{
self.turnCard(i);
})
(4)翻牌操作（翻牌动画）
///翻牌操作
turnCard(idx) {
var self = this;
var scale1 = cc.scaleTo(0.1, 0, 1);
var call1 = app.callFunc(function (adt) {
self.flipCard(idx);
}, [self.cards[idx]]);
var scale2 = cc.scaleTo(0.1, 1, 1)
self.cards[idx].stopAllActions();
self.cards[idx].runAction(cc.sequence(scale1, call1, scale2));
},
5翻牌后显示牌正面：这里为了替换牌正面纹理的方便，我们将它保存在Resources/image/card/目录下，并依次命名为1，2，3，4，5，将背面纹理图片命名为0.
//翻开某一张牌后显示牌正面相关信息
flipCardShow(idx) {
//--测试，根据需要赋值
let cardIdx=3；
self.updateCardTexture(this.cards[idx], cardIdx);//更换牌的纹理
//显示牌正面的其他信息
//TODO
},
修改纹理图片方法：
updateCardTexture(img, textureName) {
cc.loader.loadRes("image/card/" + textureName, cc.SpriteFrame, function (err, spriteFrame) {
if (!err) { img.getComponent(cc.Sprite).spriteFrame = spriteFrame; }
});
},
6.当关闭该翻牌面板时，需要将翻牌结果重置未未翻牌状态
//初始化牌
initCard () {
위해 ( 하자 I = 0 ; I는 < 6 ; 내가 ++ ) {
GM . GameData . updateCardTexture ( 이 . 카드 [ I ], "0" );
}
}
지금까지 플롭 기능이 실현되고,이 문서를 작성하는 주요 목적은 플롭 애니메이션을 공유하는 단계 (4).
효과
참고 효과 제조 PS 출력 프레임 애니메이션 아닌 실제 결과 상기 GIF. 실제 결과는 더 많은 수를 조정 보일 것입니다.
당신은 PS를 배우고 싶은 경우에, 당신은 다음 Fanger 웨이 코드를 스캔 우리의 공공의 수를 볼 수 있습니다 오 ~
과거 권장
A. 잠자리에서 눈에, 빠르게 변화하는 세계 (3 개)
II. 마지막으로, 나는 부자! ! (두)
III. 대학 입학 시험은 여기에서 갈 것인가? (A)