function render(d){ //Render SVG //select relevant transitions var trans_p=[]; var trans_g=[]; for(var i=0;id.Player===Player.EnergieErzeugung).Display) .attr("text-anchor","middle") .attr("pointer-events", "none"); var NamePlateInd=svg.append("g") .attr("transform","translate("+(svg_width)+","+70+")"); NamePlateInd.append("rect") .attr("width",svg_width) .attr("height",30) .attr("fill","#fee") .attr("stroke","black"); placeElem(NamePlateInd,Ressources.Spieler_Industrie,2.5,2.5); placeElem(NamePlateInd,Ressources.Spieler_Industrie,svg_width-27.5,2.5); NamePlateInd.append("text") .attr("x",svg_width/2) .attr("y",20) .text("Industrie: "+PlayerRelation.find(d=>d.Player===Player.Industrie).Display) .attr("text-anchor","middle") .attr("pointer-events", "none"); var NamePlateDem=svg.append("g") .attr("transform","translate("+0+","+(svg_height+35)+")"); NamePlateDem.append("rect") .attr("width",svg_width) .attr("height",30) .attr("fill","#efe") .attr("stroke","black"); placeElem(NamePlateDem,Ressources.Spieler_Verbraucher,2.5,2.5); placeElem(NamePlateDem,Ressources.Spieler_Verbraucher,svg_width-27.5,2.5); NamePlateDem.append("text") .attr("x",svg_width/2) .attr("y",20) .text("Verbraucher: "+PlayerRelation.find(d=>d.Player===Player.Verbrauch).Display) .attr("text-anchor","middle") .attr("pointer-events", "none"); var NamePlatePol=svg.append("g") .attr("transform","translate("+(svg_width)+","+(svg_height+35)+")"); NamePlatePol.append("rect") .attr("width",svg_width) .attr("height",30) .attr("fill","#eef") .attr("stroke","black"); placeElem(NamePlatePol,Ressources.Spieler_Politik,2.5,2.5); placeElem(NamePlatePol,Ressources.Spieler_Politik,svg_width-27.5,2.5); NamePlatePol.append("text") .attr("x",svg_width/2) .attr("y",20) .text("Politik: "+PlayerRelation.find(d=>d.Player===Player.Politik).Display) .attr("text-anchor","middle") .attr("pointer-events", "none"); svg.attr("viewBox","0 0 "+(2*svg_width)+" "+(2*svg_height)); renderPlayer(1,[0, 100],[svg_width, svg_height-35]); renderPlayer(2,[svg_width, 100],[svg_width, svg_height-35]); renderPlayer(3,[0, svg_height+65],[svg_width, svg_height-35]); renderPlayer(4,[svg_width, svg_height+65],[svg_width, svg_height-35]); renderPlayer(0,[0, 0],[2*svg_width, 70]);//global events updateActiveArea(1,[svg_width, svg_height-35,0, 70]); updateActiveArea(2,[svg_width, svg_height-35,svg_width, 70]); updateActiveArea(3,[svg_width, svg_height-35,0, svg_height+35]); updateActiveArea(4,[svg_width, svg_height-35,svg_width, svg_height+35]); showTurnCounter(2*svg_width-200,12); CO2Counter(svg_width-200,12); var dl=svg.append("g") .attr("id","Download-Button") .attr("transform","translate("+(2*svg_width-40)+","+(2*svg_height-40)+") rotate(90,12.5,12.5)") .on("click",d=>downloadObjectAsJson(compressGametoSave(),"GameState"+Date.now())) .on("mouseover",d=>RuleMouseover("Save Game to file",2*svg_width-160,2*svg_height-40)) .on("mouseout",d=>RuleMouseOut(2*svg_width-160,2*svg_height-40)); dl.append("rect") .attr("fill","white") .attr("stroke","black") .attr("width",15) .attr("height",25) .attr("x",10); placeElem(dl,"arrow",0,0); /*//testbutton svg.append("rect") .attr("width",50) .attr("height",50) .attr("x",svg_width*1.5) .attr("y",svg_height*1.8) .on("mouseover",d=>getTaxOverlay()) .on("mouseout",d=>removeTaxOverlay());*/ break; } showAllRules(); randomizePlaces(); }