/* Word Cubes: (inspired by Crypto-Cube) cーーーgーーーkー... ／ |　／|　／ | bーーーfーーーjーー... | 　dー|ーhー|ーlー... | ／　 |／　 |／ aーーーeーーーiーー... e.pre = d e.left = a e.next = f e.right = i f.pre = e f.left = b f.next = g f.right = ... ※ assign next with node.nextNode and pre with node.preNode Planned Features: - show cube edges - add instructors - adjust for wide screens '18/07/06 Flandre Scarlet(雨宮桜) */ window.onload = function(){ // for div if(innerWidth innerWidth){ r /= size; // get rate of r/size size = (innerWidth*.85/unitlen - pos[0]) / (len/4-1); r *= size; // keep the rate of r/s } cubelen = size; if(r>size/4){ // avoid too big vertices r = size/4; } head = new WordCubeNode("word0", pos, r); head.val.innerText = str[0]; leadpos = pos; var go = head; if(l>1){ go.nextNode = new WordCubeNode ("word1", [pos[0], pos[1]-size], r); go = go.next; go.val.innerText = str[1]; } if(l>2){ go.nextNode = new WordCubeNode ("word2", [pos[0]+size*.5, pos[1] - size* 1.25], r); go = go.next; go.val.innerText = str[2]; } if(l>3){ go.nextNode = new WordCubeNode ("word3", [pos[0]+size*.5, pos[1] - size* .25], r); go = go.next; go.val.innerText = str[3]; } for(var p=4; p { if(count--==0){ clearInterval(moveAnime); if(node.pre!=null){ head = node; for(var i=0; i<8; i++){ head.moveTo = [head.left.pos[0]+cubelen, head.left.pos[1]]; head = head.next; } }else if(node.right.right != null){ head = node.right.right; for(var i=0; i<8; i++){ head = head.pre; head.moveTo = [head.right.pos[0]-cubelen, head.right.pos[1]]; } }else{ head = node; // 1 head.moveTo = leadpos; head = head.next; // 2 head.moveTo = head.pre.pos; head.moveToRel = [0, -cubelen]; head = head.next; // 3 head.moveTo = head.pre.pos; head.moveToRel = [cubelen/2, -cubelen/4]; head = head.next; // 4 head.moveTo = head.pre.pos; head.moveToRel = [0, cubelen]; for(var i=0; i<4; i++){ head = head.next; //5~8 head.moveTo = [head.left.pos[0]+cubelen, head.left.pos[1]]; } } }else{ head = node; for(var i=0; i<8; i++){ head.moveTo = [(org[i][0]*count+posis[i][0]*(20-count))/20, (org[i][1]*count+posis[i][1]*(20-count))/20]; head = head.next; } } },10); return node; } class DListNode{ constructor(val="", name="DListNode"){ this.val = val; Object.defineProperty(this,"name",{ value: name==null?"null":name. toString(), writable: false, enumerable: false, configurable: true }); Object.defineProperty(this,"next",{ value: null, writable: false, enumerable: false, configurable: true }); Object.defineProperty(this,"pre",{ value: null, writable: false, enumerable: false, configurable: true }); } set nextNode(next){ if(this.next!=null) Object.defineProperty (this.next, "pre", {value: null}); if(next!=null){ if(next.pre!=null) Object.defineProperty (next.pre, "next", {value: null}); Object.defineProperty(next, "pre",{value: this}); } Object.defineProperty(this, "next",{value: next}); } set preNode(pre){ if(this.pre!=null) Object.defineProperty (this.pre, "next", {value: null}); if(pre.next!=null){ Object.defineProperty (pre.next, "pre", {value: null}); } Object.defineProperty(pre, "next",{value: this}); Object.defineProperty(this, "pre",{value: pre}); } set nameIs(val){ Object.defineProperty(this, "name",{value: val==null?"null":val.toString()}); } get allProperties(){ var pros = []; pros[0] = ["name", this.name]; pros[1] = ["pre", this.pre]; pros[2] = ["next", this.next]; var k = Object.keys(this); for(var p=0; p>pre2 if(p==null) return null; else p = p.pre;// >>pre3 if(p==null) return null; else p = p.pre;// >>pre4 return p; } get right(){ var n = this.next; if(n==null) return null; else n = n.next;// >>next2 if(n==null) return null; else n = n.next;// >>next3 if(n==null) return null; else n = n.next;// >>next4 return n; } set moveTo(pos){ this.pos = pos; circle(this.name, this.pos, cubelen/4); } set moveToRel(pos){ pos[0] += this.pos[0]; pos[1] += this.pos[1]; this.moveTo = pos; } static link(node1, node2, ...nodes){ node1.nextNode = node2; if(nodes.length>0){ node2.nextNode = nodes[0]; for(var p=0; p1) for(var p=0; ppt1[1]?180:0)) + "deg)"; } // -----create div shape until here----- function setup(){ acting = false; lastCmd = ""; Data.addEL("enc","click",function(){ if(!acting){ lastCmd = Data.getEl("cmds"). value; execCmds(lastCmd); }else{ this.innerText = "rolling"; setTimeout(function(){ Data.getEl("enc").innerText = "encrypt"; }, 500); } }); Data.addEL("dec","click",function(){ if(!acting){ lastCmd = Data.getEl("cmds"). value; execCmds(lastCmd, true); }else{ this.innerText = "rolling"; setTimeout(function(){ Data.getEl("dec").innerText = "decrypt"; }, 500); } }); // random words Data.addEL("rndcode","click",function(){ var len = Math.floor(Math.random() * 52) + 5; var s = ""; for(var p=0; p

Word Cubes Encryption