ソースを参照

j跑道类型,捡金币

zhuxinbo 5 年 前
コミット
d0fcaf18c2
36 ファイル変更2042 行追加0 行削除
  1. 1 0
      跑道捡金币/config.json
  2. 961 0
      跑道捡金币/css/parkour.css
  3. BIN
      跑道捡金币/images/bg.gif
  4. BIN
      跑道捡金币/images/hongbao.png
  5. BIN
      跑道捡金币/images/qian.png
  6. BIN
      跑道捡金币/images/show_btn.png
  7. BIN
      跑道捡金币/images/start.png
  8. BIN
      跑道捡金币/img/article/accelerator.png
  9. BIN
      跑道捡金币/img/article/bomb.png
  10. BIN
      跑道捡金币/img/article/bomb1.png
  11. BIN
      跑道捡金币/img/article/car.png
  12. BIN
      跑道捡金币/img/article/car1.png
  13. BIN
      跑道捡金币/img/article/pool.png
  14. BIN
      跑道捡金币/img/article/roadblock.png
  15. BIN
      跑道捡金币/img/article/star.png
  16. BIN
      跑道捡金币/img/article/star1.png
  17. BIN
      跑道捡金币/img/bg.mp3
  18. BIN
      跑道捡金币/img/countdown_bg_1.png
  19. BIN
      跑道捡金币/img/countdown_bg_2.png
  20. BIN
      跑道捡金币/img/countdown_bg_3.png
  21. BIN
      跑道捡金币/img/destination_bg.png
  22. BIN
      跑道捡金币/img/new_bg1.jpg
  23. BIN
      跑道捡金币/img/person_nm_1.png
  24. BIN
      跑道捡金币/img/person_nm_2.png
  25. BIN
      跑道捡金币/img/show.mp3
  26. 171 0
      跑道捡金币/index.html
  27. 4 0
      跑道捡金币/js/avalon.min.js
  28. 4 0
      跑道捡金币/js/jquery-3.1.0.min.js
  29. 117 0
      跑道捡金币/js/jquery.cookie.js
  30. 1 0
      跑道捡金币/js/jquery.cookie.min.js
  31. 702 0
      跑道捡金币/js/parkour.js
  32. 1 0
      跑道捡金币/js/parkour.min.js
  33. 77 0
      跑道捡金币/js/resLoader.js
  34. 1 0
      跑道捡金币/js/resLoader.min.js
  35. 2 0
      跑道捡金币/js/touch.min.js
  36. BIN
      跑道捡金币/parkour-master.zip

+ 1 - 0
跑道捡金币/config.json

@@ -0,0 +1 @@
+{"playable_orientation":1,"playable_source":2}

+ 961 - 0
跑道捡金币/css/parkour.css

