从火战船的性能上看，霹雳军要超出元军不少——虽然双方船只大小和速度都相差不大，其战力的差距体现在喷火装备方面。由于采用了精密的构件和橡胶，加之对火油进行了提纯精炼，霹雳军改良后的猛火油柜射程更远，火力更猛，能附着在铁和水面上燃烧。甫一交手，元军便损失了十余艘火战船，而霹雳军只损失了两艘。话说火战是最残酷最摧残士兵意志的战斗，如果跳海不及时，霎时便会成为人形巨烛。敌我双方的士兵宁愿死于刀劈斧砍，也不愿意死在烈火之下。
火战鏖战正酣之时，两艘元军爆破船从左右两侧，趁乱往战阵而来。爆破船主要是用于冲击敌方的密集船阵、大型战船或水上栅栏等防御设施。这两艘元军爆破船不管不顾冲进来，显然是想击破霹雳军的防线，为后方轻快船打开通道。现下双方船只相互游走缠斗，阵形犬牙交错，爆炸之下肯定会误伤友军，但元军的爆破船仍径直闯了进来，引得元军火战船士兵的惊呼咒骂。眼见敌人如此凶悍，霹雳军士兵的英勇气概也被激发出来，当即一艘火战船便迎了上去，对着右侧的一艘爆破船便是一阵猛喷。元军爆破船的铁船舱能抗得住子弹和霰弹碎片，却抗不住烈焰。
一声惊天动地的巨响之后，元军的爆破船飞上了天，又纷纷洒洒落了下来。三十米外阻击它的霹雳军火战船也在冲击波之下解体，漏出的火油迅速在海面上燃烧起来了。在爆点周围百米内的船只，无分敌我，要么被掀翻要么破损进水。由于没有被霹雳军发现，左侧的元军爆破船冲进了战阵的更深处。又一声山崩地裂的巨响之后，十余艘霹雳军的火战船或化为碎片，或解体沉没或侧翻。剩下的十余艘霹雳军火战船或因冲击损坏了喷火装置，或因士兵口吐鲜血内脏受损，不得不往后退去。元军在此次爆炸中损失稍小，沉没解体的船只不到十艘。敌我双方火战船在冲击之下，漏出了大量火油并四处流溢，将交战区变成了燃烧的海域。
眼见已方火战船损失惨重，在后方半里处的霹雳军七艘爆破船，以分散阵形径直往元军冲锋过来。元军吓得大骇，纷纷用火箭、弓弩向其猛射，却被船头包了铁皮的装甲板挡住。也有悍勇的元军火战船迎了上去，试图远远地引燃爆破船，却未能如愿。与元军爆破船使用黑火药不同的是，霹雳军使用的是梯嗯梯。这种新型火药稳定性十分强，不惧火烧不惧猛砸，只能用雷汞引爆。得益于包铁装甲板的保护，霹雳军的爆破船趁着敌人的惊慌与混乱，径直冲过敌人火战船的阻击，甚至冲到敌人爆破船的后方，深入到了元军轻快船队中间。
毁天灭地的爆炸次递响起，让原本嘈杂纷乱的战场整时安静下来。七股冲天水柱落下，溅起的水雾消散之后，刚才双方激烈博杀的战场，如同风暴后的海面一样漂满船只残骸和浮木，翻涌的海水也带了一丝诡异红色，咸腥之中还带着血沫味。霹雳军的每艘爆破船都装了五百斤梯嗯梯火药，其爆炸威力远远超过元军的爆破船，不仅将元军的轻快船摧毁殆尽，其掀起的巨浪让二里地外的元军大型战船猛烈晃动起来。此刻的元军正调整队形，准备将火炮战船调到最前列。刚才霹雳军舰队炮击时，它们皆在船队后方，由此躲过了一劫。
元军的火炮战船有五十余艘，大都来自缴获或投降的宋军。由于造舰技术落后，这些战船装备的火炮数量普遍只有二十门左右，且多为中型和小型火炮，射程和火力远逊于霹雳军的舰炮。宋军和元军也想让重型火炮大量上舰，但终因财力和技术问题而作罢。从财力来说，火炮造价昂贵，甚至是船体造价的数倍，如果加上弹药和后勤维护，价格更是高昂，就连财大气粗的霹雳军也觉得吃力。更遑论连续的战争下，财政早已濒临破产的宋元两方。从技术来说，宋元两方始终无法解决火炮后座力问题。如果其战船大量装备重型火炮，在巨大的后座力之下，轻者长船体结构破裂进水，重者损毁沉没。
董文炳原本计划让轻快船迅速接近霹雳军舰队主力，即便不能将之重创，也要打乱其阵形，让其不能从容炮击。谁知道霹雳军的火战船与爆破船如此强悍，竟然以同归于尽的博命方式，让元军轻快船队几乎团灭。眼下没有了威胁，霹雳军的主力战舰又调头返了回来，并呈一字阵列，与元军船队呈“t”形，显然是要发动新一轮的炮击。霹雳军这种阵列能最大程度发挥两侧舷炮的火力，在历次海战中屡试不爽。
眼见霹雳军舰队的阵势，董文炳脑中突然闪现出“人为刀俎，我为鱼肉”这个念头。他明白虽然已方火炮战船数量与霹雳军差不多，船体也小不了多少，但无论是火力还是炮手经验都远逊于对手，更何况己方战船是船艏向着对手的侧舷。这意味即便双方火炮数量相同，霹雳军能开火的舰炮数量也将是元军的十倍以上。宋元两军的火炮战船都是模仿霹雳军战舰，将大部分火炮部署在两舷，船艏和船艉均只部署一门火炮。情急之下，董文炳急令两翼的弩炮战船前去阻击霹雳军舰队，又下令让火炮战船将侧舷对准霹雳军舰队的来向。
两翼侧击的数十艘元军弩炮战船毫无悬念被炮火笼罩。这一次霹雳军战舰仍然发射的是链球弹，将来袭元军战舰的风帆和桅杆打得支离破碎，使其使去动力，并随着海浪摇晃。解决了弩炮战船的威胁之后，霹雳军战舰继续以一字阵形接近元军的火炮船队。当距离在两里左右时，双方火炮几乎同时开炮，一时间海面火光闪烁硝烟弥漫。几轮火炮对射之后，元军火炮战船全哑火了，唯能听见硝烟之中一片嘈杂哭喊声。硝烟稍散，“泸州”号桅杆了望哨的观察军官报告称，元军船只正往四散而逃。
乐全安将舰队分为一分为三，一部分前去东南方向，歼灭张弘范所率的白鹞海船队，这支元军船队在试图包抄霹雳军主力战舰后方之时，被轻护船和梭镖鱼船阻击，双方互有损伤。在遭到迎头痛击之后，张弘范不得已继续往东南方向退去，眼下已远离主战场；一部分留在原地清剿残敌。战场上眼下遗留了数百艘船桅船帆被打坏，或船舱破损进水的大中型船只，上面尚有数千水手。如果不彻底解除其武装，他们可能修复船只逃跑或从背后袭击霹雳军战舰。第三部分则由其亲自率领，追击往西南方向逃去的元军主力。董文炳所率的水军此战虽然死伤惨重，但逃跑的战船估计仍有五百艘以上，如果不趁胜追击将其打残，以后将是个麻烦。