erratic-gate/scripts/nand3.js

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";
	});
}