RPG Maker MV - How to toggle transparent trees while behind them!

After some of you got back to me with some feedback on my video game demo "Dante no Kodomo" alot of the issues seemed to be related to the trees taking up way too much space. So I took some time to figure out how to create trees that turn a little transparent when the player moves behind them! =D I hope you guys enjoy! CODE FOR PAGE 1: if ((((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+0) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-2) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-1) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+1) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+2))&&((($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-1) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-2) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-3) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-4) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-5) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-6)))&&!(((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-1)) ||((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-6)) ||((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-1)) ||((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-6)))) { $gameSelfSwitches.setValue([$gameMap.mapId(), this.eventId(), 'A'], true); } CODE FOR PAGE 2: if ((((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+0) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-2) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-1) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+1) ||(($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+2))&&((($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-1) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-2) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-3) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-4) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-5) ||(($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-6)))&&!(((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-1)) ||((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)-2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-6)) ||((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-1)) ||((($gameVariables.value(17)) == (($gameMap.event(this.eventId())).x)+2) && (($gameVariables.value(18)) == (($gameMap.event(this.eventId())).y)-6)))) { } else { $gameSelfSwitches.setValue([$gameMap.mapId(), this.eventId(), 'A'], false); }