@@ -0,0 +1,961 @@
+body {
+    display: none;
+    left: 0;
+    top: 0;
+    margin: 0;
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+}
+
+#container {
+    height: 100%;
+}
+
+ul {
+    margin: 0;
+    padding: 0;
+}
+
+li {
+    list-style-type: none;
+}
+
+
+
+#view-game {
+    display: none;
+}
+
+/* #score-head {
+    background: url(../img/game_head_bg.png) no-repeat;
+    background-size: 100%;
+    font-weight: bold;
+    color: #FFF;
+    font-size: 22px;
+} */
+
+#score-head .score {
+    position: absolute;
+    left: 16%;
+    top: 21%;
+    width: 20%;
+    text-align: center;
+}
+
+#score-head .time {
+    position: absolute;
+    right: 10%;
+    top: 19%;
+    width: 20%;
+    text-align: center;
+}
+
+.runway-contaienr {
+    width: 100%;
+    font-size: 0;
+    position: absolute;
+    bottom: 0;
+    /*	transition: bottom 30ms linear;
+	-webkit-transition: bottom 30ms linear;*/
+}
+
+.runway-lines {
+    position: relative;
+    background: url(../img/person_nm_1.png) repeat-y;
+    background-size: 100%;
+}
+
+.runway-lines .text-start-line {
+    font-size: 18px;
+    color: #fd9c92;
+    position: absolute;
+    left: 10px;
+    bottom: 5px;
+}
+
+.runway-lines .scale-list {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    padding: 0;
+}
+
+.runway-lines .scale-list .scale-item {
+    line-height: 22px;
+    font-size: 18px;
+    color: #d26b60;
+}
+
+.runway-line {
+    position: relative;
+    width: 33.33%;
+    display: inline-block;
+}
+
+.runway-line .item {
+    position: absolute;
+    height: 80px;
+    background-color: black;
+    background-size: 100% !important;
+}
+
+.runway-line .item.star {
+    background: url(../img/article/star.png) no-repeat;
+    width: 40%;
+    left: 30%;
+    height: 0.9%;
+}
+
+.runway-line .item.speed {
+    background: url(../img/article/accelerator.png) no-repeat;
+    width: 34%;
+    left: 33%;
+    height: 0.9%;
+}
+
+.runway-line .item.roadblock {
+    background: url(../img/article/roadblock.png) no-repeat;
+    width: 70%;
+    left: 15%;
+    height: 0.7%;
+}
+
+.runway-line .item.bomb {
+    background: url(../img/article/bomb1.png) no-repeat;
+    width: 60%;
+    left: 20%;
+    height: 1.3%;
+}
+
+.runway-line .item.pool {
+    background: url(../img/article/pool1.png) no-repeat;
+    width: 70%;
+    left: 15%;
+    height: 0.8%;
+}
+
+.runway-line .item.car {
+    background: url(../img/article/car1.png) no-repeat;
+    width: 50%;
+    left: 25%;
+    height: 0.9%;
+}
+
+#running-man {
+    width: 20%;
+    height: 17%;
+    position: absolute;
+    bottom: 0px;
+    left: 40%;
+    transition: left 50ms linear;
+    -webkit-transition: left 50ms linear;
+    background-size: 100% !important;
+}
+
+#running-man.nm-1 {
+    background: url(../img/person_nm_1.png) no-repeat;
+}
+
+#running-man.nm-2 {
+    background: url(../img/person_nm_2.png) no-repeat;
+}
+
+#running-man.sp-1 {
+    background: url(../img/person_sp_1.png) no-repeat;
+}
+
+#running-man.sp-2 {
+    background: url(../img/person_sp_2.png) no-repeat;
+}
+
+#running-man.sl-1 {
+    background: url(../img/person_sl_1.png) no-repeat;
+}
+
+#running-man.sl-2 {
+    background: url(../img/person_sl_2.png) no-repeat;
+}
+
+#running-man.st-1 {
+    background: url(../img/person_st_1.png) no-repeat;
+}
+
+#running-man.st-2 {
+    background: url(../img/person_st_2.png) no-repeat;
+}
+
+#running-man.die-1 {
+    background: url(../img/person_die_1.png) no-repeat;
+}
+
+#running-man.die-2 {
+    background: url(../img/person_die_2.png) no-repeat;
+}
+
+#running-man.left {
+    left: 6.67%;
+}
+
+#running-man.right {
+    left: 73.33%;
+}
+
+#destination-line {
+    position: absolute;
+    width: 100%;
+    height: 1.5%;
+    left: 0;
+    background: url(../img/destination_bg.png) no-repeat bottom;
+    background-size: 100%;
+}
+
+#start-point {
+    background: url(../img/person_nm_1.png) no-repeat;
+    background-size: 100%;
+}
+
+#count-down {
+    display: none;
+    position: absolute;
+    width: 20%;
+    z-index: 1;
+    left: 40%;
+    top: 40%;
+    height: 20%;
+}
+
+#count-down.bg-3 {
+    background: url(../img/countdown_bg_3.png) no-repeat;
+    background-size: 100%;
+}
+
+#count-down.bg-2 {
+    background: url(../img/countdown_bg_2.png) no-repeat;
+    background-size: 100%;
+}
+
+#count-down.bg-1 {
+    background: url(../img/countdown_bg_1.png) no-repeat;
+    background-size: 100%;
+}
+
+
+#obstacle-prompt {
+    display: none;
+    position: absolute;
+    width: 46%;
+    height: 16%;
+    left: 27%;
+    top: 30%;
+    border-radius: 12px;
+    background-color: rgba(0, 0, 0, .5);
+}
+
+#obstacle-prompt .obstacle-name {
+    text-align: center;
+    font-size: 20px;
+    font-weight: 700;
+    color: #c95d51;
+    margin-top: 10%;
+}
+
+#obstacle-prompt .time {
+    text-align: center;
+    color: #FFF;
+    margin-top: 2%;
+    font-size: 30px;
+    font-weight: bold;
+}
+
+/*操作层*/
+#view-main {
+    position: relative;
+    background: url(../images/bg.gif) repeat-y;
+    background-size: 100%;
+    height: 100%;
+}
+
+
+#btn-begin {
+    position: absolute;
+    width: 53%;
+    height: 25%;
+    top: 66%;
+    left: 10%;
+}
+
+
+
+/*弹出窗口*/
+#popup-container {
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.6);
+    z-index: 1;
+}
+
+
+
+
+#popup-lucky {
+    position: absolute;
+    width: 90%;
+    height: 85%;
+    top: 8%;
+    left: 5%;
+    background: url(../img/lucky_main.png) no-repeat;
+    background-size: 100%;
+}
+
+#popup-lucky .btn-close {
+    position: absolute;
+    width: 12%;
+    height: 10%;
+    right: 0;
+    top: 4%;
+}
+
+#popup-lucky .point-num {
+    position: absolute;
+    width: 20%;
+    right: 15%;
+    top: 21.7%;
+    font-size: 18px;
+    font-weight: 700;
+    color: #ff933c;
+    text-align: right;
+}
+
+#popup-lucky .game-container {
+    position: absolute;
+    width: 72%;
+    height: 22.2%;
+    left: 13.8%;
+    top: 36%;
+}
+
+#popup-lucky .game-container .game-item {
+    position: relative;
+    display: inline-block;
+    height: 100%;
+    width: 33%;
+    margin-left: 0.5%;
+    -webkit-transition: all .5s linear;
+    transition: all .5s linear;
+}
+
+#popup-lucky .game-container .game-item:first-child {
+    margin-left: 0;
+}
+
+#popup-lucky .game-container .game-item img {
+    width: 100%;
+}
+
+#popup-lucky .game-container .game-item.back {
+    transform: rotateY(90deg);
+    -webkit-transform: rotateY(90deg);
+}
+
+#popup-lucky .btn-begin-luck {
+    position: absolute;
+    width: 54%;
+    left: 23%;
+    height: 17%;
+    background: url(../img/lucky_btn_begin.png) no-repeat;
+    background-size: 100%;
+    bottom: 16%;
+}
+
+#popup-lucky .btn-begin-luck.loading {
+    background: url(../img/lucky_btn_loading.png) no-repeat;
+    background-size: 100%;
+}
+
+#popup-lucky .btn-show-gift {
+    position: absolute;
+    width: 40%;
+    left: 30%;
+    height: 10%;
+    bottom: 5%;
+}
+
+#show {
+    position: absolute;
+    width: 100%;
+    height: 85%;
+    top: 20%;
+    left: 10%;
+    z-index: 100;
+    /* background: url(../img/show.png) no-repeat;
+    background-size: 100%;
+    color: #ff933c;
+    font-weight: bold;
+    display: none; */
+    z-index: 100;
+}
+
+#popup-game-result .btn-close {
+    position: absolute;
+    width: 12%;
+    height: 10%;
+    right: 0;
+    top: 4%;
+}
+
+#popup-game-result .btn-ok {
+    position: absolute;
+    width: 48%;
+    height: 11%;
+    left: 26%;
+    bottom: 9%;
+}
+
+#popup-game-result .base-score {
+    position: absolute;
+    font-size: 18px;
+    text-align: right;
+    right: 10%;
+    top: 31%;
+}
+
+#popup-game-result .game-score {
+    position: absolute;
+    font-size: 18px;
+    text-align: right;
+    right: 10%;
+    top: 43%;
+}
+
+#popup-game-result .time-score {
+    position: absolute;
+    font-size: 18px;
+    text-align: right;
+    right: 10%;
+    top: 55%;
+}
+
+#popup-game-result .game-total-score {
+    font-size: 22px;
+    text-align: center;
+    margin-top: 82%;
+}
+
+#popup-my-gift {
+    position: absolute;
+    width: 90%;
+    height: 85%;
+    top: 8%;
+    left: 5%;
+    background: url(../img/mygift_bg.png) no-repeat;
+    background-size: 100%;
+}
+
+#popup-my-gift .btn-close {
+    position: absolute;
+    width: 12%;
+    height: 10%;
+    right: 0;
+    top: 4%;
+}
+
+#popup-my-gift .btn-ensure {
+    position: absolute;
+    width: 48%;
+    height: 11%;
+    left: 26%;
+    bottom: 9%;
+}
+
+#popup-my-gift .gift-list {
+    position: absolute;
+    width: 80%;
+    height: 50%;
+    left: 10%;
+    top: 29%;
+    overflow-y: auto;
+}
+
+#popup-my-gift .gift-list li {
+    overflow: hidden;
+    font-size: 18px;
+    line-height: 40px;
+    border-bottom: 2px dotted #c2c2c2;
+}
+
+#popup-my-gift .gift-list .name {
+    float: left;
+}
+
+#popup-my-gift .gift-list .num {
+    float: right;
+}
+
+#get-life {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, .8);
+    z-index: 1;
+}
+
+#get-life img {
+    position: absolute;
+    width: 88%;
+    left: 6%;
+}
+
+#loading {
+    display: none;
+    position: absolute;
+    width: 14%;
+    height: 30%;
+    top: 40%;
+    left: 43%;
+}
+
+#loading img {
+    width: 100%;
+    -webkit-animation: loadingRotate .5s linear infinite;
+    -moz-animation: loadingRotate .5s linear infinite;
+    -ms-animation: loadingRotate .5s linear infinite;
+    -o-animation: loadingRotate .5s linear infinite;
+    animation: loadingRotate .5s linear infinite;
+}
+
+@keyframes loadingRotate {
+    from {
+        transform: rotate(0deg);
+        -webkit-transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+        -webkit-transform: rotate(0deg);
+    }
+}
+
+#popup-secondary {
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.6);
+    z-index: 2;
+}
+
+#popup-secondary .secondary-popup-item {
+    display: none;
+}
+
+#gift-list {
+    position: absolute;
+    width: 80%;
+    left: 10%;
+    top: 10%;
+    background: url(../img/gift_list_bg.png) no-repeat;
+    background-size: 100%;
+}
+
+#gift-list .close-btn {
+    position: absolute;
+    width: 50%;
+    left: 25%;
+    bottom: 4%;
+    height: 9%;
+}
+
+#gift-list .content-list {
+    position: absolute;
+    width: 96%;
+    height: 72%;
+    left: 2%;
+    top: 13%;
+    font-size: 16px;
+    line-height: 25px;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+#gift-list .content-list img {
+    width: 100%;
+}
+
+#draw-result {
+    position: absolute;
+    width: 90%;
+    left: 5%;
+    top: 10%;
+    background: url(../img/draw_result.png) no-repeat;
+    background-size: 100%;
+}
+
+#draw-result .btn-close {
+    position: absolute;
+    width: 50%;
+    left: 25%;
+    bottom: 13%;
+    height: 15%;
+}
+
+#draw-result .text {
+    text-align: center;
+    color: #FFF;
+    margin-top: 41%;
+    font-weight: bold;
+}
+
+#draw-failed {
+    position: absolute;
+    width: 80%;
+    left: 10%;
+    top: 20%;
+    background: url(../img/draw_failed_bg.png) no-repeat;
+    background-size: 100%;
+}
+
+#draw-failed .btn-close {
+    position: absolute;
+    width: 50%;
+    left: 25%;
+    bottom: 15%;
+    height: 15%;
+}
+
+#draw-result-real {
+    position: absolute;
+    width: 90%;
+    left: 5%;
+    top: 10%;
+    background: url(../img/draw_result_real.png) no-repeat;
+    background-size: 100%;
+}
+
+#draw-result-real .btn-close {
+    position: absolute;
+    width: 12%;
+    height: 10%;
+    right: 0;
+    top: 4%;
+}
+
+#draw-result-real .btn-submit {
+    position: absolute;
+    width: 68%;
+    height: 10%;
+    left: 16%;
+    bottom: 6%;
+}
+
+#draw-result-real .text {
+    text-align: center;
+    font-size: 26px;
+    color: #FFF;
+    margin-top: 40%;
+    font-weight: bold;
+}
+
+#user-info {
+    position: relative;
+    text-align: center;
+    margin-top: 20%;
+    height: 35%;
+}
+
+#user-info .draw-result-input {
+    width: 80%;
+    border: 1px solid #49b121;
+    line-height: 40px;
+    border-radius: 5px;
+    margin: 10px 0 0 0;
+    padding: 0 5px;
+    background-color: #FFF;
+    color: #333;
+    height: 23%;
+}
+
+#user-info .input-arrow {
+    position: absolute;
+    right: 11%;
+    bottom: 16%;
+    font-size: 16px;
+    font-weight: bold;
+    color: #666666;
+    width: 3%;
+    height: 12%;
+    background: url(../img/input_arrow.png) bottom no-repeat;
+    background-size: 100%;
+}
+
+#user-expr-container {
+    height: 23%;
+}
+
+/*帮助页面*/
+#help-view {
+    height: 100%;
+    width: 100%;
+    background: url(../img/help_bg.jpg) bottom repeat-y;
+    background-size: 100%;
+}
+
+#help-head {
+    background: url(../img/help_head.png) no-repeat;
+    background-size: 100%;
+}
+
+#help-head .text {
+    font-weight: bold;
+    color: #FFF;
+    font-size: 26px;
+    text-align: center;
+    margin-top: 3.5%;
+    text-shadow: #000 1px 1px 5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 0 10%;
+}
+
+.help-operator {
+    position: absolute;
+    width: 90%;
+    left: 5%;
+    top: 14%;
+    background: url(../img/help_opr_bg.png) no-repeat;
+    background-size: 100%;
+}
+
+.help-operator .life-num {
+    font-size: 34px;
+    color: #FFF;
+    margin-top: 19%;
+    font-weight: bold;
+    text-align: center;
+}
+
+.help-operator .prompt {
+    text-align: center;
+    font-size: 16px;
+    color: #ff8d30;
+    margin-top: 5%;
+}
+
+.help-operator .btn-add {
+    height: 25%;
+    width: 66%;
+    margin: 4% auto 0 auto;
+    background: url(../img/help_btn_add.png) no-repeat;
+    background-size: 100%;
+}
+
+.help-operator .btn-join {
+    height: 25%;
+    width: 66%;
+    margin: 4% auto 0 auto;
+    background: url(../img/help_btn_join.png) no-repeat;
+    background-size: 100%;
+}
+
+#help-after {
+    display: none;
+    background: url(../img/help_after_bg.png) no-repeat;
+    background-size: 100%;
+}
+
+#help-broadcast-container {
+    position: absolute;
+    width: 90%;
+    height: 10%;
+    left: 5%;
+    top: 61%;
+    background: url(../img/help_broadcast_bg.png) no-repeat;
+    background-size: 100%;
+    overflow: hidden;
+}
+
+#help-broadcast {
+    visibility: hidden;
+    overflow: hidden;
+    margin-left: 10%;
+    width: 90%;
+}
+
+#help-broadcast .broadcast-wrapper {
+    overflow: hidden;
+    -webkit-transition: margin-left .1s linear;
+    transition: margin-left .1s linear;
+}
+
+#help-broadcast .broadcast-slide {
+    color: #c76833;
+    float: left;
+    margin-right: 20px;
+    height: 30px;
+    line-height: 30px;
+    font-size: 14px;
+}
+
+#help-btn-luck {
+    position: absolute;
+    background: url(../img/help_btn_luck.png) no-repeat;
+    background-size: 100%;
+    width: 52%;
+    height: 10%;
+    left: 24%;
+    top: 68%;
+}
+
+#help-btn-friends {
+    position: absolute;
+    font-weight: 700;
+    font-size: 18px;
+    color: #da7e74;
+    width: 32%;
+    left: 0;
+    bottom: 0;
+    text-align: center;
+    text-decoration: underline;
+    padding: 5% 0;
+}
+
+#help-btn-friends .num {
+    display: none;
+    position: absolute;
+    background-color: #FFF;
+    color: #a03429;
+    font-size: 12px;
+    text-align: center;
+    width: 15px;
+    height: 15px;
+    border-radius: 50%;
+    right: 11%;
+    top: 23%;
+}
+
+#help-btn-role {
+    position: absolute;
+    font-weight: 700;
+    font-size: 18px;
+    color: #da7e74;
+    width: 32%;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    text-decoration: underline;
+    padding: 5% 0;
+}
+
+#qrcode-view {
+    display: none;
+    width: 100%;
+    height: 100%;
+    background: url(../img/qrcode_bg.jpg) repeat-y bottom;
+    background-size: 100%;
+}
+
+#qrcode-view .qrcode-content {
+    position: absolute;
+    width: 90%;
+    height: 80%;
+    left: 5%;
+    top: 10%;
+    background: url(../img/qrcode_img.png) no-repeat;
+    background-size: 100%;
+    text-align: center;
+}
+
+#qrcode-view img {
+    width: 60%;
+    margin-top: 44%;
+}
+
+#qrcode-view .qrcode-btn-rule {
+    position: absolute;
+    height: 10%;
+    width: 60%;
+    bottom: 7%;
+    left: 20%;
+}
+
+#alert {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, .6);
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+}
+
+#alert .text {
+    position: absolute;
+    box-sizing: border-box;
+    background-color: #FFF;
+    width: 80%;
+    left: 10%;
+    top: 40%;
+    color: #252525;
+    font-size: 14px;
+    text-align: center;
+    padding: 20px 50px;
+    border-radius: 10px;
+}
+
+#accident-prompt {
+    visibility: hidden;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, .5);
+    z-index: 2;
+}
+
+#accident-prompt .text {
+    position: absolute;
+    box-sizing: border-box;
+    background-color: #FFF;
+    width: 80%;
+    left: 10%;
+    top: 40%;
+    color: #252525;
+    font-size: 14px;
+    text-align: center;
+    padding: 20px 50px;
+    border-radius: 10px;
+}
+
+#cur-point {
+    position: absolute;
+    overflow: hidden;
+    top: 55%;
+    font-size: 0;
+    font-weight: 700;
+    color: #FFF;
+    width: 46%;
+    left: 29%;
+}
+
+#cur-point img {
+    width: 32px;
+    float: left;
+}
+
+#cur-point .text {
+    font-size: 16px;
+    margin-top: 6px;
+    float: left;
+}

