汉诺塔JS

你的名字 2023-06-29 07:24 13阅读 0赞

var delay = 200; //in milliseconds
    
        var	drag=false;
        var objDisk=null;
        var x = 0;
        var y = 0;
        var disksOnTower1 = new Array(null,null,null,null,null,null,null,null);
        var disksOnTower2 = new Array(null,null,null,null,null,null,null,null);
        var disksOnTower3 = new Array(null,null,null,null,null,null,null,null);
        var disksOnTowers = new Array(disksOnTower1,disksOnTower2,disksOnTower3);
        var offsetleft = 30;
        var offsettop = 30;
        var offsettower = 20;
        var offsethoriz = 30;
        var basetop = 0;
        var diskheight = 0;
        var midhoriztower = 0;
        var indexTo=1;
        var indexFr=1;
        var movectr=0;
        var gameOver=false;
        var prevIndex=0;
        var zindex = 0;
        var currTower=1;
        var prevTower=1;
        var demo=false;
        var arrFr = new Array(255);
        var arrTo = new Array(255);
        var idx = 0;
        var pos = 0;
        var t=null;
        var stop=false;
    
        
        function init(){
            if (document.getElementById){
            	var diskno = document.hanoi.diskno;
    
                diskno.options.selectedIndex = 0;
                drawTowers();
                drawDisks(parseInt(diskno.options[diskno.options.selectedIndex].text));		
            }
        }
        
        function initVars(){
            for (var i=0;i<disksOnTower1.length;i++){
                disksOnTower1[i]=null;
                disksOnTower2[i]=null;
                disksOnTower3[i]=null;
            }
            drag = false;
            indexTo = 1;
            indexFr = 1;
            movectr = 0;
            zindex = 0;
            idx = 0;
            pos = 0;
            t = null;
            gameOver=false;
            stop=false;
            demo=false;
            document.hanoi.btnUndo.disabled=true;
        }
        
        function drawTowers(){
        	var title=document.getElementById("title");
        	var tower1=document.getElementById("tower1");
        	var tower2=document.getElementById("tower2");
        	var tower3=document.getElementById("tower3");
        	var settings=document.getElementById("settings");
            var titlewidth = parseInt(title.style.width);
            var titleheight = parseInt(title.style.height);        
            var towerwidth = parseInt(tower1.style.width);
            var towerheight = parseInt(tower1.style.height);
            var settingswidth = parseInt(settings.style.width);
            midhoriztower = parseInt(document.getElementById("horiztower1").style.width)/2;
            diskheight = parseInt(document.getElementById("disk1").style.height);
                    
            title.style.left=offsetleft+(1.5*towerwidth)+offsettower-(titlewidth/2)+"px";
            title.style.top=offsettop+"px";
            tower1.style.left=offsetleft+"px";
            tower1.style.top=offsettop+titleheight+offsethoriz+"px";
            tower2.style.left=offsetleft+towerwidth+offsettower+"px";
            tower2.style.top=offsettop+titleheight+offsethoriz+"px";
            tower3.style.left=offsetleft+(towerwidth+offsettower)*2+"px";
            tower3.style.top=offsettop+titleheight+offsethoriz+"px";
            settings.style.left=offsetleft+(1.5*towerwidth)+offsettower-(settingswidth/2)+"px";
            settings.style.top=parseInt(tower1.style.top)+towerheight+offsethoriz+"px";
        }
        
        function drawDisks(disknum){
        	var tower1=document.getElementById("tower1");
            var disktop = parseInt(tower1.style.top)+parseInt(document.getElementById("horiztower1").style.top);
            var lefttower1 = parseInt(tower1.style.left);
            var disk;
            var f=document.hanoi;
            basetop = disktop;
            for (var i=disksOnTower1.length;i>=1;i--){
            	disk = document.getElementById("disk"+i);
    			disk.style.zIndex=++zindex;	
                if (i<=disknum){
                    disk.style.left=lefttower1+midhoriztower-parseInt(disk.style.width)/2+"px";
                    disk.style.top=disktop-diskheight-1+"px";
                    disktop = parseInt(disk.style.top);
                    disksOnTowers[0][i-1]=disk;
                }            
                else {
                    disk.style.left="-250px";
                    disk.style.top="-250px";
                    disksOnTowers[0][i-1]=null;
                }
            }       
            f.minmove.value=f.diskno.options[f.diskno.options.selectedIndex].value;
            f.yourmove.value=0;
        }
        
        function newGame(obj){
            if (movectr>0 && !gameOver && !stop){
                if (confirm("Current game will be aborted, would you like to continue?")){
                    initVars();
                    drawDisks(parseInt(obj.options[obj.options.selectedIndex].text));
                }
                else document.hanoi.diskno.options.selectedIndex=prevIndex;
            }
            else {
                initVars();
                drawDisks(parseInt(obj.options[obj.options.selectedIndex].text));
            }
        }
        
        function initializeDrag(disk,e){
        	if (!e) e=event;
            if (stop){
                swal("警告", "不能在点击'stop'按钮之后在继续执行移动盘子的操作！！", "warning");
                //alert("You cannot continue solving the puzzle after clicking the 'Stop' button.\nClick 'Restart' button or select no. of disks to continue playing.");
                return;
            }
            indexFr = indexTo;
            if (disk.id!=disksOnTowers[indexFr-1][0].id || gameOver || demo) return;
            objDisk=disk;
            x=e.clientX;
            y=e.clientY;
            tempx=parseInt(disk.style.left);
            tempy=parseInt(disk.style.top);
            document.onmousemove=dragDisk;
        }
        
        function dragDisk(e){
            if (!e) e=event;
            zindex++;
            drag=true;
            var posX = tempx+e.clientX-x;
            var posY = tempy+e.clientY-y;
            var objTower1 = document.getElementById("tower1");
            var objTower2 = document.getElementById("tower2");
            var objTower3 = document.getElementById("tower3");
            var tower1Left = parseInt(objTower1.style.left);
            var tower2Left = parseInt(objTower2.style.left);
            var tower3Left = parseInt(objTower3.style.left);
            var tower3Width = parseInt(objTower3.style.width);
            
            objDisk.style.zIndex=zindex;
            objDisk.style.left=posX+'px';
            objDisk.style.top=posY+'px';        
            
            if (e.clientX>=document.body.clientWidth-10 || e.clientY>=document.body.clientHeight-5 || e.clientX==5 || e.clientY==5){ //outside available window
                indexTo=indexFr;
                dropDisk(objDisk);
            }
            else if ( //in the vicinity of tower 3
                (tower3Left<=posX) && 
                (tower3Left+tower3Width>=posX) && 
                (parseInt(objTower3.style.top)+parseInt(objTower3.style.height)>posY)
                ){
                indexTo=3;
            }
            else if ((tower2Left<=posX) && (tower2Left+tower3Width>=posX)){ //in the vicinity of tower 2
                indexTo=2;
            }
            else if ((tower1Left<=posX) && (tower1Left+parseInt(objTower1.style.width)>=posX)){ //in the vicinity of tower 1
                indexTo=1;
            }
            else indexTo = indexFr;
            return false;
        }
    
        function dropDisk(disk){
        	var f=document.hanoi;
            document.onmousemove=new Function("return false");
            if (!drag) return;
            var gameStatus=false;
            var topDisk = disksOnTowers[indexTo-1][0];
            if (indexFr==indexTo){
                getNewTop(indexFr,null);
                pushDisk(disk,indexFr);	//put disk back to original tower
                getNewTop(indexFr,disk);
            }
            else if (topDisk==null) {
                pushDisk(disk,indexTo);
                getNewTop(indexFr,null);
                getNewTop(indexTo,disk);
                movectr++;
                currTower=indexTo;
                prevTower=indexFr;
                f.btnUndo.disabled=false;
            }
            else if (parseInt(disk.style.width)<parseInt(topDisk.style.width)){
                pushDisk(disk,indexTo);
                getNewTop(indexFr,null);
                getNewTop(indexTo,disk);
                movectr++;
                currTower=indexTo;
                prevTower=indexFr;
                if (indexTo==3) gameStatus=checkStatus();
                f.btnUndo.disabled=false;
            }
            else {
                getNewTop(indexFr,null);
                pushDisk(disk,indexFr);	//put disk back to original tower
                getNewTop(indexFr,disk);
            }
          
            drag=false;
            f.yourmove.value=movectr;
            if (gameStatus) {
                f.btnUndo.disabled=true;
                minmove = parseInt(f.minmove.value);
                if (movectr==minmove) msg="\nCongratulations! You got it in "+minmove+" moves."
                else if (movectr>minmove) msg="\nYou can do better than that."
                else msg="";
                //alert("Game Over !!!"+msg);
                swal({   title: "干的漂亮！！！!",   text: msg,   imageUrl: "images/thumbs-up.jpg" });
                gameOver=true;
            }
            return;
        }      
        
        function checkStatus(){
            var gameStat = false;
            var disks=0;
            for (var i=0;i<disksOnTower3.length;i++){
                if (disksOnTowers[2][i]!=null) disks++;
            }
            if (disks==parseInt(document.hanoi.diskno.options[document.hanoi.diskno.options.selectedIndex].text)) gameStat=true;
            return gameStat;
        }
    
        function pushDisk(disk,index){
            var diskWidth = parseInt(disk.style.width);
            var towerLeft = parseInt(document.getElementById("tower"+index).style.left);
            var topDisk = disksOnTowers[index-1][0];
            if (topDisk!=null){
                topDiskWidth = parseInt(topDisk.style.width);
                topDiskTop = parseInt(topDisk.style.top);
                disk.style.left=towerLeft+midhoriztower-diskWidth/2+"px";
                disk.style.top=topDiskTop-diskheight-1+"px";
            }
            else {
                disk.style.left=towerLeft+midhoriztower-diskWidth/2+"px";
                disk.style.top=basetop-diskheight-1+"px";
            }	
        }
       
        function getNewTop(index,disk){
            if (disk==null){		//pop
                for (var i=0;i<disksOnTower1.length-1;i++){
                    disksOnTowers[index-1][i]=disksOnTowers[index-1][i+1];
                }
                disksOnTowers[index-1][disksOnTower1.length-1]=null;
            }
            else {		//push
                for (var i=disksOnTower1.length-1;i>=1;i--){
                    disksOnTowers[index-1][i]=disksOnTowers[index-1][i-1];
                }
                disksOnTowers[index-1][0]=disk;
            }
        }
        
        function solve(btn){
            if (btn.value=="Solve"){
                if (movectr>0 && !gameOver && !stop)
                    if (!confirm("Current game will be aborted, would you like to continue?")) return;
                btn.value="Stop";
                initVars();
                stop=false;
                demo=true;
                var f=document.hanoi;
                f.btnIns.disabled=true;
                f.btnRes.disabled=true;
                f.btnUndo.disabled=true;
                disknum = parseInt(f.diskno.options[f.diskno.options.selectedIndex].text);
                drawDisks(disknum);
                getMoves(0, 2, 1, disknum); 
                t=window.setTimeout("moveDisk()",delay);
            }
            else {
                if (t) {
                    window.clearTimeout(t);
                    btn.value="Solve";
                    frm.btnIns.disabled=false;
                    frm.btnRes.disabled=false;
                    t = null;
                    stop=true;
                    demo=false;
                }
                
            }
        }
        
        function moveDisk(){
            frm = document.hanoi;
            disk=disksOnTowers[arrFr[pos]][0];
            pushDisk(disk,arrTo[pos]+1);
            getNewTop(arrFr[pos]+1,null);
            getNewTop(arrTo[pos]+1,disk);
            movectr++;
            frm.yourmove.value=movectr;
            pos++;
            if (movectr<parseInt(frm.minmove.value)) t=window.setTimeout("moveDisk()",delay);
            else {
                //alert("Can you do that in "+movectr+" moves?");
                swal({   title: "搞定了！",   text: movectr+"步！你还能够更快完成它吗？",   imageUrl: "images/pinpin.png" });
                //swal("Can you do that in "+movectr+" moves?");
                gameOver=true;
                stop=false;
                frm.btnSolve.value="Solve";
                frm.btnIns.disabled=false;
                frm.btnRes.disabled=false;
            }
        }
    
        function getMoves(from,to,empty,numDisk){
            if (numDisk > 1) {
                getMoves(from, empty, to, numDisk - 1);
                arrFr[idx] = from;
                arrTo[idx++] = to;
                getMoves(empty, to, from, numDisk - 1);
            }
            else {
                arrFr[idx] = from;
                arrTo[idx++] = to;
            }
        }
    
        
        function unDo(btn){
            disk=disksOnTowers[currTower-1][0];
            pushDisk(disk,prevTower);
            getNewTop(currTower,null);
            getNewTop(prevTower,disk);
            movectr--;
            document.hanoi.yourmove.value=movectr;
            btn.disabled=true;
        }
        
        function displayIns(){
            var msg = "你要将所有的盘子从TOWER 1移动到TOWER 3\n";
            msg += "你每次只能移动一个盘子。\n";
            msg += "游戏最重要的规则是大的盘子不能放在小的盘子上面！";
            // var msg="Try to move all the disks from TOWER 1 to TOWER 3.\n";
            // msg+="You may only move one disk at a time.\n";
            // msg+="You must never allow a bigger disk to go on top of a smaller disk.";
            //alert(msg);
            swal({
            title: "汉诺塔游戏规则",
            text: msg,
            imageUrl: 'images/capitaine.png'
        });
        }

