All Projects → jagenjo → Webglstudio.js

jagenjo / Webglstudio.js

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

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to Webglstudio.js

Tinyrenderer
A brief computer graphics / rendering course
Stars: ✭ 11,776 (+161.22%)
Mutual labels:  3d, shaders, rendering
Elm 3d Scene
A high-level 3D rendering engine for Elm, with support for lighting, shadows, and realistic materials.
Stars: ✭ 167 (-96.3%)
Mutual labels:  3d, webgl, rendering
Jeelizglassesvtowidget
JavaScript/WebGL glasses virtual try on widget. Real time webcam experience, robust to all lighting conditions, high end 3D PBR rendering, easy to integrate, fallback to server-side rendering
Stars: ✭ 134 (-97.03%)
Mutual labels:  3d, webgl, rendering
Renderer
A shader-based software renderer written from scratch in C89
Stars: ✭ 1,366 (-69.7%)
Mutual labels:  3d, shaders, rendering
Tinyraytracer
A brief computer graphics / rendering course
Stars: ✭ 3,971 (-11.91%)
Mutual labels:  3d, shaders, rendering
Wonder Editor
Functional 3D Webgl Editor
Stars: ✭ 113 (-97.49%)
Mutual labels:  3d, webgl, editor
Threejs Sandbox
Set of experiments and extensions to THREE.js.
Stars: ✭ 163 (-96.38%)
Mutual labels:  3d, webgl, shaders
Renderhelp
⚡️ 可编程渲染管线实现,帮助初学者学习渲染
Stars: ✭ 494 (-89.04%)
Mutual labels:  3d, shaders, rendering
Yave
Yet Another Vulkan Engine
Stars: ✭ 211 (-95.32%)
Mutual labels:  3d, shaders, rendering
Unity Dithered Transparency Shader
Unity material and shader for applying clipped, dithered transparency
Stars: ✭ 174 (-96.14%)
Mutual labels:  3d, shaders, rendering
Helixjs
A Javascript 3D game engine.
Stars: ✭ 84 (-98.14%)
Mutual labels:  3d, webgl, rendering
React Three Editable
👀 ✏️ Edit your react-three-fiber scene with a visual editor without giving up control over your code.
Stars: ✭ 261 (-94.21%)
Mutual labels:  3d, webgl, editor
3d Game Shaders For Beginners
🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
Stars: ✭ 11,698 (+159.49%)
Mutual labels:  3d, webgl, shaders
Hilo3d
Hilo3d, a WebGL Rendering Engine.
Stars: ✭ 123 (-97.27%)
Mutual labels:  3d, webgl, rendering
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: ✭ 1,039 (-76.95%)
Mutual labels:  3d, webgl, shaders
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-96.63%)
Mutual labels:  3d, webgl, rendering
Simplerenderengine
Small C++14 render engine
Stars: ✭ 253 (-94.39%)
Mutual labels:  webgl, shaders, rendering
Spritejs
A cross platform high-performance graphics system.
Stars: ✭ 4,712 (+4.53%)
Mutual labels:  3d, webgl, rendering
Tinykaboom
A brief computer graphics / rendering course
Stars: ✭ 2,077 (-53.93%)
Mutual labels:  3d, shaders, rendering
Four
Four: WebGL made easier -
Stars: ✭ 248 (-94.5%)
Mutual labels:  3d, webgl, shaders

WebGLStudio

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) 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.
  • Supports the 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

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 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 documentation.

Feedback

Send all feedback to [email protected]

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].