元军的火炮战船有五十余艘，大都来自缴获或投降的宋军。由于造舰技术落后，这些战船装备的火炮数量普遍只有二十门左右，且多为中型和小型火炮，射程和火力远逊于霹雳军的舰炮。宋军和元军也想让重型火炮大量上舰，但终因财力和技术问题而作罢。从财力来说，火炮造价昂贵，甚至是船体造价的数倍，如果加上弹药和后勤维护，价格更是高昂，就连财大气粗的霹雳军也觉得吃力。更遑论连续的战争下，财政早已濒临破产的宋元两方。从技术来说，宋元两方始终无法解决火炮后座力问题。如果其战船大量装备重型火炮，在巨大的后座力之下，轻者长船体结构破裂进水，重者损毁沉没。
董文炳原本计划让轻快船迅速接近霹雳军舰队主力，即便不能将之重创，也要打乱其阵形，让其不能从容炮击。谁知道霹雳军的火战船与爆破船如此强悍，竟然以同归于尽的博命方式，让元军轻快船队几乎团灭。眼下没有了威胁，霹雳军的主力战舰又调头返了回来，并呈一字阵列，与元军船队呈“T”形，显然是要发动新一轮的炮击。霹雳军这种阵列能最大程度发挥两侧舷炮的火力，在历次海战中屡试不爽。
眼见霹雳军舰队的阵势，董文炳脑中突然闪现出“人为刀俎，我为鱼肉”这个念头。他明白虽然已方火炮战船数量与霹雳军差不多，船体也小不了多少，但无论是火力还是炮手经验都远逊于对手，更何况己方战船是船艏向着对手的侧舷。这意味即便双方火炮数量相同，霹雳军能开火的舰炮数量也将是元军的十倍以上。宋元两军的火炮战船都是模仿霹雳军战舰，将大部分火炮部署在两舷，船艏和船艉均只部署一门火炮。情急之下，董文炳急令两翼的弩炮战船前去阻击霹雳军舰队，又下令让火炮战船将侧舷对准霹雳军舰队的来向。
两翼侧击的数十艘元军弩炮战船毫无悬念被炮火笼罩。这一次霹雳军战舰仍然发射的是链球弹，将来袭元军战舰的风帆和桅杆打得支离破碎，使其使去动力，并随着海浪摇晃。解决了弩炮战船的威胁之后，霹雳军战舰继续以一字阵形接近元军的火炮船队。当距离在两里左右时，双方火炮几乎同时开炮，一时间海面火光闪烁硝烟弥漫。几轮火炮对射之后，元军火炮战船全哑火了，唯能听见硝烟之中一片嘈杂哭喊声。硝烟稍散，“泸州”号桅杆瞭望哨的观察军官报告称，元军船只正往四散而逃。
乐全安将舰队分为一分为三，一部分前去东南方向，歼灭张弘范所率的白鹞海船队，这支元军船队在试图包抄霹雳军主力战舰后方之时，被轻护船和梭镖鱼船阻击，双方互有损伤。在遭到迎头痛击之后，张弘范不得已继续往东南方向退去，眼下已远离主战场；一部分留在原地清剿残敌。战场上眼下遗留了数百艘船桅船帆被打坏，或船舱破损进水的大中型船只，上面尚有数千水手。如果不彻底解除其武装，他们可能修复船只逃跑或从背后袭击霹雳军战舰。第三部分则由其亲自率领，追击往西南方向逃去的元军主力。董文炳所率的水军此战虽然死伤惨重，但逃跑的战船估计仍有五百艘以上，如果不趁胜追击将其打残，以后将是个麻烦。