ClayGL构建 Web3D 应用的 WebGL 图形库
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>
评论
ClayGL构建 Web3D 应用的 WebGL 图形库
ClayGL是一个WebGL图形库,用于构建可伸缩的Web3D应用程序。ClayGL易于使用,可针对高质量图形进行配置。得益于模块化和treeshaking,对于基本的3D应用程序,它可以缩小到22k
ClayGL构建 Web3D 应用的 WebGL 图形库
0
HyperApp构建前端应用的 JavaScript 库
HyperApp是一个用于构建前端应用的JavaScript库,体积十分轻量,仅1KB。具有以下特性:声明式:HyperApp的设计基于 ElmArchitecture。使用函数式范例创建可扩展的基于
HyperApp构建前端应用的 JavaScript 库
0
HyperApp构建前端应用的 JavaScript 库
HyperApp 是一个用于构建前端应用的 JavaScript 库,体积十分轻量,仅 1KB。具有
HyperApp构建前端应用的 JavaScript 库
0
Hydux构建前端应用的 TypeScript 库
在学习和使用 Fable + Elmish 一段时间之后,对 Elm 架构有了更具体的了解, 和预料
Hydux构建前端应用的 TypeScript 库
0
Hydux构建前端应用的 TypeScript 库
在学习和使用 Fable + Elmish 一段时间之后,对Elm架构有了更具体的了解,和预料中的一样,Elm风格的框架果然还是和强类型的MetaLanguage语言更搭,只有一个字:爽。但是呢,Fa
Hydux构建前端应用的 TypeScript 库
0
SwiftShader3D图形渲染的库
SwiftShader是一个高性能的,基于CPU的OpenGLES和Direct3D9图形APIs的实现。它的目标是为高级3D图形提供硬件独立性。用法该SwiftShader库充当显卡驱动。在Wind
SwiftShader3D图形渲染的库
0