BIN
跑道捡金币/images/bg.gif


BIN
跑道捡金币/images/hongbao.png


BIN
跑道捡金币/images/qian.png


BIN
跑道捡金币/images/show_btn.png


BIN
跑道捡金币/images/start.png


BIN
跑道捡金币/img/article/accelerator.png


BIN
跑道捡金币/img/article/bomb.png


BIN
跑道捡金币/img/article/bomb1.png


BIN
跑道捡金币/img/article/car.png


BIN
跑道捡金币/img/article/car1.png


BIN
跑道捡金币/img/article/pool.png


BIN
跑道捡金币/img/article/roadblock.png


BIN
跑道捡金币/img/article/star.png


BIN
跑道捡金币/img/article/star1.png


BIN
跑道捡金币/img/bg.mp3


BIN
跑道捡金币/img/countdown_bg_1.png


BIN
跑道捡金币/img/countdown_bg_2.png


BIN
跑道捡金币/img/countdown_bg_3.png


BIN
跑道捡金币/img/destination_bg.png


BIN
跑道捡金币/img/new_bg1.jpg


BIN
跑道捡金币/img/person_nm_1.png


BIN
跑道捡金币/img/person_nm_2.png


BIN
跑道捡金币/img/show.mp3


+ 171 - 0
跑道捡金币/index.html

