As an AI text-based model, I can provide you with an outline of how you can create a simple text-based cricket game using JavaScript, HTML, and CSS. However, it won't be a 3D game and won't have sophisticated animations as creating such a game is beyond the scope of a single answer. Here's an example of a simple cricket game implemented as a single HTML file:
In this simple cricket game, a batsman and bowler are defined as objects. The `simulateBall()` function generates a random score for the batsman and increments the runs. If the generated score is 0, a wicket is awarded to the bowler. The `startGame()` function initializes the players' scores and simulates 6 balls. At the end, the game over message with the final scores is printed to the console.
Please note that this is just a very basic demonstration of a cricket game and lacks the advanced features, animation, and 3D elements you mentioned. Implementing a fully functional 3D cricket game with animations would require a more complex setup and the use of external libraries like WebGL or game development frameworks like Unity or Unreal Engine.