Hybrid energy-harvesting systems that capture both wave and solar energy from the oceans using triboelectric nanogenerators and photovoltaic cells are promising renewable energy solutions. However, ubiquitous shadows cast from moving objects in these systems are undesirable as they degrade the performance of the photovoltaic cells. Here we report a shadow-tribo-effect nanogenerator that hybrids tribo-effect and shadow-effect together to overcome this issue. Several fiber-supercapacitors are integrated with the shadow-tribo-effect nanogenerator to form a self-charging power system. To capture and store wave/solar energy from oceans, an energy ball based on the self-charging power system is demonstrated. By harnessing the shadow-effect, i.e. the shadow of the moving object in the energy ball, the charging time shortens to 253.3 s to charge the fiber-supercapacitors to the same voltage (0.3 V) as using pure tribo-effect. This cost-effective method to harvest and store the wave/solar energy from the oceans in this work is expected to inspire next-generation large-scale blue energy harvesting.