HTML JS 3D z-axis movement to achieve starry sky

HTML JS 3D z-axis movement to achieve the starry sky

2024-07-12

The starry sky animations made with chatgpt and kimi are rubbish

Either the y-axis moves or the x-axis moves.

I want z-axis movement, and they just can't figure it out.

AI still has a long way to go in writing code.


<!DOCTYPE html>
<meta charset="utf-8" />
<head>
<title>ai相关博客</title>
</head>
<body
  style="position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; margin: 0; padding: 0;"
>
 <div class="header-title"><a href="" title="神造ai">神造ai</a></div>
  <canvas
    id="canvas"
    style="width: 100%; height: 100%; padding: 0;margin: 0;"
  ></canvas>
  <script>
    const canvas = document.getElementById("canvas");
    const c = canvas.getContext("2d");
 
    let w;
    let h;
 
    const setCanvasE

Technology Sharing

HTML JS 3D z-axis movement to achieve the starry sky

Personal profile

my contact information