alibaba / g3d

A pure 3D render engine compatible with webgl, running both in browser and gcanvas.

G3D

G3D is a javascript 3D engine based on WebGL. Compared with other WebGL 3D engines, G3D is a pure render engine, which means it depends on no DOM APIs but just a canvas(or canvas-like) object. This feature makes it possible that G3D works not only in browser but also in some hybrid environments like GCanvas (Weex or ReactNative).

See website for more information.

G3D

G3D 是一款基于 WebGL 的 javascript 3D 绘图引擎。与其他的 WebGL 3D 引擎相比，G3D 是更加「纯粹」的渲染引擎，也就是说，它完全不依赖任何 DOM API，而是仅仅依赖一个 canvas 对象（或者类 canvas 对象）。该特性使得 G3D 不仅能够运行在浏览器环境中，也能够运行在一些非浏览器的 js 终端环境下（hybrid 环境），比如 GCanvas 环境（基于 Weex 或 ReactNative）。

访问网站以了解更多信息。

g3d's Issues

如何从 OBJ 格式的模型数据创建网格体

如题，我从网上下载了一个obj格式，应该是使用createFromObjModel(scene, model)方法引入，但是model这个参数怎么使用呢，谢谢~

材质支持透明图片吗？

目前使用透明图片贴图，背景不透明。G3D是不支持透明贴图吗？

Event support : Is there any demos for controls

要开发者自己写控件嘛，只能展示的话，有点鸡肋。

初学，请问如何整合weex

介绍说可以用在weex中，但是weex和g3d的demo中都没有介绍如何整合

Is it possible to use G3D in react?

Any plans for chinese docs?

any plans for chinese docs?

support webgl2 in roadmap or not?

@ALL

G3D/src/G3D.Engine.js

Line 16 in 0f51448

const gl = this._gl = canvas.getContext('webgl', { antialias: true });

this library is using webgl1 at this moment.

Does it support webgl2 in the road-map or not.

G3D/src/mesh/G3D.MeshBuilder.js

Line 156 in 0f51448

static createSphere(scene, radius, widthSeg = 16, heightSeg = 12) {

MeshBuilder support some basic geometries. Will it support more geometries in road map or not?

G3D/src/parser/G3D.StlParser.js

Line 1 in 0f51448

const stlParser = {

support more models such as step, iges, loading?

请问G3D有实现光线跟踪算法吗？

how to load glTF

can i load a glTF asserts

请教一下，node 环境下有办法弄出 canvas 对象吗

其实和本项目没太大关系，但始终没找到实现它的办法，所以舔脸来求助了，嘤嘤嘤。

就是想在 node 环境中画图像生成图片这种，我只熟悉 canvas；
但这时候又没有 canvas 对象，也不太清楚后端普遍是怎么做到的。
所以大佬能否给点思路，如何能完成该需求，不考虑 canvas 也行，感恩的心~

What's the difference between G3D and three.js？

RT

[Question] Is it possible to render a texture from another GL context?

I am looking for a 3D engine for React Native to render a Mapbox map as a texture.
There is an exemple of what I want with unity: https://blog.mapbox.com/mapbox-unity-5ae8fcc7fb7a.

I think it would be possible if render contexte are not isolated. For now, it seems we can share the GL context of Mapbox. But is G3D is also open to "import" a framebuffer ?

Roadmap for post processing support

Hi, this library looks neat and promising!

On Android and iOS there are libraries like GPUImage that customize fragment shader for realtime image / video processing, with WebGL I can see GLFX and Seriously.js while they're somewhat old. Three.js also supports similar feature. Wondering any plan for this case?

Thanks.

framebuffer not ready

        g3d_test() {
				/*获取元素引用*/
				var ganvas = this.$refs["gcanva"];
				/*通过元素引用获取canvas对象*/
				var canvaObj = enable(ganvas, {
					bridge: WeexBridge
				});
				console.log(canvaObj)
				console.log(G3D.Engine);
				
				const engine = new G3D.Engine(canvaObj);
				console.log(engine)
				
				const scene = new G3D.Scene(engine);
				console.log(scene)
			},

Any examples about skin animation and skeleton animation ?

如题~谢谢！

如何启动查看demo

如何启动查看demo？