Now for the "resign" game:
everything looks fine until

I don't like very much. You are correct that black has extended a little bit to far.
But it is too early to punish it for there are more urgent points.
I think enclosing your upper left corner looks very good now instead.

is also not as big as the enclosure. In fact the top and the left area are more important for both players now.
Often (not always, as always) you can decide this by just looking where the largest space is on the board.
On top of that, enclosing a 3-4 is most of the time bigger than enclosing a 4-4, because by enclosing the former you get solid territory while you can still invade the latter easily (also asymmetrical vs. symmetrical)

makes the same mistake and gives you now a nice corner while you can attack the white stone.
You are absolutely right with

- I think you were afraid of white attacking your corner?
But it is still better to rob whites base first with a move around K16.

seems an overplay. Altough it hits the shape point, white is strong and alive after the next move, so your stone is to close to whites thickness.

looks like it is a bit misplaced, I guess you tried to split white here? (As you see this doesn't work)
Always be careful when you're playing a knights move: it can often be cut, so your two stones are not really connected.
I think at this point you are ahead in terms of territory, because you got three corners, while your opponent only has one and a bit side territory.
But then white getting into your top right corner which should have been solid territory for you is very painful.
Maybe

at R12 for example would have been much better, although you sacrifice a stone here.
After this, it gets a bit messy.
