https://codepen.io/pong777/pen/zVvjjg
여기에서 참고한 룰렛 소스로 작업중인데요!

룰렛이 참고한 소스와 다르게, 상품이 가운데 위치한 형태가 아니다 보니,
아래 사진과 같이 룰렛의 화살표가 가르키는 상품이 다르게 나오네요 ㅠㅠ
아래는 제가 사용하고 있는 코드입니다!
이것때문에 야근중 ,, ㅠㅠ
Copy
var gift;
var present = ['비타500', '스타벅스 아메리카노' , '비타500', '베스킨라빈스 싱글레귤러', '비타500', '이디야 흑당라떼', '비타500', '바나나우유']
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);
}
var rotationPos = new Array(45, 90, 135, 180, 225, 270, 315, 360);
function endGame() {
var copImg = "./images/renew_gift" + (gift + 1) + ".png";
console.log("이미지 : " + copImg);
$("#popup_gift .lottery_present .gift_end1").text(function() {
return "축하드립니다."
});
$("#popup_gift .lottery_present .gift_end2").text(function() {
return present[gift] + " 당첨 되셨습니다.";
});
$('<img src="' + copImg + '" />').prependTo("#popup_gift .lottery_present");
setTimeout(function() {
openPopup("popup_gift");
}, 1000);
}
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
4년 전
gift + 1 이 잘못 전달 되는것 같습니다.
iniGame = function(num) {
gift = num;
이 무엇으로 전달되는지 alert 창으로 체크해본후 구성 하세요
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.