@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>跑步积分赛,抽奖赢豪礼</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <meta name="screen-orientation" content="portrait">
+    <meta name="x5-orientation" content="portrait">
+    <link rel="stylesheet" type="text/css" href="./css/parkour.css">
+    <style>
+        #btn_img {
+            animation: mymove 1s infinite;
+            -webkit-animation: mymove 1s infinite;
+            /*Safari and Chrome*/
+            animation-direction: alternate;
+            /*轮流反向播放动画。*/
+            animation-timing-function: ease-in-out;
+            /*动画的速度曲线*/
+            /* Safari 和 Chrome */
+            -webkit-animation: mymove 1s infinite;
+            -webkit-animation-direction: alternate;
+            /*轮流反向播放动画。*/
+            -webkit-animation-timing-function: ease-in-out;
+            /*动画的速度曲线*/
+        }
+
+        @keyframes mymove {
+            0% {
+                transform: scale(1);
+                /*开始为原始大小*/
+            }
+
+            25% {
+                transform: scale(1.2);
+                /*放大1.1倍*/
+            }
+
+            50% {
+                transform: scale(1);
+            }
+
+            75% {
+                transform: scale(1.2);
+            }
+
+        }
+
+        @-webkit-keyframes mymove {
+            0% {
+                transform: scale(1);
+                /*开始为原始大小*/
+            }
+
+            25% {
+                transform: scale(1.2);
+                /*放大1.1倍*/
+            }
+
+            50% {
+                transform: scale(1);
+            }
+
+            75% {
+                transform: scale(1.2);
+            }
+        }
+
+        #show {
+            -webkit-animation: arrowBig .5s ease;
+            animation: arrowBig .5s ease;
+            animation-iteration-count: 1;
+            animation-fill-mode: forwards;
+            -webkit-animation-iteration-count: 1;
+            -webkit-animation-fill-mode: forwards;
+        }
+
+        @-webkit-keyframes arrowBig {
+            0% {
+                -webkit-transform: scale(0);
+                opacity: 0;
+            }
+
+            100% {
+                -webkit-transform: scale(1);
+                opacity: 1;
+            }
+        }
+
+        @keyframes arrowBig {
+            0% {
+                transform: scale(0);
+                opacity: 0;
+
+            }
+
+            100% {
+                transform: scale(1);
+                opacity: 1;
+            }
+        }
+    </style>
+</head>
+
+<body ms-controller="parkour">
+    <audio loop muted src="./img/bg.mp3" id="mediaId" autoplay="autoplay" preload=""></audio>
+    <audio muted src="./img/show.mp3" id="mediaTwo" preload=""></audio>
+    <div id="view-main">
+        <div id="btn-begin"><img src="./images/start.png" style="width:150%" alt=""></div>
+    </div>
+    <div id="view-game">
+        <div id="score-head" class="topbar">
+            <div id="scrore" class="score" style="display: none;">{{@curIntegral}}</div>
+            <div id="time" class="time" style="display: none;">{{@costSeconds}}s</div>
+        </div>
+        <div id="count-down" class="bg-3"></div>
+        <div id="obstacle-prompt" style="display: none;">
+            <div class="obstacle-name">眩晕</div>
+            <div class="time">{{@vertigoTime}}</div>
+        </div>
+    </div>
+    <div id="popup-container">
+    </div>
+    <div id="show" style="display: none;" class="popup-item">
+        <img src="./images/hongbao.png" style="width: 80%;
+        position: absolute;
+        z-index: 10;" alt="">
+        <img src="./images/qian.png" style="width: 35%;
+        position: absolute;
+        left: 43%;
+        top: 30%;
+        z-index: 10;
+        margin-left: -20%;" alt="">
+        <img src="./images/show_btn.png" id="btn_img" style="width: 50%;
+        position: absolute;
+        left: 40%;
+        top: 50%;
+        z-index: 10;
+        margin-left: -25%;" alt="">
+    </div>
+    <!-- <div id="show" class="popup-item" style="display: none;">
+        <div style="    width: 10rem;
+        left: 25%;
+        z-index: 200;
+        height: 5rem;
+        top: 35%;
+        position: absolute;" id="btn_img"></div>
+    </div> -->
+    <script src="https://sf3-ttcdn-tos.pstatp.com/obj/union-fe-nc/playable/sdk/playable-sdk.js"></script>
+    <script type="text/javascript" charset="utf-8" src="./js/avalon.min.js"></script>
+    <script type="text/javascript" charset="utf-8" src="./js/jquery-3.1.0.min.js"></script>
+    <script type="text/javascript" charset="utf-8" src="./js/touch.min.js"></script>
+    <script type="text/javascript" charset="utf-8" src="./js/parkour.js"></script>
+    <script type="text/javascript" charset="utf-8" src="./js/resLoader.min.js"></script>
+    <script type="text/javascript" charset="utf-8" src="./js/jquery.cookie.min.js"></script>
+    <script>
+        $('#btn_img').on('touchstart', function (e) {
+            e.preventDefault()
+            e.stopPropagation()
+            window.playableSDK.sendEvent('clickDownloadBar', {
+                section: 'section2',
+                area: 'area3'
+            });
+            window.playableSDK.openAppStore()
+
+
+        })
+    </script>
+</body>
+
+</html>

