W6 Extra

Zhaoliang Zhang

by Zhaoliang

HTML

<div id="drawing">
  
</div>

JavaScript

//W6 

let draw = SVG('drawing').size(600, 500);


//
var iswindow11,iswindow22, iswindow33, iswindow44,ispolygonstarry;
var feedback;

// redbox
let redboxbase = draw.rect(600,500)
redboxbase.fill('white');
redboxbase.stroke('red');

//set starry
let polygonstarry = draw.polygon('50,0 60,40 100,50 60,60 50,100 40,60 0,50 40,40')
polygonstarry.fill('#ffff33')

let winstarry1 = draw.polygon('50,0 60,40 100,50 60,60 50,100 40,60 0,50 40,40')
winstarry1.fill('#ffff33').move(50,-200)
let winstarry2 = draw.polygon('50,0 60,40 100,50 60,60 50,100 40,60 0,50 40,40')
winstarry2.fill('#ffff33').move(100,-150)
let winstarry3 = draw.polygon('50,0 60,40 100,50 60,60 50,100 40,60 0,50 40,40')
winstarry3.fill('#ffff33').move(200,-120)
let winstarry4 = draw.polygon('50,0 60,40 100,50 60,60 50,100 40,60 0,50 40,40')
winstarry4.fill('#ffff33').move(300,-150)
let winstarry5 = draw.polygon('50,0 60,40 100,50 60,60 50,100 40,60 0,50 40,40')
winstarry5.fill('#ffff33').move(450,-170)

// roofs

let roof1 = draw.polygon("175,175 375,25 575,175").fill("#ff9900")
roof1.stroke('black').stroke({width:2})

let roof= draw.polygon("25,175 225,25 425,175").fill("#8a8a5c")
roof.stroke('black').stroke({width:2});

//housebody

let housebody = draw.rect(550,200).x(25).y(175).fill("#ff5c33")
housebody.stroke('black').stroke({width:2});

//door
let door=draw.rect(105,125).x(300).y(250).fill("#c0c059")
door.stroke("black").stroke({width:2});

let door1=draw.rect(95,120).x(305).y(255).fill("#996600")
door1.stroke("black").stroke({width:2});

//lower windows

let window2= draw.rect(225,150).x(50).y(200).fill("#c0c059")
window2.stroke("black").stroke({width:2})
window2.radius(10); 

let window22= draw.rect(215,140).x(55).y(205).fill("#b3f0ff")
window22.stroke("black").stroke({width:2})
window22.radius(10);

let window3= draw.rect(125,150).x(425).y(200).fill("#c0c059")
window3.stroke("black").stroke({width:2})
window3.radius(10);

let window33=...