技術共有

星空を実現するhtml js 3d z軸移動

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

chatgpt と kimi を使用して星空のアニメーションを実現するのはあまりにもゴミです。

Y 軸が移動するか、X 軸が移動します。

Z軸の移動が必要ですが、それはできません。

AI によるコード記述にはまだ長い道のりがあります。

  1. <!DOCTYPE html>
  2. <meta charset="utf-8" />
  3. <head>
  4. <title>ai相关博客</title>
  5. </head>
  6. <body
  7. style="position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; margin: 0; padding: 0;"
  8. >
  9. <div class="header-title"><a href="" title="神造ai">神造ai</a></div>
  10. <canvas
  11. id="canvas"
  12. style="width: 100%; height: 100%; padding: 0;margin: 0;"
  13. ></canvas>
  14. <script>
  15. const canvas = document.getElementById("canvas");
  16. const c = canvas.getContext("2d");
  17. let w;
  18. let h;
  19. const setCanvasE