SimpleHouse2
by ZhenLiu
HTML
<div id="SimpleHouse"></div>JavaScript
var draw = SVG("SimpleHouse").size(600,400);
//variables that have been provided//
var win1x = 150;
var win1y = 150;
var win2x = 60;
var win2y = 115;
var win3x = 60;
var win3y = 185;
var doorx = 230;
var doory = 130;
var wall1 = draw.rect(110, 400).fill('#ffe1ff').x(245).y(0).stroke({ width: 2 });
var wall2 =draw.rect(290,155).fill(' #ffa500').x(50).y(105).stroke({ width: 2 });
var win2= draw.rect(75,60).fill('#F0FFF0').move(win2x,win2y).stroke({ width: 2 });
var win2line=draw.line(60,145, 135,145).stroke({ width: 2 });
var win3=draw.rect(75,60).fill('#F0FFF0').move(win3x,win3y).stroke({ width: 2 });
var win3line=draw.line(60,215, 135,215).stroke({ width: 2 });
var win1=draw.rect(70,100).fill('#F0FFF0').move(win1x,win1y).stroke({ width: 2 });
var door=draw.rect(75,130).fill('#F0FFF0').move(doorx,doory).stroke({ width: 2 });
var doorframe=draw.rect(65,125).fill('#C0FF3E').move(235,135).stroke({ width: 2 });
var wall3=draw.rect(320,35).fill('#ffa500').move(125,260).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,120).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,135).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,150).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,165).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,180).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,195).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,210).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,225).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,240).stroke({ width: 2 });
var detailofwall1=draw.rect(5,5).fill('#9AFF9A').move(355,255).stroke({ width: 2 });
var detailofwall1=draw.rect(5,10).fill('#9AFF9A').move(355,390).stroke({ width: 2 });
var...