https://github.com/jagenjo/webglstudio.js

A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.
https://github.com/jagenjo/webglstudio.js

3d editor graph-editor rendering scene-graph shaders webapp webgl webtool

Last synced: about 1 month ago
JSON representation

A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.

• Host: GitHub
• URL: https://github.com/jagenjo/webglstudio.js
• Owner: jagenjo
• License: mit
• Created: 2015-07-31T13:32:25.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2020-08-03T13:01:21.000Z (almost 4 years ago)
• Last Synced: 2024-04-14T18:35:50.774Z (2 months ago)
• Topics: 3d, editor, graph-editor, rendering, scene-graph, shaders, webapp, webgl, webtool
• Language: JavaScript
• Homepage:
• Size: 23.3 MB
• Stars: 5,141
• Watchers: 225
• Forks: 596
• Open Issues: 36
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-list - webglstudio.js
• awesome-stars - webglstudio.js
• awesome-stars - webglstudio.js - A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more. (JavaScript)
• awesome-stars - webglstudio.js
• awesome-stars - jagenjo/webglstudio.js - A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more. (JavaScript)
• awesome-stars - jagenjo/webglstudio.js - A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more. (JavaScript)
• awesome-stars - jagenjo/webglstudio.js - A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more. (JavaScript)
• docsify-awesome-stars - jagenjo/webglstudio.js - A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more. (JavaScript)
• awesome-stars - webglstudio.js
• awesome-stars - webglstudio.js
• awesome-stars - webglstudio.js

README

        


    



# WEBGLSTUDIO IS IN A MIGRATION PROCESS TO A NEW REPO. STAY TUNNED

# WebGLStudio.js

WebGLStudio.js is an open-source, browser-based 3D graphics suite. You can edit scenes and materials, design effects and shaders, code behaviours, and share your work - all within a browser using standard web technologies.

Some important WebGLStudio.js features:

 * A full 3D graphics engine ([LiteScene.js](https://github.com/jagenjo/litescene.js)) that supports multiple lights, shadowmaps, realtime reflections, custom materials, postFX, skinning, animation, and much more.

 * An easily extended, component-based system for controlling the rendering pipeline and interaction event hooks 

 * An easy to use, what you see is what you get (WYSIWYG) editor that provides a single interface for all coding, graph compositing and timeline features.

 * A graph editor for controlling behaviours, shaders and post-processing effects, using [LiteGraph.js](https://github.com/jagenjo/litegraph.js).

 * Supports the [LiteFileSystem.js](https://github.com/jagenjo/litefilesystem.js), a virtual file system that allows drag-and-drop storage of resources on the web, with configurable quotas, users and shared folders.

 * Export and share your work by sending a single link.

For more information, visit http://webglstudio.org

![Interface](press/images/interface.jpg "Interface")

Features missing:

* Mesh editing, you cannot select faces and move them

* Support for FBX, it has some sort of support but not fully functional

* Physics

Installing

----------

To install WebGLStudio.js, copy the editor files to your server, then install [LiteFileSystem.js](https://github.com/jagenjo/litefilesystem.js) into a `fileserver/` folder within the `editor/` directory. 

LiteFileSystem is a library that handles remote file storage. For more information, see the `/INSTALL.md` file and the [LiteFileSystem.js](https://github.com/jagenjo/litefilesystem.js) documentation.

Feedback

--------

Send all feedback to [email protected]