G3D

基于 WebGL 的 Javascript 3D 绘图引擎 G3D

Apache 2.0
JavaScript
跨平台
阿里巴巴
2018-03-02
王练

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

Try play with G3D

function run(G3D, canvas){

    // create 3d engine
    const engine = new G3D.Engine(canvas);    // create a scene
    const scene = new G3D.Scene(engine);    
    // create camera
    const camera = new G3D.ArcRotateCamera(scene);
    camera.alpha = 45;
    camera.beta = 30;
    camera.radius = 12;
    camera.fov = 60;    
    // create 3 lights
    const light1 = new G3D.DirectionalLight(scene);
    light1.direction.x = -1;
    light1.direction.y = 0;
    light1.direction.z = 1;    
    const light2 = new G3D.HemisphereLight(scene);    
    // create mesh
    const mesh = G3D.MeshBuilder.createCube(scene, 6);    
    Object.assign(mesh.materials.default.diffuseColor, {r: 200, g: 100, b: 100});    Object.assign(mesh.materials.default.specularColor, {r: 200, g: 100, b: 100});
    mesh.materials.default.glossiness = 10;    
    return function () {
        mesh.rotation.y +=1;
        scene.render();
    }
}
的码云指数为
超过 的项目
加载中
此软件有 5 条评论,请先登录后再查看。

暂无资讯

暂无问答

Alibaba fastJson

在使用Alibaba第三方jar包 fastJson 工具类中,遇到的一些因为工具包默认属性导致数据没按照自己预期展示,下面是在开发中自己遇到的问题及相应的解决办法 问题一、数据null的字段没有展示出...

2019/06/05 10:53
259
0
alibaba之Nacos

本文为转载文章 原文链接:https://windmt.com/2018/11/09/intro-to-spring-cloud-alibaba-nacos/ 上个月最后一天的凌晨,Spring Cloud Alibaba 正式入驻了 Spring Cloud 官方孵化器,并在 ...

2018/12/18 12:49
83
0
alibaba/canal

983 9,469 3,265 alibaba/canal Code Issues 136 Pull requests 10 Projects 0 Wiki Security Insights All your code in one place Over 36 million developers use GitHub together to hos...

2019/07/16 15:33
69
0
alibaba/otter

555 4,691 1,792 alibaba/otter Code Issues 160 Pull requests 2 Projects 0 Wiki Security Insights All your code in one place Over 36 million developers use GitHub together to host...

2019/07/16 15:31
45
0
Alibaba-Nacos 安装

前言 先安装 jdk Linux 安装 jdk : https://my.oschina.net/u/4253180/blog/4320686 官网地址 https://nacos.io/zh-cn/ 下载地址 https://github.com/alibaba/nacos/tags Linux 版本 上传到 ...

07/03 00:24
64
0
Alibaba Arthasa相关

Arthas 是Alibaba开源的Java诊断工具,深受开发者喜爱。 当你遇到以下类似问题而束手无策时,Arthas可以帮助你解决: 这个类从哪个 jar 包加载的?为什么会报各种类相关的 Exception? 我改的...

2018/09/18 10:20
633
0
alibaba/flutter_boost

flutterBoost使用笔记 新一代Flutter-Native混合解决方案。 FlutterBoost是一个Flutter插件,它可以轻松地为现有原生应用程序提供Flutter混合集成方案。FlutterBoost的理念是将Flutter像Web...

2019/11/15 17:25
41
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部