GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → lume → Lume

lume / Lume

Licence: mit
Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

htmluigraphics3dwebglthreejsweb-components3d-graphicscustom-elements3d-models3d-enginegraphics-programmingscenegraphics-engine

Projects that are alternatives of or similar to Lume

Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (-2.47%)
Mutual labels:  graphics, 3d, webgl, threejs, 3d-graphics
Glas
WebGL in WebAssembly with AssemblyScript
Stars: ✭ 278 (-37.53%)
Mutual labels:  3d, webgl, threejs, 3d-graphics, 3d-engine
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 (+2528.76%)
Mutual labels:  graphics, 3d, webgl, 3d-graphics, graphics-programming
Cpp 3d Game Tutorial Series
C++ 3D Game Tutorial Series is a YouTube tutorial series, whose purpose is to help all those who want to take their first steps in the game development from scratch.
Stars: ✭ 400 (-10.11%)
Mutual labels:  graphics, 3d, 3d-graphics, graphics-programming, graphics-engine
Flycube
Graphics API wrapper is written in C++ on top of Directx 12 and Vulkan. Provides main features including ray tracing.
Stars: ✭ 78 (-82.47%)
Mutual labels:  graphics, 3d-graphics, graphics-programming, graphics-engine
Assetkit
🎨 Modern 2D/3D - Importer • Exporter • Util - Library, also called (AssetIO)
Stars: ✭ 97 (-78.2%)
Mutual labels:  3d, 3d-graphics, 3d-models, 3d-engine
Renderer
A shader-based software renderer written from scratch in C89
Stars: ✭ 1,366 (+206.97%)
Mutual labels:  graphics, 3d, 3d-graphics, graphics-programming
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-65.84%)
Mutual labels:  graphics, 3d, webgl, threejs
element
Fast and simple custom elements.
Stars: ✭ 65 (-85.39%)
Mutual labels:  threejs, web-components, custom-elements, 3d-graphics
Three Elements
Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉
Stars: ✭ 331 (-25.62%)
Mutual labels:  webgl, threejs, web-components, custom-elements
Tinykaboom
A brief computer graphics / rendering course
Stars: ✭ 2,077 (+366.74%)
Mutual labels:  graphics, 3d, 3d-graphics, graphics-programming
Magnum
Lightweight and modular C++11 graphics middleware for games and data visualization
Stars: ✭ 3,728 (+737.75%)
Mutual labels:  graphics, 3d, webgl, graphics-engine
3D-Engine-OpenGL-4
3D Graphics Engine For Games | C++ OpenGL 4.1
Stars: ✭ 19 (-95.73%)
Mutual labels:  graphics-engine, 3d, 3d-graphics, 3d-engine
Overload
3D Game engine with editor
Stars: ✭ 335 (-24.72%)
Mutual labels:  graphics, 3d-graphics, 3d-engine, graphics-engine
Glmaps
Data visualization examples and tutorials from scratch. 数据可视化示例代码集与新手学习教程。
Stars: ✭ 288 (-35.28%)
Mutual labels:  3d, webgl, threejs
React Babylonjs
React for Babylon 3D engine
Stars: ✭ 299 (-32.81%)
Mutual labels:  3d, 3d-models, 3d-engine
Cga.js
CGA 3D 计算几何算法库 | 3D Compute Geometry Algorithm Library webgl three.js babylon.js等任何库都可以使用
Stars: ✭ 313 (-29.66%)
Mutual labels:  graphics, webgl, threejs
Rabbittoolbox
🤸🏾‍♀️👗开源的动画渲染软件，提倡以简单、易用，高质量的物理演算以及渲染质量和性能，为喜爱二次元动画的用户降低视频制作门槛
Stars: ✭ 309 (-30.56%)
Mutual labels:  webgl, graphics-programming, graphics-engine
Tinyraytracer
A brief computer graphics / rendering course
Stars: ✭ 3,971 (+792.36%)
Mutual labels:  graphics, 3d, 3d-graphics
Map33.js
A JavaScript library to make 3D maps with three.js.
Stars: ✭ 317 (-28.76%)
Mutual labels:  webgl, threejs, 3d-graphics
View All Similar Projects ➔

LUME

A toolkit that simplifies the creation of rich and interactive 2D or 3D experiences for any device from mobile to desktop to AR/VR.

Home  ·  Documentation  ·  Examples  ·  Forum  ·  Chat  ·  Source

npm install lume

Features

LUME is composed of several packages that can be used individually, or together as a whole:

lume - HTML elements for rich graphics

HTML elements for easily defining rich and interactive 2D or 3D applications powered by both CSS and WebGL.

This package uses and re-exports features from the below packages.

glas - WebGL engine written in AssemblyScript

This is a port of Three.js to AssemblyScript (TypeScript that compiles to WebAssembly) for running WebGL graphics with consistent performance.

@lume/element - System for defining HTML elements

This is a web component system that allows you to create new, fast, and performant HTML elements in a simple way. It provides the foundation for LUME's HTML elements, and a standard pattern for building new elements that extend the features of LUME.

@lume/variable - Reactivity system

Create variables that are easy to react to when their values change.

element-behaviors - Mix functionalities onto HTML elements

This allows you to augment HTML elements with features called "behaviors" that are similar to custom elements: each behavior is defined as a class that has the same lifecycle methods as custom elements. The difference is that an unlimited number of behaviors can be associated with an element.

Getting involved

There's various ways to get involved!

  • Visit the documentation and make something awesome!
  • Submit fixes or new features to any packages or the website! See the contributing guide.
  • Discuss LUME, get help, or help others in the forums or on our Discord chat server.

Status

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