룰렛 이벤트 소스 질문드려요! 채택완료
은요이
4년 전
조회 4,984
https://codepen.io/pong777/pen/zVvjjg
여기에서 참고한 룰렛 소스로 작업중인데요!
룰렛이 참고한 소스와 다르게, 상품이 가운데 위치한 형태가 아니다 보니,
아래 사진과 같이 룰렛의 화살표가 가르키는 상품이 다르게 나오네요 ㅠㅠ
아래는 제가 사용하고 있는 코드입니다!
이것때문에 야근중 ,, ㅠㅠ
</p>
<p>
var gift;
var present = ['비타500', '스타벅스 아메리카노' , '비타500', '베스킨라빈스 싱글레귤러', '비타500', '이디야 흑당라떼', '비타500', '바나나우유']</p>
<p> iniGame = function(num) {
gift = num;
TweenLite.killTweensOf($(".board_on"));
TweenLite.to($(".board_on"), 0, {
css: {
rotation: rotationPos[gift]
}
});
TweenLite.from($(".board_on"), 8, {
css: {
rotation: -3000
},
onComplete: endGame,
ease: Sine.easeOut
});
console.log("gift 숫자 : " + (gift + 1) + "rotationPos" + rotationPos);
}</p>
<p> var rotationPos = new Array(45, 90, 135, 180, 225, 270, 315, 360);</p>
<p>
function endGame() {
var copImg = "./images/renew_gift" + (gift + 1) + ".png";
console.log("이미지 : " + copImg);
$("#popup_gift .lottery_present .gift_end1").text(function() {
return "축하드립니다."
});</p>
<p> $("#popup_gift .lottery_present .gift_end2").text(function() {
return present[gift] + " 당첨 되셨습니다.";
});</p>
<p> $('<img src="' + copImg + '" />').prependTo("#popup_gift .lottery_present");
setTimeout(function() {
openPopup("popup_gift");
}, 1000);
}</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인