Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jagenjo/litescene.js
A WebGL 3D Engine library with component-based node hierarchy. Used by WebGLStudio
https://github.com/jagenjo/litescene.js
3d-engine component-based javascript scene-graph webgl
Last synced: 6 days ago
JSON representation
A WebGL 3D Engine library with component-based node hierarchy. Used by WebGLStudio
- Host: GitHub
- URL: https://github.com/jagenjo/litescene.js
- Owner: jagenjo
- License: mit
- Created: 2013-09-26T15:57:10.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2021-07-02T12:09:37.000Z (over 3 years ago)
- Last Synced: 2024-04-14T07:59:32.862Z (7 months ago)
- Topics: 3d-engine, component-based, javascript, scene-graph, webgl
- Language: JavaScript
- Homepage:
- Size: 17.4 MB
- Stars: 354
- Watchers: 20
- Forks: 60
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-game-engine-dev - Litescene.js - WebGL 3D engine library, used by [WebGLStudio](https://webglstudio.org). (Libraries / JavaScript)
README
# litescene.js
Litescene is a scene graph library for WebGL with a component based hierarchical node system.
It comes with a realistic rendering pipeline and some interesting components to make it easier to build and share scenes.
* Component based node system
* Realistic rendering pipeline, it supports shadows, reflections, textures for all properties, etc
* Material system that automatically computes the best shader, making it easy to control properties
* Resources Manager to load and store any kind of resource ( textures, meshes, etc)
* Serializing methods to convert any Scene to JSON
* Parser for most common file formats
* Easy to embed
It uses its own low-level library called [litegl.js](https://github.com/jagenjo/litegl.js)
### WebGLStudio ###
Litescene has been created to work together with [WebGLStudio](https://webglstudio.org), an open source online 3D editor.
From WebGLStudio you can export the JSON file containing all the info and use it in your LiteScene.
### Usage ###
Include the library and dependencies
```html
```
Create the context
```js
var player = new LS.Player({
width:800, height:600,
resources: "resources/",
shaders: "data/shaders.xml"
});
```
Attach to Canvas to the DOM:
```js
document.getElementById("mycontainer").appendChild( player.canvas )
```
or you can pass the canvas in the player settings as { canvas: my_canvas_element }
Load the scene and play it:
```js
player.loadScene("scene.json");
```
Documentation
-------------
Check the [guides](guides) folder for a better explanation of how does it works.
The doc folder contains the documentation.
For info about [litegl.js](https://github.com/jagenjo/litegl.js) check the documentation in its repository.
For info about [glMatrix](http://glmatrix.com) check the documentation in its website.
Utils
-----
It includes several commands in the utils folder to generate doc, check errors and build minifyed version.
Feedback
--------
You can write any feedback to [email protected]