{"id":15204164,"url":"https://github.com/rozek/aframe-axeshelper","last_synced_at":"2026-03-06T23:31:19.818Z","repository":{"id":56579460,"uuid":"523650660","full_name":"rozek/aframe-axeshelper","owner":"rozek","description":"a trivial A-Frame component and primitive for the Three.js AxesHelper","archived":false,"fork":false,"pushed_at":"2022-08-29T10:24:31.000Z","size":226,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-23T19:14:33.838Z","etag":null,"topics":["aframe","component","javascript","primitive","three-js","threejs","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rozek.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-11T08:51:11.000Z","updated_at":"2022-08-28T04:09:54.000Z","dependencies_parsed_at":"2022-08-15T21:20:35.106Z","dependency_job_id":null,"html_url":"https://github.com/rozek/aframe-axeshelper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rozek/aframe-axeshelper","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozek%2Faframe-axeshelper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozek%2Faframe-axeshelper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozek%2Faframe-axeshelper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozek%2Faframe-axeshelper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rozek","download_url":"https://codeload.github.com/rozek/aframe-axeshelper/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rozek%2Faframe-axeshelper/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30203331,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T19:07:06.838Z","status":"ssl_error","status_checked_at":"2026-03-06T18:57:34.882Z","response_time":250,"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":["aframe","component","javascript","primitive","three-js","threejs","typescript"],"created_at":"2024-09-28T05:23:12.352Z","updated_at":"2026-03-06T23:31:19.789Z","avatar_url":"https://github.com/rozek.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# aframe-axeshelper #\n\na trivial [A-Frame](https://aframe.io/) component and primitive for the [Three.js](https://threejs.org/) [AxesHelper](https://threejs.org/docs/#api/en/helpers/AxesHelper)\n\n![Example Screenshot](./screenshot.png)\n\n**NPM users**: please consider the [Github README](https://github.com/rozek/aframe-axeshelper/blob/main/README.md) for the latest description of this package (as updating the docs would otherwise always require a new NPM package version)\n\n## Installation ##\n\n`aframe-axeshelper` may be used as an ECMAScript module (ESM) or explicitly loaded after the `\u003cscript\u003e` tag for A-Frame itself.\n\nFor the ESM variant, install the package into your build environment using [NPM](https://docs.npmjs.com/) with the command\n\n```\nnpm install aframe-axeshelper\n```\n\nand `import` it into your code whereever needed\n\n```javascript\nimport \"aframe-axeshelper\"\n```\n\nOtherwise, load the plain script file directly\n\n```html\n\u003cscript src=\"https://unpkg.com/aframe-axeshelper\"\u003e\u003c/script\u003e\n```\n\n## Usage ##\n\nOnce loaded or imported, you may use the `aframe-axeshelper` either as an A-Frame component (usually for an already existing A-Frame entity)\n\n```html\n\u003ca-scene\u003e\n  \u003ca-box axeshelper position=\"1 1 -3\" rotation=\"45 30 15\"/\u003e\n\u003c/a-scene\u003e\n```\n\nor as an A-Frame primitive\n\n```html\n\u003ca-scene\u003e\n  \u003ca-axeshelper position=\"1 1 -3\" rotation=\"45 30 15\"/\u003e\n\u003c/a-scene\u003e\n```\n\nwhatever seems more appropriate.\n\n### Example ###\n\nHere is a complete example (albeit without the HTML boilerplate)\n\n```html\n\u003cscript src=\"https://unpkg.com/aframe\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/aframe-axeshelper\"\u003e\u003c/script\u003e\n\n\u003ca-scene\u003e\n  \u003ca-sky color=\"#555555\"\u003e\u003c/a-sky\u003e\n\n  \u003ca-entity light=\"type:ambient; color:#BBBBBB\"\u003e\u003c/a-entity\u003e\n  \u003ca-entity light=\"type:directional; intensity:0.6; castShadow:true\"\n    position=\"1 1 1\"\n  \u003e\u003c/a-entity\u003e\n\n  \u003ca-plane width=\"1000\" height=\"1000\" color=\"#555555\" shadow=\"receive:true\"\n    position=\"0 0 0\" rotation=\"-90 0 0\"\n  \u003e\u003c/a-plane\u003e\n\n  \u003ca-sphere radius=\"0.5\" material=\"color:#AA0000\" shadow=\"cast:true\"\n    axeshelper position=\"-1.5 0.8 0\" rotation=\"-45 -30 -15\"\n  \u003e\u003c/a-sphere\u003e\n  \u003ca-box material=\"color:#00AA00\" shadow=\"cast:true\"\n    axeshelper position=\"0    0.8 0\"\n  \u003e\u003c/a-box\u003e\n  \u003ca-axeshelper radius=\"0.5\" material=\"color:#0000CC\" shadow=\"cast:true\"\n    position=\"1.5  0.8 0\" rotation=\"45 30 15\"\n  \u003e\u003c/a-axeshelper\u003e\n\u003c/a-scene\u003e\n```\n\n## Build Instructions ##\n\nYou may easily build this package yourself.\n\nJust install [NPM](https://docs.npmjs.com/) according to the instructions for your platform and follow these steps:\n\n1. either clone this repository using [git](https://git-scm.com/) or [download a ZIP archive](https://github.com/rozek/aframe-axeshelper/archive/refs/heads/main.zip) with its contents to your disk and unpack it there \n2. open a shell and navigate to the root directory of this repository\n3. run `npm install` in order to install the complete build environment\n4. execute `npm run build` to create a new build\n\nYou may also look into the author's [build-configuration-study](https://github.com/rozek/build-configuration-study) for a general description of his build environment.\n\n## License ##\n\n[MIT License](LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frozek%2Faframe-axeshelper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frozek%2Faframe-axeshelper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frozek%2Faframe-axeshelper/lists"}