https://github.com/codeadamca/nodejs-three-ldr
Displaying a Callada file on a HTML page.
https://github.com/codeadamca/nodejs-three-ldr
Last synced: 6 months ago
JSON representation
Displaying a Callada file on a HTML page.
- Host: GitHub
- URL: https://github.com/codeadamca/nodejs-three-ldr
- Owner: codeadamca
- Created: 2024-12-21T04:50:00.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-26T21:17:21.000Z (12 months ago)
- Last Synced: 2025-01-26T22:21:39.112Z (12 months ago)
- Language: HTML
- Size: 2.06 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# THREE.js and LDraw Files
This repos is a basic example of displaying an `.ldr` file in a web page. Follow these steps to get the example code working:
1. Install THREE.js using the instructions from the [Installation](https://threejs.org/docs/index.html#manual/en/introduction/Installation) documentation:
```
npm install --save three
npm install --save-dev vite
npx vite --host
```
2. Convert your `.ldr` file crearted using [BrickLink Studio]() to a packed `.mp` file. Instrustion are available on my [nodejs-packing-mpd](https://github.com/codeadamca/nodejs-packing-mpd) repo.
3. Use the example for from the [LDrawLoader](https://threejs.org/docs/#examples/en/loaders/LDrawLoader) documentation.
4. Create a `dist` version by running:
```
npx vite build
```
> [!NOTE]
> This repo is a work in progress.
---
## Project Stack
This project uses [Node.js](https://nodejs.org/en) and [THREE.js](https://threejs.org/).
---
## Repo Resources
* [THREE.js](https://threejs.org/)
