Basic WebGPU instance

Today, I worked on setting up a basic WebGPU instance for my 3D movement project. I started by researching the different tools and libraries available for WebGPU, and decided to use TypeScript and npm for my project.

Next, I created a basic WebGPU context and a pipeline to render my triangles. This was a bit challenging, as I had to learn how to create and manage shaders, buffers, and textures in WebGPU. However, I was able to find some great resources online that helped me get started.

Once I had my basic WebGPU context and pipeline set up, I worked on creating my triangles. This was a fun process, as I got to experiment with different shapes, sizes, and colors. I was also able to see my triangles come to life in the 3D world I had created.

Finally, I worked on implementing basic keyboard controls for my triangles. This involved adding event listeners for the WASD keys and the LShift key, and using these inputs to update the position and speed of my triangles. This was a great moment, as I finally saw my triangles move and respond to my inputs!

Overall, today was a productive and exciting day. I'm looking forward to continuing to develop my WebGPU instance and bringing my 3D movement project to life!