ClayGL构建 Web3D 应用的 WebGL 图形库

联合创作 · 2023-09-19 19:52

ClayGL 是一个 WebGL 图形库,用于构建可伸缩的 Web3D 应用程序。

ClayGL 易于使用,可针对高质量图形进行配置。得益于模块化和 tree shaking,对于基本的3D应用程序,它可以缩小到22k(压缩)。

示例

创建旋转立方体示例

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="lib/claygl.js"></script>
</head>
<body>
  <canvas id="main"></canvas>
  <script>
    clay.application.create('#main', {

      width: window.innerWidth,
      height: window.innerHeight,

      init(app) {
        // Create camera
        this._camera = app.createCamera([0, 2, 5], [0, 0, 0]);

        // Create a RED cube
        this._cube = app.createCube({
            color: '#f00'
        });

        // Create light
        this._mainLight = app.createDirectionalLight([-1, -1, -1]);
      },
      loop(app) {
        this._cube.rotation.rotateY(app.frameTime / 1000);
      }
    });
  </script>
</body>
</html>

 

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报