https://github.com/alvarosabu/tresjs-basics

This repository contains the code for the TresJS youtube series on @AlvaroDevLabs
https://github.com/alvarosabu/tresjs-basics

3d nuxt threejs tresjs vue vuejs webgl

Last synced: 19 days ago
JSON representation

This repository contains the code for the TresJS youtube series on @AlvaroDevLabs

• Host: GitHub
• URL: https://github.com/alvarosabu/tresjs-basics
• Owner: alvarosabu
• Created: 2023-02-07T20:22:28.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-24T15:29:06.000Z (about 1 year ago)
• Last Synced: 2024-10-11T00:09:54.430Z (about 1 month ago)
• Topics: 3d, nuxt, threejs, tresjs, vue, vuejs, webgl
• Language: Vue
• Homepage: https://www.youtube.com/AlvaroDevLabs
• Size: 966 KB
• Stars: 97
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![repository-banner.png](/public/repo-banner.png)

# TresJS Basics 

> This repository contains the code for the TresJS youtube series on [@AlvaroDevLabs](https://www.youtube.com/playlist?list=PLi-X1Ojrrmi_V15dXJf_XKdss0dlDzSwa).

## What is TresJS?

TresJS is a library that allows you to create 3D experiences declaratively using Vue Components. It is a intelligent wrapper around the ThreeJS library.

To learn more about TresJS, visit the [official website](https://tresjs.org/).

## How to use this repository?

This repository contains the code for the TresJS youtube series on [@AlvaroDevLabs](https://www.youtube.com/AlvaroDevLabs). Each branch contains the code for each video.

| Video | Branch |

| --- | --- |

| [![TresJS First steps with 3D on Vue](/public/TresJS%20-%20First%20steps%20with%203D%20on%20Vue.png)](https://youtu.be/2Z3Z3YqQ5qo) | [`feat/first-steps`](https://github.com/alvarosabu/tresjs-basics/tree/feat/first-steps) |

| [![TresJS - Animate your 3D Objects with Vue](/public/TresJS%20-%20Animate%20your%203D%20Objects.png)](https://youtu.be/bDWdikyqfjk) | [`feat/animate-objects`](https://github.com/alvarosabu/tresjs-basics/tree/feat/animate-objects) |

| [![TresJS - Geometries with Vue](/public/TresJS%20-%20%20Geometries.png)](https://youtu.be/95OpiYAqkfY) | [`feat/geometries`](https://github.com/alvarosabu/tresjs-basics/tree/feat/geometries) |

| [![TresJS Materials](/public/TresJS%20-%20%20Materials.png)](https://youtu.be/25xcycMVMBc) | [`feat/materials`](https://github.com/alvarosabu/tresjs-basics/tree/feat/materials) |

| [![TresJS Lights & Shadows](/public/TresJS%20-%20%20Materials.png)](https://youtu.be/25xcycMVMBc) | [`feat/lights-shadows`](https://github.com/alvarosabu/tresjs-basics/tree/feat/lights-shadows) |

## How to run the code?

1. Clone the repository

2. Run `npm install`

3. Change to the branch you want to run

4. Run `npm run dev`

If you have any questions, feel free to reach out to me on [@alvarosabu](https://twitter.com/alvarosabu).