Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ndlano/h5p-3d-model
Simple 3D model viewer for H5P
https://github.com/ndlano/h5p-3d-model
Last synced: about 5 hours ago
JSON representation
Simple 3D model viewer for H5P
- Host: GitHub
- URL: https://github.com/ndlano/h5p-3d-model
- Owner: NDLANO
- License: mit
- Created: 2024-05-21T20:55:26.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-11-05T11:22:54.000Z (3 days ago)
- Last Synced: 2024-11-05T12:40:51.136Z (3 days ago)
- Language: JavaScript
- Size: 578 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# H5P 3D Model
Simple viewer for 3D models in H5P.
## Future options:
- As a user, I can choose what animation to play if there are multiple
animations.
- As a user, I will see a slider that I can use to seek in animations.
## Getting started
Clone this repository with git and check out the branch that you are interested
in (or choose the branch first and then download the archive, but learning
how to use git really makes sense).
Change to the repository directory and run
```bash
npm install
```
to install required modules. Afterwards, you can build the project using
```bash
npm run build
```
or, if you want to let everything be built continuously while you are making
changes to the code, run
```bash
npm run watch
```
Before putting the code in production, you should always run `npm run build`.
Also, you should run
```bash
npm run lint
```
in order to check for coding style guide violations.
In order to pack an H5P library, please install the
[H5P CLI tool](https://h5p.org/h5p-cli-guide) instead of zipping everything
manually. That tool will take care of a couple of things automatically that you
will need to know otherwise.
In simple cases, something such as
```bash
h5p pack my-awesome-library.h5p
```
will suffice.
For more information on how to use H5P, please have a look at
https://youtu.be/xEgBJaRUBGg and the H5P developer guide at
https://h5p.org/library-development.