html可以找我要

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关汉诺塔JS

var delay = 200; //in milliseconds var drag=false; var objDisk=

你的名字/ 2023年06月29日 07:24/ 0 赞/ 14 阅读

相关汉诺塔

汉诺塔 1.目标 2.思路（算法） 3.实现 4.总结（如何理解这个算法）注意： 1.目标目标很明确就是将下图中A柱子上

淡淡的烟草味﹌/ 2022年11月02日 13:14/ 0 赞/ 111 阅读

相关汉诺塔

package com.someusefuldesign.demo; /假设有A B C三个柱子移动的顺序为： / public class

妖狐艹你老母/ 2022年08月13日 15:54/ 0 赞/ 262 阅读

相关汉诺塔

Problem Description 汉诺塔（又称河内塔）问题是印度的一个古老的传说。开天辟地的神勃拉玛在一个庙里留下了三根金刚石的棒A、B和C，A上面套着

Dear 丶/ 2022年06月17日 05:28/ 0 赞/ 345 阅读

相关汉诺塔

汉诺塔 Time Limit: 1000MS Memory Limit: 65536KB [Submit][] [Statistic][] Prob

约定不等于承诺〃/ 2022年06月11日 03:24/ 0 赞/ 299 阅读

相关汉诺塔

\include<stdio.h> void hanoi(int n,char A,char B,char C) \{ if(n==1) printf("Move s

逃离我推掉我的手/ 2022年06月10日 12:57/ 0 赞/ 346 阅读

相关汉诺塔

include <stdio.h> void hannuota(int n,char A,char B,char C){ if(1 == n){

川长思鸟来/ 2022年06月07日 13:06/ 0 赞/ 273 阅读

相关汉诺塔

汉诺塔 Time Limit: 1000 ms Memory Limit: 65536 KiB [Submit][] [Statistic][] Problem D

怼烎@/ 2022年05月29日 05:58/ 0 赞/ 311 阅读

相关汉诺塔

def move(n, a, b, c): if n == 1: \ 如果a只有1盘子 print(a, '-->', c); \ 直接把盘子从a移到c els

迷南。/ 2022年05月18日 22:25/ 0 赞/ 377 阅读

相关汉诺塔

// 有柱子 A,B,C // 将n个圆盘分成一个上盘，一个下盘，每次移动都是 / n=1的时

我不是女神ヾ/ 2021年07月24日 23:39/ 0 赞/ 546 阅读