mesh-js / Mesh.js
Licence: mit
A graphics system born for visualization π.
Stars: β 156
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Mesh.js
Hilo3d
Hilo3d, a WebGL Rendering Engine.
Stars: β 123 (-21.15%)
Mutual labels: graphics, webgl, canvas
Engine
Oasis Engine is a web-first and mobile-first high-performance real-time development platform.
Stars: β 2,202 (+1311.54%)
Mutual labels: graphics, webgl, webgl2
Spritejs
A cross platform high-performance graphics system.
Stars: β 4,712 (+2920.51%)
Mutual labels: webgl, webgl2, canvas
Wechart
Create all the [ch]arts by cax or three.js - Cax ε three.js ει δΈεεΎ[葨]
Stars: β 152 (-2.56%)
Mutual labels: graphics, webgl, canvas
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: β 1,039 (+566.03%)
Mutual labels: webgl, webgl2, canvas
Melonjs
a fresh & lightweight javascript game engine
Stars: β 3,721 (+2285.26%)
Mutual labels: webgl, webgl2, canvas
React Ape
π¦β’ [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL
Stars: β 1,183 (+658.33%)
Mutual labels: webgl, webgl2, canvas
Gcanvas
A lightweight cross-platform graphics rendering engine. (θΆ
θ½»ιηθ·¨εΉ³ε°εΎε½’εΌζ) https://alibaba.github.io/GCanvas
Stars: β 1,705 (+992.95%)
Mutual labels: graphics, webgl, canvas
R3f Next Starter
Repo is moving to https://github.com/pmndrs/react-three-next
Stars: β 137 (-12.18%)
Mutual labels: webgl, canvas
Sketch
Explorations on cross-hatching, engraving, and similar non-photorealistic rendering.
Stars: β 136 (-12.82%)
Mutual labels: webgl, webgl2
Membrane
A platform agnostic clojure(script) library for creating user interfaces
Stars: β 154 (-1.28%)
Mutual labels: graphics, webgl
Filament
Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS, and WebGL2
Stars: β 13,215 (+8371.15%)
Mutual labels: graphics, webgl
Phaser Examples
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Stars: β 1,680 (+976.92%)
Mutual labels: webgl, canvas
Timechart
An chart library specialized for large-scale time-series data, built on WebGL.
Stars: β 149 (-4.49%)
Mutual labels: webgl, webgl2
Mesh.js
A graphics system born for visualization π.
As simple as Canvas2D and as FAST as WebGL/WebGPU.
Why mesh.js
- Blazing fast rendering massive sprites. See our benchmark.
- Cross platform. Support both canvas2d and webgl.
- Support SVG Path.
- Support gradients and filters.
- Support Worker and OffscreenCanvas.
Learn more at meshjs.webgl.group.
Installation
From CDN:
<script src="https://unpkg.com/@mesh.js/core/dist/mesh.js"></script>
Use NPM:
npm i @mesh.js/core --save;
import {Renderer, Figure2D, Mesh2D} from '@mesh.js/core';
Usage
ππ» online demo
const {Renderer, Figure2D, Mesh2D} = meshjs;
const canvas = document.querySelector('canvas');
const renderer = new Renderer(canvas);
const figure = new Figure2D();
figure.rect(50, 50, 100, 100);
const mesh1 = new Mesh2D(figure, canvas);
mesh1.setFill({
color: [1, 0, 0, 1],
});
const mesh2 = new Mesh2D(figure, canvas);
mesh2.setFill({
color: [0, 0, 1, 1],
});
function update(t) {
mesh2.setTransform(1, 0, 0, 1, 50, 50);
mesh2.rotate(t * 0.001 * Math.PI, [150, 150]);
renderer.drawMeshes([mesh1, mesh2]);
requestAnimationFrame(update);
}
update(0);
Roadmap
- [ ] Complete documentations
- [ ] More demos and benchmark.
- [ ] Unit tests.
- [ ] Figure3D and Mesh3D.
- [ ] Optimize mesh compressor.
- [ ] WebGPU.
- [x] Work with Worker+OffscreenCanvas.
LICENSE
MIT
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].