93 lines
2.3 KiB
JavaScript
93 lines
2.3 KiB
JavaScript
function nand3(id){
|
|
this.id = id;
|
|
this.rep = add(80,80,"blue","black",this.id,false);
|
|
this.pin1 = new pin(0);
|
|
this.pin2 = new pin(0);
|
|
this.pin3 = new pin(0);
|
|
this.o = new pin(1);
|
|
this.o.nei = this;
|
|
this.activation = function(){
|
|
if (!((this.pin1.val && this.pin2.val)&&this.pin3.val)){
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
this.x = function(){
|
|
let name = "#" + this.id;
|
|
return parseFloat($(name).attr("x"));
|
|
}
|
|
|
|
this.y = function(){
|
|
let name = "#" + this.id;
|
|
//console.log("y"+parseFloat($(name).attr("y")));
|
|
return parseFloat($(name).attr("y"));
|
|
}
|
|
|
|
//design
|
|
var g = document.createElementNS('http://www.w3.org/2000/svg', 'g');
|
|
$(g).attr({
|
|
width: "100%",
|
|
height: "100%"
|
|
});
|
|
var skin = $(document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject')).attr({
|
|
x: "50",
|
|
y: "50",
|
|
id: (id+"-skin"),
|
|
width:"80",
|
|
height:"80"
|
|
});
|
|
var img = $(document.createElement('img')).attr({
|
|
height:"72",
|
|
width:"72",
|
|
src:"textures/gates/nand_gate.jpg"
|
|
});
|
|
var iDiv = document.createElement("div");
|
|
$(iDiv).append(img);
|
|
this.skin = skin;
|
|
this.img = img;
|
|
$(skin).append(iDiv);
|
|
//noname(this);
|
|
$(g).append(skin);
|
|
var elem = document.getElementById("svg1");
|
|
elem.appendChild(g);
|
|
|
|
//updating
|
|
this.update = function(){
|
|
//the main object and his pins
|
|
let x = this.x();
|
|
let y = this.y();
|
|
this.pin1.set(x-20,y);
|
|
this.pin2.set(x-20,y+60);
|
|
this.pin3.set(x-20,y+30);
|
|
this.o.set(x+80,y+30);
|
|
|
|
//and the skin
|
|
var name = "#"+this.id+"-skin";
|
|
var skin = $(name);
|
|
skin.attr("x",(parseFloat($((this.rep)).attr("x"))+4).toString());
|
|
skin.attr("y",(parseFloat($((this.rep)).attr("y"))+4).toString());
|
|
}
|
|
pieces[pieces.length] = this;
|
|
|
|
|
|
clk(this,[this.pin1,this.pin2,this.pin3,this.o]);
|
|
}
|
|
|
|
function clk(ob,arr){
|
|
var rep = ob.rep;
|
|
$((ob.img)).on("mousedown touchstart",function(e){
|
|
e.preventDefault();
|
|
var svg = document.getElementById("svg1");
|
|
$(svg).append(ob.rep);
|
|
$(svg).append($(ob.pin1.rep));
|
|
for (var i = 0; i < arr.length;i++){
|
|
$(svg).append($(i.rep));
|
|
}
|
|
$(svg).append($(ob.skin));
|
|
selected = ob.id;
|
|
});
|
|
$((ob.img)).on("mouseup touchend",function(e){
|
|
selected = "yay";
|
|
});
|
|
} |