create a beautiful, busy, living koi pond using Three.js in a single HTML file. Include a waterfall, rocks, plants, and multiple koi fish with different colors and patterns. Make the scene feel alive through continuous fish movement, flowing water, and animated environmental details. Add a “Feed the koi” button. When clicked, food should appear on the water, and the fish should visibly swim toward it and eat it—not simply continue their normal swimming animation. Allow the camera to orbit and zoom so I can explore the pond. Make the scene visually polished, with convincing water, lighting, and depth. Deliver the complete working HTML file.
中文翻譯
用 Three.js 在單個 HTML 文件中打造一個美麗、熱鬧、生機勃勃的錦鯉池。包含瀑布、巖石、植物,以及多條顏色和花紋各異的錦鯉。通過持續不斷的魚的遊動、流動的水和動態的環境細節,讓場景顯得鮮活。添加一個“Feed the koi”按鈕。點擊後,食物應出現在水面上,魚要明顯地朝食物遊去並喫掉它——而不是繼續它們平常的遊動動畫。允許相機環繞和縮放,好讓我能探索這個池塘。讓場景在視覺上精緻考究,水面、光照與縱深都要令人信服。交付完整可運行的 HTML 文件。