软件简介

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();
    }
}
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (6)

加载中
保命要领:每逢阿里避一避
09/28 09:41
回复
举报
unity webgl 更好
2018/03/07 21:35
回复
举报
打分: 很差
阿里啊,这个项目多久会死啊!不在维护
2018/03/06 18:22
回复
举报
不知道跟three比怎么样
2018/03/06 16:48
回复
举报
WebGL我买了N本书还是一头雾水,简直是骗钱的玩意。希望阿里这个造福人类。
2018/03/06 11:08
回复
举报
这个能打包成App在iPad上用吗?谢谢。
2018/03/06 09:09
回复
举报
更多评论
暂无内容
发表于大前端专区
2018/07/02 15:36

G3D 渲染引擎简介

G3D 是一款基于 WebGL 的 JavaScript 3D 渲染引擎,借助 GCanvas,G3D 可以运行在 Weex,ReactNative 等 hybrid 环境下。G3D 由淘宝终端团队推出,并于 2018 年 3 月与 GCanvas 同时宣布正式开源。 那么就会有同学问了,G3D 和 three.js 有什么不同呀?G3D 和 GCanvas 究竟是什么关系啊?这篇文章,就聊一聊 G3D 这个产品的来龙去脉。 G3D 官网,GCanvas 官网 为什么有 G3D G3D 的起源要从 GCanvas 说起。 GCanvas 在 Weex 和 ...

0
0
2020/07/02 07:27

开源项目:G3D —— Hybrid 环境下的 WebGL 3D 渲染引擎

G3D 是一款基于 WebGL 的 JavaScript 3D 渲染引擎,借助 GCanvas,G3D 可以运行在 Weex,ReactNative 等 hybrid 环境下。G3D 由淘宝终端团队推出,并于 2018 年 3 月与 GCanvas 同时宣布正式开源。 那么就会有同学问了,G3D 和 three.js 有什么不同呀?G3D 和 GCanvas 究竟是什么关系啊?这篇文章,就聊一聊 G3D 这个产品的来龙去脉。 为什么有 G3D G3D 的起源要从 GCanvas 说起。 GCanvas 在 Weex 和 React Native 环境下提供了...

0
0
2020/01/13 17:34

Alibaba 之 Nacos

上个月最后一天的凌晨,Spring Cloud Alibaba 正式入驻了 Spring Cloud 官方孵化器,并在 maven 中央库发布了第一个版本。 目前 Spring Cloud Alibaba 还只能算是预览版吧,里边的坑肯定不少,不过我还是决定试试,看看 Alibaba 到底靠谱不靠谱。 Spring Cloud Alibaba 目前 Spring Cloud Alibaba 项目还处于 Spring Cloud 官方孵化器中,打开它 Github 的就能看到 “亲切” 的中文文档。 它目前只有三个组件: Sentinel:把流量...

0
1
发表了博客
2019/06/05 10:53

Alibaba fastJson

在使用Alibaba第三方jar包 fastJson 工具类中,遇到的一些因为工具包默认属性导致数据没按照自己预期展示,下面是在开发中自己遇到的问题及相应的解决办法 问题一、数据null的字段没有展示出来 解决办法:说明,fastJson转字符串默认是忽略null字段的展示的,在转换的时候加上                 SerializerFeature.WriteMapNullValue,如                 JSONObject.toJSONString(result,Serial...

0
0
发表了博客
2018/12/18 12:49

alibaba之Nacos

本文为转载文章 原文链接:https://windmt.com/2018/11/09/intro-to-spring-cloud-alibaba-nacos/ 上个月最后一天的凌晨,Spring Cloud Alibaba 正式入驻了 Spring Cloud 官方孵化器,并在 maven 中央库发布了第一个版本。 目前 Spring Cloud Alibaba 还只能算是预览版吧,里边的坑肯定不少,不过我还是决定试试,看看 Alibaba 到底靠谱不靠谱。 Spring Cloud Alibaba 目前 Spring Cloud Alibaba 项目还处于 Spring Cloud 官方孵...

0
0
发表于数据库专区
2019/07/16 15:33

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 host and review code, project manage, and build software together across more than 100 million projects. See pricing for teams and enterprises 阿里巴巴 MySQL binlog 增量订阅&消费组件 1,269 commits 5 branches 22 releases 86 ...

0
0
发表于数据库专区
2019/07/16 15:31

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 and review code, project manage, and build software together across more than 100 million projects. See pricing for teams and enterprises 阿里巴巴分布式数据库同步系统(解决中美异地机房) 129 commits 2 branches 10 release...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
6 评论
76 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部