123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>疯狂猜水果</title>
- <meta content="telephone=no" name="format-detection"/>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
- <link type="text/css" href="./styles/style.css" rel="stylesheet">
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta name="browsermode" content="application"/>
- <link rel="stylesheet" type="text/css" href="css/game9g.css">
- <script src="js/game9g.js"></script>
- <style>
- #J_game_end{
- display:none;
- }
- </style>
- </head>
- <body>
- <div class="section" id="J_game">
- <div class="game-menu clearfix">
- <div class="game-menu-l">
- 六六36关,第<span id="J_level_num">1</span>关
- </div>
- </div>
- <div id="J_game_main">
- <div class="game-main" id="J_game_m">
- <div class="game-fruits-img">
- <img id="J_fruits_img" />
- </div>
- <div class="game-stop-popup">?</div>
- <div class="game-bg"></div>
- </div>
- <div class="game-answer" id="J_answer"></div>
- <div class="game-help">
- <div class="ui-btn J_share_h">向朋友圈求助</div>
- </div>
- </div>
- </div>
- <div class="section" id="J_game_end">
- <div class="game-res">
- <p>哟喂,你认出了<span class="game-res-num" id="J_fruits_num"></span>种水果,</p>
- <p style="font-size:22px;">惊动了水果学界</p>
- <div><div class="game-res-share ui-btn" onClick="playagain();">再玩一次</div></div>
- <div><div class="game-res-share ui-btn" onClick="dp_share();">炫耀我的战绩</div></div>
- <div class="game-res-arrow"></div>
- </div>
- <div class="game-res-gz">
- <p>离“满脸羞涩的花姑娘”还有最后一<br />步,赶快去抢!</p>
- <div><a href="#" onClick="clickMore();" class="game-res-gz-btn ui-btn">抢花姑娘</a></div>
- </div>
- </div>
- <footer id="J_footer">
- <a href="#" onClick="clickMore();">关注空中传媒</a>
- </footer>
- <div class="share-popup" id="J_share_popup" style="z-index:98;"></div>
- <div class="share-popup-tips" id="J_share_popup_t" style="z-index:99;">
- <i></i>
- <span id="J_share_cont">分享到朋友圈</span>
- </div>
- <script type="text/javascript" src="js/zepto.min.js"></script>
- <script type="text/javascript">
- (function(){
- //游戏状态 0:未开始 1:游戏中 2:游戏结束 3:游戏完成
- var game_status = 0;
- //游戏时间 毫秒
- var game_time = 60000;
- //时间
- var timer = "";
- //水果名称
- var fruits_name = "";
- //背景随机颜色
- var bg_color = ["#9ff", "#ffc", "#cfc", "#f99", "#fcf", "#cff", "#fcc", "#98e2f1"];
- //默认背景颜色
- var def_bg_color = "#98e2f1";
- //问题等级
- var level = [0, 13, 38, 78, 194];
- //每关问题数,最后等级为所有问题
- var pre_level_num = [18, 36];
- //每个关卡对应问题答案数
- var pre_level_ans_num = [4, 6];
- //游戏等级
- var game_level = 0;
- //游戏关数
- var game_num = 1;
- //问题索引
- var ques_index = "";
- //图片索引
- var img_index = "";
- //分享
- var share_type = "游戏页好友分享";
- var share_type_p = "游戏页朋友圈分享";
- var share_desc = "这个水果叫什么?快来一起玩猜水果,抢东北花姑娘!";
- var share_url = "http://weixinad.lejuy.com/game/fkcsg/";
- var mebtnopenurl = 'http://weixinad.lejuy.com/game.html';
- var guanzhuurl ="http://t.cn/RPtNrve";
- var share_img = "http://file1.wisetravel.cn/file/games/fruits/images/share_icon.png";
- $("#J_replay").on("tap", function(){
- game.start_game();
- $("#J_game_status").find("span").removeClass("stop");
- $("#J_game_status").attr("data-stop", 0).html("<span>暂停</span>");;
- });
- $("#J_continue_game").on("tap", function(){
- game.continue_game();
- $("#J_game_status").attr("data-stop", 0).html("<span>暂停</span>");
- });
- $("#J_game_status").on("tap", function(){
- var is_stop = $(this).attr("data-stop");
- if(is_stop == 1){
- game.continue_game();
- $(this).attr("data-stop", 0).html("<span>暂停</span>");
- }else{
- game.stop_game();
- $(this).attr("data-stop", 1).html("<span class='stop'>继续</span>");
- }
-
- });
- $("#J_skip_share").on("tap", function(){
- $("#J_share_popup").show();
- $("#J_share_popup_t").show();
- });
- $(".J_share_h").on("tap", function(){
- $("#J_share_popup").show();
- $("#J_share_popup_t").show();
- $("#J_share_cont").html("不认识它?<br />向朋友求助");
- game.stop_game();
- });
- $("#J_share_popup").on("tap", function(){
- $(this).hide();
- $("#J_share_popup_t").hide();
- });
- $("#J_share_popup_t").on("tap", function(){
- $(this).hide();
- $("#J_share_popup").hide();
- });
- var game = {
- question_list : [],
- ques_game_num : 1,
- ques_game_index : 0,
- right_num : 0,
- is_ansing : 0,
- //开始游戏
- start_game : function(){
- //初始化参数
- clearInterval(timer);
- game_time = 60000;
- game_status = 1;
- pre_level_num = [18, 36];
- game_level = 0;
- level = [0, 13, 38, 78, 194];
- game_num = 1;
- game.ques_game_num = 1;
- game.question_list = [];
- fruits_name = [["桂圆", 37], ["佛手果", 67], ["椰子", 22], ["石榴", 9], ["菠萝莓", 82], ["枇杷", 14], ["海棠果", 13], ["金桔", 23], ["西番莲", 94], ["菠萝", 8], ["樱桃", 11], ["荸荠", 17], ["菇娘", 26], ["杨桃", 16], ["苹婆", 64], ["荔枝", 36], ["乌鲁库", 78], ["蓝莓", 68], ["山竹", 136], ["青梅", 31], ["槟榔子", 33], ["人参果", 97], ["桑葚", 107], ["红毛丹", 140], ["九月炸", 44], ["凉薯", 46], ["杨梅", 49], ["木瓜", 148], ["莲雾", 80], ["菠萝蜜", 86], ["五月茶", 90], ["柚子", 7], ["无花果", 27], ["蒲桃", 71], ["蔓越莓", 102], ["塞舌尔海椰子", 103]];
- //是否为求助页面
- var help_hash = window.location.hash.replace(/^#/, "");
- if(help_hash != "" && typeof fruits_name[help_hash] !== "undefined"){
- var tmp_fruits_game = fruits_name[help_hash];
- fruits_name[help_hash] = fruits_name[0];
- fruits_name[0] = tmp_fruits_game;
- }
- share_type = "游戏求助好友分享";
- share_type_p = "游戏求助朋友圈分享";
- $("#J_level_num").html(game_num);
- game.lazy_load_img();
- game.select_ques();
- footer_bot();
- },
- //选问题
- select_ques : function(){
- //随机水果名
- var fruits_name_rand = ["虹之玉","子持果","绿之玲","白牡丹","桃美人","黑法师","女心果","熊童实","姬星美人","吉娃娃果","黑王子","紫果丹","玉珠帘","宝石果","紫珍珠","碧玉莲","绒绢莓","唐莓","玉露黄","大和锦","姬麒麟","鬼切芦荟","吉祥果","帝释天荔枝","佛手掌","青鸾果","神风玉","天女簪","仙宝果","龙骨角","魔玉果","龙角果","紫龙角","巨龙角","阿修罗果","佛头瓜","铁锡柚","念珠瓜","七宝果","蛮鬼果","盘叶莲花枣","轮回莓","长生果","伽蓝果","钟鬼果","万物想桃","白蔓莲橙","碧雷鼓橙","龙树之眼","阿修罗果","九头龙柿","达摩卧桃","姬红小杏","橙黄松叶枣","初鹰之恋","千兔瓜","月兔瓜","丽春玉","百惠果","喷炎龙果","喷火龙果","豆瓣绿提子","趣蝶莲柠檬","短叶神刀果"];
- var ans_name = [["桂圆", 38], ["佛手果", 68], ["椰子", 23], ["石榴", 10], ["菠萝莓", 83], ["枇杷", 15], ["海棠果", 14], ["金桔", 24], ["西番莲", 95], ["菠萝", 9], ["樱桃", 12], ["荸荠", 18], ["菇娘", 27], ["杨桃", 17], ["苹婆", 65], ["荔枝", 37], ["乌鲁库", 79], ["蓝莓", 69], ["山竹", 137], ["青梅", 32], ["槟榔子", 34], ["人参果", 98], ["桑葚", 108], ["红毛丹", 141], ["九月炸", 45], ["凉薯", 47], ["杨梅", 50], ["木瓜", 149], ["莲雾", 81], ["菠萝蜜", 87], ["五月茶", 91], ["柚子", 8], ["无花果", 28], ["蒲桃", 72], ["蔓越莓", 103], ["塞舌尔海椰子", 104]];
- ans_name[game_num - 1] = ans_name[ans_name.length - 1];
- ans_name.pop();
- if(game_num <= pre_level_num[0]){
- var l = 0;
- }else if(game_num <= pre_level_num[1]){
- var l = 1;
- $("#J_answer").addClass("game-answer1");
- }else{
- gameOver(game.right_num);
- return false;
- }
- var question = game.question_list.shift();
- game.lazy_load_img();
- img_index = question[question.length - 1] + 1;
- question.pop();
- $("#J_fruits_img").attr("src", "images/fruits/"+ img_index +".jpg");
- var ans_html = "";
- var right_ans_i = Math.floor(Math.random() * pre_level_ans_num[l]);
- var right_ans = question.shift();
- //随机答案处理
- var new_question = [];
- var is_fruits_name_rand = 0;
- for(var i = 0; i < pre_level_ans_num[l]; i++){
- var rand_ques = Math.ceil(Math.random() * 100);
- if(i == right_ans_i){
- new_question.push(right_ans);
- }else if(rand_ques < 30 || is_fruits_name_rand == 1){
- var rand_index = Math.floor(Math.random() * ans_name.length);
- new_question.push(ans_name[rand_index][0]);
- ans_name[rand_index] = ans_name[ans_name.length - 1];
- ans_name.pop();
- }else{
- var rand_index = Math.floor(Math.random() * fruits_name_rand.length);
- new_question.push(fruits_name_rand[rand_index]);
- fruits_name_rand[rand_index] = fruits_name_rand[fruits_name_rand.length - 1];
- fruits_name_rand.pop();
- is_fruits_name_rand = 1;
- }
- }
- for(var i = 0; i < pre_level_ans_num[l]; i++){
- if(i == right_ans_i){
- ans_html += '<span class="game-an-btn ui-btn" data-ans="1">'+ new_question[i] +'<i></i></span>';
- }else{
- ans_html += '<span class="game-an-btn ui-btn" data-ans="0">'+ new_question[i] +'<i></i></span>';
- }
- }
- $("#J_answer").html(ans_html);
- $("body").css({
- background : bg_color[Math.floor(Math.random() * bg_color.length)]
- });
- footer_bot();
- },
- //回答
- answer : function(){
- $("#J_answer span").live("tap", function(){
- if(game.is_ansing == 1){
- return false;
- }
- game.is_ansing = 1;
- var is_ans = $(this).attr("data-ans");
- var that = $(this);
- if(is_ans == 1){
- $(this).addClass("right-btn");
- game.right_num++;
- }else{
- $(this).addClass("error-btn");
- $("#J_answer span").each(function(){
- if( $(this).attr("data-ans") == 1){
- $(this).addClass("right-btn");
- return false;
- }
- });
- }
- var ans_timer = setTimeout(function(){
- game_num++;
- $("#J_level_num").html(game_num);
-
- game.select_ques();
- game.is_ansing = 0;
- }, 500);
- });
- },
- //图片预加载
- lazy_load_img : function(){
- var laod_img_num = 6;
- if(game.question_list.length < laod_img_num && game_level < 36){
- var len = laod_img_num - game.question_list.length;
- for(var i = 0; i < len; i++){
- //问题随机数
- var question = fruits_name[game_level];
- game.question_list.push(question);
- game.load_img("images/fruits/"+ (question[question.length - 1] + 1) +".jpg");
- game_level++;
- }
- }
- },
- load_img : function(url, cb){
- var img = "";
- delete img.onload;
- img = new Image();
-
- img.onload = function(){
- (function(img){
- cb && cb(img);
- })(img);
-
- img.onload = null;
- };
- img.src = url;
- }
- };
- game.start_game();
- game.answer();
- //底部自适应
- function footer_bot(){
- $("#J_footer").css({
- position : "static"
- });
- var win_height = $(window).height();
- var body_height = $("body").height();
- if(win_height > body_height - 30){
- $("#J_footer").css({
- position : "absolute"
- });
- }
- }
- footer_bot();
- $(window).on("resize", function(){
- footer_bot();
- });
- })();
- //称号
- var fruits_nick_name = ["水果爱好者", "水果学霸", "水果学者", "水果学家", "水果大师"];
- function gameOver(game_num){
- $('#J_game').hide();
- $('#J_game_end').show();
- $("#J_fruits_num").html(game_num);
- var share_desc;
- if(game_num <= 10){
- $("#J_fruits_nick").html("哟喂,你认出了"+ game_num +"种水果,惊动了水果学界!");
- share_desc = "哟喂,我是"+ fruits_nick_name[0] +",对世界上"+ game_num +"种水果认识很深!";
- }else if(game_num > 10 && game_num <= 18){
- $("#J_fruits_nick").html("哇塞,你认出了"+ game_num +"种水果,震精了水果学界!");
- share_desc = "哇塞,我是"+ fruits_nick_name[1] +",对世界上"+ game_num +"种水果都了然如胸!";
- }else if(game_num > 18 && game_num <= 25){
- $("#J_fruits_nick").html("矮油,你认出了"+ game_num +"种水果,震撼了水果学界!");
- share_desc = "矮油,我是"+ fruits_nick_name[2] +",对世界上"+ game_num +"种水果都滚瓜烂熟!";
- }else if(game_num > 25 && game_num <= 31){
- $("#J_fruits_nick").html("我擦,你认出了"+ game_num +"种水果,惊颤了水果学界!");
- share_desc = "我擦,我是"+ fruits_nick_name[3] +",对世界上"+ game_num +"种水果都知之甚深!";
- }else{
- $("#J_fruits_nick").html("买噶,你认出了"+ game_num +"种水果,惊呆了水果学界! ");
- share_desc = "买噶,我是"+ fruits_nick_name[4] +",对世界上"+ game_num +"种水果都明察秋毫!";
- }
- dp_submitScore(game_num,share_desc);
- }
- function playagain(){
- window.location.href=window.location.href;
- }
- </script>
- <script language=javascript>
- var game9g = new Game9G("fkcsg");
- game9g.shareData.title = "疯狂猜水果";
- game9g.shareData.content = "疯狂猜水果";
- function goHome(){
- window.location=game9g.homeurl;
- }
- function clickMore(){
- if((window.location+"").indexOf("f=zf",1)>0){
- window.location = game9g.gzurl;
- }
- else{
- goHome();
- }
- }
- function dp_share(){
- game9g.share();
- }
- function dp_Ranking(){
- window.location=game9g.homeurl;
- }
- function showAd(){
- }
- function hideAd(){
- }
- function dp_submitScore(score,stitle){
- game9g.score =parseInt(score);
- game9g.scoreName = "猜中"+score+"种水果";
- game9g.shareData.title = stitle+"";
-
- }
- </script>
- <div style="display: none;">
- <script type="text/javascript">
- game9g.utils.tongji();
- </script>
- </div>
- </body>
- </html>
|