{"id":13534295,"url":"https://github.com/pissang/claygl","last_synced_at":"2026-03-27T02:44:39.798Z","repository":{"id":8560276,"uuid":"10186000","full_name":"pissang/claygl","owner":"pissang","description":"A WebGL graphic library for building scalable Web3D applications","archived":false,"fork":false,"pushed_at":"2025-12-18T04:01:32.000Z","size":60436,"stargazers_count":2857,"open_issues_count":42,"forks_count":300,"subscribers_count":125,"default_branch":"master","last_synced_at":"2026-03-10T19:47:41.236Z","etag":null,"topics":["3d","gltf","visualization","webgl"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pissang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2013-05-21T02:09:59.000Z","updated_at":"2026-03-10T02:06:37.000Z","dependencies_parsed_at":"2025-05-21T02:16:51.161Z","dependency_job_id":null,"html_url":"https://github.com/pissang/claygl","commit_stats":{"total_commits":1146,"total_committers":11,"mean_commits":"104.18181818181819","dds":0.08464223385689351,"last_synced_commit":"5e3066734fcc6fdb333978c76baefc0b69c258c5"},"previous_names":["pissang/qtek"],"tags_count":32,"template":false,"template_full_name":null,"purl":"pkg:github/pissang/claygl","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pissang%2Fclaygl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pissang%2Fclaygl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pissang%2Fclaygl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pissang%2Fclaygl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pissang","download_url":"https://codeload.github.com/pissang/claygl/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pissang%2Fclaygl/sbom","scorecard":{"id":735534,"data":{"date":"2025-08-11","repo":{"name":"github.com/pissang/claygl","commit":"5e3066734fcc6fdb333978c76baefc0b69c258c5"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.6,"checks":[{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":4,"reason":"Found 9/20 approved changesets -- score normalized to 4","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: BSD 2-Clause \"Simplified\" License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 19 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-22T15:41:37.153Z","repository_id":8560276,"created_at":"2025-08-22T15:41:37.153Z","updated_at":"2025-08-22T15:41:37.153Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31011908,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-27T02:33:22.146Z","status":"ssl_error","status_checked_at":"2026-03-27T02:33:21.763Z","response_time":164,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d","gltf","visualization","webgl"],"created_at":"2024-08-01T07:01:29.924Z","updated_at":"2026-03-27T02:44:39.721Z","avatar_url":"https://github.com/pissang.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","By Industry","Libraries"],"sub_categories":["Blockchain","JavaScript"],"readme":"\u003ch1\u003e\u003cimg src=\"./asset/logo.svg\" style=\"height:30px\"\u003e  ClayGL\u003c/h1\u003e\n\n\u003cimg width=\"100%\" src=\"./screenshot/claygl-logo.jpg\" /\u003e\n\n[![NPM Version](https://img.shields.io/npm/v/claygl.svg)](https://github.com/pissang/claygl)\n[![Circle CI](https://circleci.com/gh/pissang/claygl.svg?style=shield)](https://circleci.com/gh/pissang/claygl)\n\nClayGL is a WebGL graphic library for building scalable Web3D applications.\n\nIt's easy to use, configurable for high-quality graphics. Benefit from the modularity and tree shaking, it can be scaled down to 22k(gzipped) for a basic 3D application.\n\n#### [Download](https://github.com/pissang/claygl/releases)\n\n#### [API](http://docs.claygl.xyz/api)\n\n#### [Examples](http://examples.claygl.xyz)\n\n## Projects\n\n[ECharts GL](https://github.com/ecomfe/echarts-gl)\n\n\u003ca href=\"https://github.com/ecomfe/echarts-gl\" target=\"_blank\"\u003e\n\u003cimg src=\"./screenshot/echarts-gl.jpg\" width=\"500\" /\u003e\n\u003c/a\u003e\n\n[Clay Viewer](https://github.com/pissang/clay-viewer)\n\n\u003ca href=\"https://github.com/pissang/clay-viewer\" target=\"_blank\"\u003e\n\u003cimg src=\"./screenshot/clay-viewer.jpg\" width=\"500\" /\u003e\n\u003c/a\u003e\n\n\n[DOTA2 Hero Viewer](https://github.com/pissang/dota2hero)\n\n\u003ca href=\"https://github.com/pissang/dota2hero\" target=\"_blank\"\u003e\n\u003cimg src=\"./screenshot/dota2hero.jpg\" width=\"500\" /\u003e\n\u003c/a\u003e\n\n[Paper Cut Art Generator](https://github.com/pissang/papercut-box-art)\n\n\u003ca href=\"https://github.com/pissang/papercut-box-art\" target=\"_blank\"\u003e\n\u003cimg src=\"https://github.com/pissang/papercut-box-art/blob/master/screenshots/3.jpg\" width=\"500\" alt=\"\"\u003e\n\u003c/a\u003e\n\n\n[Little Big City](https://github.com/pissang/little-big-city)\n\n\u003ca href=\"https://github.com/pissang/little-big-city\" target=\"_blank\"\u003e\n\u003cimg src=\"https://github.com/pissang/little-big-city/blob/gh-pages/asset/screenshot.png\" width=\"500\" alt=\"\"\u003e\n\u003c/a\u003e\n\n\n## Quick Start\n\n##### Create a rotating cube\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n  \u003cscript src=\"lib/claygl.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n  \u003ccanvas id=\"main\"\u003e\u003c/canvas\u003e\n  \u003cscript\u003e\n    clay.application.create('#main', {\n\n      width: window.innerWidth,\n      height: window.innerHeight,\n\n      init(app) {\n        // Create camera\n        this._camera = app.createCamera([0, 2, 5], [0, 0, 0]);\n\n        // Create a RED cube\n        this._cube = app.createCube({\n            color: '#f00'\n        });\n\n        // Create light\n        this._mainLight = app.createDirectionalLight([-1, -1, -1]);\n      },\n      loop(app) {\n        this._cube.rotation.rotateY(app.frameTime / 1000);\n      }\n    });\n  \u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n#### Minimum bundle example\n\nThis example is about 22k(gzipped) after bundled by webpack 4.0. It draws a triangle on the screen.\n\n```js\nimport { Renderer, GeometryBase, Shader, Material } from 'claygl';\n\nconst vsCode = `\nattribute vec3 position: POSITION;\nvoid main() {\n    gl_Position = vec4(position, 1.0);\n}\n`;\nconst fsCode = `\nvoid main() {\n    gl_FragColor = vec4(0.0, 0.0, 1.0, 1.0);\n}\n`;\n\nconst renderer = new Renderer({\n    canvas: document.getElementById('main')\n});\nrenderer.resize(400, 400);\n\nconst geometry = new GeometryBase();\ngeometry.createAttribute('position', 'float', 3);\n// Add triangle vertices to position attribute.\ngeometry.attributes.position.fromArray([\n    [-0.5, -0.5, 0],\n    [0.5, -0.5, 0],\n    [0, 0.5, 0]\n]);\n\nconst material = new Material({\n    shader: new Shader(vsCode, fsCode)\n});\nrenderer.renderPass([ { geometry, material } ]);\n```\n\n\n\u003c!--\n## Current Features\n\n+ Scene graph based management of lights, meshes, cameras, materials and shaders\n+ Basic primitive geometry procedural generate\n  + Cube, sphere, cylinder, cone, plane\n+ Phong and lambert buildin shaders which support normal map and environment map\n+ Point, directional, spot light\n+ Orthographic, perspective camera\n+ Graph based post processing\n+ High quality shadow\n  + PCF or VSM soft shadow\n  + PSSM for sun light in large scene\n  + Omni light shadow support\n+ High performance geometry processing\n+ GPU based skinning\n  + Support 1D and 2D animation blending with blend tree\n+ First person camera control, orbit camera control\n+ Skybox, skydom\n+ Particle System\n+ Support both ray picking and GPU Picking\n+ Loader\n  + glTF loader\n+ Timeline based animation, support spline interpolation between keyframes.\n+ Full deferred pipeline.\n+ Physically based rendering, Full HDR pipeline.\n+ Stereo rendering, VR ready.\n --\u003e\n\n### FBX to glTF2.0 Converter\n\n[Get it](https://github.com/pissang/claygl/blob/master/tools/fbx2gltf.py)\n\nNeeds [python3.3](https://www.python.org/download/releases/3.3.0/) and [FBX SDK 2018.1.1](http://usa.autodesk.com/adsk/servlet/pc/item?siteID=123112\u0026id=26416130).\n\n```\nusage: fbx2gltf.py [-h] [-e EXCLUDE] [-t TIMERANGE] [-o OUTPUT]\n          [-f FRAMERATE] [-p POSE] [-q] [-b]\n          file\n\nFBX to glTF converter\n\npositional arguments:\n  file\n\noptional arguments:\n  -h, --help            show this help message and exit\n  -e EXCLUDE, --exclude EXCLUDE\n            Data excluded. Can be: scene,animation\n  -t TIMERANGE, --timerange TIMERANGE\n            Export animation time, in format\n            'startSecond,endSecond'\n  -o OUTPUT, --output OUTPUT\n            Ouput glTF file path\n  -f FRAMERATE, --framerate FRAMERATE\n            Animation frame per second\n  -p POSE, --pose POSE  Start pose time\n  -q, --quantize        Quantize accessors with WEB3D_quantized_attributes\n            extension\n  -b, --binary          Export glTF-binary\n  --beautify            Beautify json output.\n  --noflipv             If not flip v in texcoord.\n```\n\nInput:\n\n+ FBX\n+ COLLADA\n+ OBJ\n\nOutput:\n\n+ Scene hierarchy\n+ Mesh and camera\n+ PBR material\n+ Texture\n+ Skin\n+ Animation\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpissang%2Fclaygl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpissang%2Fclaygl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpissang%2Fclaygl/lists"}