https://github.com/gregor-vm/3dcanva

Some 3d particles with gravitation colliding with each other in Canvas API.
https://github.com/gregor-vm/3dcanva

canvas-api dom-manipulation html pnpm typescript vite

Last synced: about 1 month ago
JSON representation

Some 3d particles with gravitation colliding with each other in Canvas API.

• Host: GitHub
• URL: https://github.com/gregor-vm/3dcanva
• Owner: Gregor-VM
• Created: 2024-07-29T20:46:03.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-30T21:53:42.000Z (5 months ago)
• Last Synced: 2024-07-31T03:54:20.125Z (5 months ago)
• Topics: canvas-api, dom-manipulation, html, pnpm, typescript, vite
• Language: TypeScript
• Homepage: https://3dcanva.netlify.app
• Size: 1.38 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 3D Canva Gravity/Particles Simulation 🌠

This is a little experiment that I made for reviewing some of the concepts of linear algebra that I learn by self-studying and applying them into some 3d graphics. That's why I thought making a little 3d view of some particles bouncing around from scratch using Canvas API was the way to go.

[Live Demo](https://3dcanva.netlify.app)

### Preview

https://github.com/user-attachments/assets/a2e2c43c-ca42-4ca1-b126-496597a9ecbc

### Built with

- Canva API

- Vite

- Typescript

- pnpm

So, to run/build the project you first need to have installed [pnpm](https://pnpm.io/es/installation)

To run the project use:

```

pnpm run dev

```

To build the project run:

```

pnpm run build

```

*Don't forget to leave a star 🌟*