Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/colinespinas/three-course
https://github.com/colinespinas/three-course
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/colinespinas/three-course
- Owner: ColinEspinas
- Created: 2023-02-13T13:17:51.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-02-16T14:48:45.000Z (almost 2 years ago)
- Last Synced: 2024-10-15T04:12:15.632Z (3 months ago)
- Language: TypeScript
- Homepage: https://three-course.vercel.app
- Size: 3.76 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
`By Bryan Kangah, Julien Da Costa, Colin Espinas.`
# Three Course Experimentation
This project is an exercise on the theme of threejs.
The goal of the exercise is to create a 3d scene to learn the basics of threejs.
For this exercise, we made a blob using vertex and fragment shaders.
You can play with it and create presets by tweaking the settings and clicking the "Create preset" button.
> If you have loaded the page during the presetation, we recommend to clear you local storage to get the best experience.
## Structure
This repository is a standard vite project using the typescript vanilla preset.
## Technology stack
| Name | Usage |
| ------------- | --------------------------------------------- |
| Three | 3D Wrapper around WebGL |
| GSAP | Animation and smoothing functions |
| Tweak pane | Easy GUI interface |
| random-words | Generate random words for preset names |
## Running the project
To get and install the project:
```sh
> git clone [email protected]:ColinEspinas/three-course.git
> cd three-course
> npm install
```
To get the project running for development:
```sh
> npm run dev
```