下面是一个使用JavaScript实现的示例代码，实现了按住鼠标左键时进行能量充能射击的功能：

// 获取需要操作的HTML元素
const shootButton = document.getElementById('shoot-button');
const energyBar = document.getElementById('energy-bar');

// 设置初始能量和能量增长速度
let currentEnergy = 0;
const energyIncrement = 5;

// 定义能量增长函数
function increaseEnergy() {
  currentEnergy += energyIncrement;
  if (currentEnergy > 100) {
    currentEnergy = 100;
  }
  energyBar.style.width = currentEnergy + '%';
}

// 定义射击函数
function shoot() {
  if (currentEnergy === 100) {
    console.log('发射！');

    // 发射后重置能量
    currentEnergy = 0;
    energyBar.style.width = currentEnergy + '%';
  } else {
    console.log('能量不足，无法发射！');
  }
}

// 监听鼠标按下事件
shootButton.addEventListener('mousedown', () => {
  // 每100毫秒增长一次能量
  energyInterval = setInterval(increaseEnergy, 100);
});

// 监听鼠标松开事件
shootButton.addEventListener('mouseup', () => {
  clearInterval(energyInterval);
  shoot();
});

在HTML中，你需要有一个带有id属性为shoot-button的按钮元素和一个带有id属性为energy-bar的能量条元素。你可以根据自己的需求自定义这些元素。