孔有德水师集结驶出港口时，明军水师一分为二。
大战船正在远处缓慢行驶，小战船正快速向岸边靠拢准备登岸。
炮台虽然用火炮进行了攻击，但小战船目标小，移动速度快，炮弹很难命中。
在连续放了两轮空炮后，明军鸟船距离岸边越来越近。
轰！
孔有德用船上的火炮攻击明军。
明军鸟船立刻撤退，孔有德在座船上用旗语传达军令：从左右两翼占据上风向，然后集中火力朝明军座船（旗舰）发动进攻！
孔有德的是毛文龙的部下，熟悉水战之法。
他深知只要把明军水师座船击沉，明军不战自溃。
袁枢见状立刻传令：跟紧座船。
他要远离岸防炮的射程范围，然后和孔有德面对面的打一场。
由于是逆风行驶，双方都选择了走之字。
孔有德战船没有携带粮食，负载轻，很快追上了明军。
双方开始并排行驶。
海面上，双方舰队距离越来越近。
从东往西分别是孔有德水师左翼，明军水师右翼，明军水师左翼，孔有德水师右翼。
悄无声息间，孔有德从左右两侧完成了包围。
就在孔有德水师想继续往上风向行驶的时候，明军战船突然向他们靠拢。