ファイルの差分が大きいため隠しています
+ 4 - 0
跑道捡金币/js/avalon.min.js


ファイルの差分が大きいため隠しています
+ 4 - 0
跑道捡金币/js/jquery-3.1.0.min.js


+ 117 - 0
跑道捡金币/js/jquery.cookie.js

@@ -0,0 +1,117 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// CommonJS
+		factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (value !== undefined && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setTime(+t + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {};
+
+		// To prevent the for loop in the first place assign an empty array
+		// in case there are no cookies at all. Also prevents odd result when
+		// calling $.cookie().
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) === undefined) {
+			return false;
+		}
+
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));

ファイルの差分が大きいため隠しています
+ 1 - 0
跑道捡金币/js/jquery.cookie.min.js


ファイルの差分が大きいため隠しています
+ 702 - 0
跑道捡金币/js/parkour.js


ファイルの差分が大きいため隠しています
+ 1 - 0
跑道捡金币/js/parkour.min.js


+ 77 - 0
跑道捡金币/js/resLoader.js

@@ -0,0 +1,77 @@
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        //AMD
+        define(factory);
+    } else if (typeof exports === 'object') {
+        //Node, CommonJS之类的
+        module.exports = factory();
+    } else {
+        //浏览器全局变量(root 即 window)
+        root.resLoader = factory(root);
+    }
+}(this, function () {
+    var isFunc = function(f){
+        return typeof f === 'function';
+    }
+    //构造器函数
+    function resLoader(config){
+        this.option = {
+            resourceType : 'image', //资源类型,默认为图片
+            baseUrl : './', //基准url
+            resources : [], //资源路径数组
+            onStart : null, //加载开始回调函数,传入参数total
+            onProgress : null, //正在加载回调函数,传入参数currentIndex, total
+            onComplete : null //加载完毕回调函数,传入参数total
+        }
+        if(config){
+            for(i in config){
+                this.option[i] = config[i];
+            }
+        }
+        else{
+            alert('参数错误!');
+            return;
+        }
+        this.status = 0; //加载器的状态,0:未启动   1:正在加载   2:加载完毕
+        this.total = this.option.resources.length || 0; //资源总数
+        this.currentIndex = 0; //当前正在加载的资源索引
+    };
+
+    resLoader.prototype.start = function(){
+        this.status = 1;
+        var _this = this;
+        var baseUrl = this.option.baseUrl;
+        for(var i=0,l=this.option.resources.length; i<l; i++){
+            var r = this.option.resources[i], url = '';
+            if(r.indexOf('http://')===0 || r.indexOf('https://')===0){
+                url = r;
+            }
+            else{
+                url = baseUrl + r;
+            }
+
+            var image = new Image();
+            image.onload = function(){_this.loaded();};
+            image.onerror = function(){_this.loaded();};
+            image.src = url;
+        }
+        if(isFunc(this.option.onStart)){
+            this.option.onStart(this.total);
+        }
+    }
+
+    resLoader.prototype.loaded = function(){
+        if(isFunc(this.option.onProgress)){
+            this.option.onProgress(++this.currentIndex, this.total);
+        }
+        //加载完毕
+        if(this.currentIndex===this.total){
+            if(isFunc(this.option.onComplete)){
+                this.option.onComplete(this.total);
+            }
+        }
+    }
+
+    //暴露公共方法
+    return resLoader;
+}));

ファイルの差分が大きいため隠しています
+ 1 - 0
跑道捡金币/js/resLoader.min.js


ファイルの差分が大きいため隠しています
+ 2 - 0
跑道捡金币/js/touch.min.js


BIN
跑道捡金币/parkour-master.zip