{"id":16060916,"url":"https://github.com/orgoldfus/aframe","last_synced_at":"2025-04-05T09:12:17.369Z","repository":{"id":99150782,"uuid":"129249060","full_name":"orgoldfus/aframe","owner":"orgoldfus","description":"This is a clone of specific commit in aframe - for temporary use","archived":false,"fork":false,"pushed_at":"2018-04-12T12:49:49.000Z","size":210317,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-10T18:11:19.262Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/orgoldfus.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"ROADMAP.md","authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-04-12T12:38:32.000Z","updated_at":"2018-04-12T12:49:51.000Z","dependencies_parsed_at":"2023-06-04T04:45:14.234Z","dependency_job_id":null,"html_url":"https://github.com/orgoldfus/aframe","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orgoldfus%2Faframe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orgoldfus%2Faframe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orgoldfus%2Faframe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orgoldfus%2Faframe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/orgoldfus","download_url":"https://codeload.github.com/orgoldfus/aframe/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247312086,"owners_count":20918344,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-10-09T04:07:14.267Z","updated_at":"2025-04-05T09:12:17.341Z","avatar_url":"https://github.com/orgoldfus.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eA-Frame\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\u003ca href=\"https://aframe.io\" target=\"_blank\"\u003e\u003cimg width=\"480\" alt=\"A-Frame\" src=\"https://user-images.githubusercontent.com/674727/32120889-230ef110-bb0f-11e7-908c-76e39aa43149.jpg\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003cb\u003eA web framework for building virtual reality experiences.\u003c/b\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://travis-ci.org/aframevr/aframe\"\u003e\u003cimg src=\"https://img.shields.io/travis/aframevr/aframe.svg?style=flat-square\" alt=\"Build Status\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://codecov.io/gh/aframevr/aframe\"\u003e\n    \u003cimg src=\"https://codecov.io/gh/aframevr/aframe/branch/master/graph/badge.svg\" alt=\"Coverage Status\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://npmjs.org/package/aframe\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/aframe.svg?style=flat-square\" alt=\"Downloads\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://npmjs.org/package/aframe\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/aframe.svg?style=flat-square\" alt=\"Version\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://npmjs.com/package/aframe\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/l/aframe.svg?style=flat-square\" alt=\"License\"\u003e\u003c/a\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://aframe.io\"\u003eSite\u003c/a\u003e\n  \u0026mdash;\n  \u003ca href=\"https://aframe.io/docs/\"\u003eDocs\u003c/a\u003e\n  \u0026mdash;\n  \u003ca href=\"https://aframe.io/school/\"\u003eSchool\u003c/a\u003e\n  \u0026mdash;\n  \u003ca href=\"https://aframevr-slack.herokuapp.com\"\u003eSlack\u003c/a\u003e\n  \u0026mdash;\n  \u003ca href=\"https://aframe.io/blog/\"\u003eBlog\u003c/a\u003e\n\u003c/div\u003e\n\n## Examples\n\n\u003ca href=\"https://aframe.io/a-painter/?url=https://ucarecdn.com/962b242b-87a9-422c-b730-febdc470f203/\"\u003e\n  \u003cimg alt=\"A-Painter\" target=\"_blank\" src=\"https://cloud.githubusercontent.com/assets/674727/24531388/acfc3dda-156d-11e7-8563-5bd75252f70f.gif\" height=\"190\" width=\"32%\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://aframe.io/a-blast/\"\u003e\n  \u003cimg alt=\"A-Blast\" target=\"_blank\" src=\"https://cloud.githubusercontent.com/assets/674727/24531440/0336e66e-156e-11e7-95c2-f2e6ebc0393d.gif\" height=\"190\" width=\"32%\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://aframe.io/a-saturday-night/\"\u003e\n  \u003cimg alt=\"A-Saturday-Night\" target=\"_blank\" src=\"https://cloud.githubusercontent.com/assets/674727/24531477/44272daa-156e-11e7-8ef9-d750ed430f3a.gif\" height=\"190\" width=\"32%\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://supermedium.com\"\u003e\n  \u003cimg alt=\"Supermedium\" target=\"_blank\" src=\"https://user-images.githubusercontent.com/674727/37294616-7212cd20-25d3-11e8-9e7f-c0c61074f1e0.png\" height=\"190\" width=\"32%\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/googlecreativelab/webvr-musicalforest\"\u003e\n  \u003cimg alt=\"Musical Forest by @googlecreativelab\" target=\"_blank\" src=\"https://cloud.githubusercontent.com/assets/674727/25109861/b8e9ec48-2394-11e7-8f2d-ea1cd9df69c8.gif\" height=\"190\" width=\"32%\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://aframe-gallery.glitch.me\"\u003e\n  \u003cimg alt=\"360 Image Gallery\" target=\"_blank\" src=\"https://cloud.githubusercontent.com/assets/674727/24572552/72f81bec-162e-11e7-9851-037d0280abdb.gif\" height=\"190\" width=\"32%\"\u003e\n\u003c/a\u003e\n\n*Find more examples on [the homepage](https://aframe.io), [A Week of A-Frame](https://aframe.io/blog/), and [WebVR Directory](https://webvr.directory).*\n\n## Features\n\n:eyeglasses: **Virtual Reality Made Simple**: A-Frame handles the 3D and WebVR\nboilerplate required to get running across platforms including mobile, desktop,\nVive, and Rift just by dropping in `\u003ca-scene\u003e`.\n\n:heart: **Declarative HTML**: HTML is easy to read and copy-and-paste. Since\nA-Frame can be used from HTML, A-Frame is accessible to everyone: web\ndevelopers, VR enthusiasts, educators, artists, makers, kids.\n\n:electric_plug: **Entity-Component Architecture**: A-Frame is a powerful\nframework on top of three.js, providing a declarative, composable, reusable\nentity-component structure for three.js. While A-Frame can be used from HTML,\ndevelopers have unlimited access to JavaScript, DOM APIs, three.js, WebVR, and\nWebGL.\n\n:zap: **Performance**: A-Frame is a thin framework on top of three.js.\nAlthough A-Frame uses the DOM, A-Frame does not touch the browser layout\nengine. Performance is a top priority, being battle-tested on highly\ninteractive WebVR experiences.\n\n:globe_with_meridians: **Cross-Platform**: Build VR applications for Vive,\nRift, Daydream, GearVR, and Cardboard. Don't have a headset or controllers? No\nproblem! A-Frame still works on standard desktop and smartphones.\n\n:mag: **Visual Inspector**: A-Frame provides a built-in visual 3D inspector\nwith a workflow similar to a browser's developer tools and interface similar to\nUnity. Open up any A-Frame scene and hit `\u003cctrl\u003e + \u003calt\u003e + i`.\n\n:runner: **Features**: Hit the ground running with A-Frame's built-in\ncomponents such as geometries, materials, lights, animations, models,\nraycasters, shadows, positional audio, tracked controllers. Get even further\nwith community components such as particle systems, physics, multiuser, oceans,\nmountains, speech recognition, or teleportation!\n\n## Usage\n\n### Example\n\nBuild VR scenes in the browser with just a few lines of HTML! To start playing\nand publishing now, remix the starter example on Glitch:\n\n[![Remix](https://cloud.githubusercontent.com/assets/674727/24572421/688f7fc0-162d-11e7-8a35-b02bc050c043.jpg)](https://glitch.com/~aframe)\n\n```html\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cscript src=\"https://aframe.io/releases/0.8.0/aframe.min.js\"\u003e\u003c/script\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003ca-scene\u003e\n      \u003ca-box position=\"-1 0.5 -3\" rotation=\"0 45 0\" color=\"#4CC3D9\"\u003e\u003c/a-box\u003e\n      \u003ca-sphere position=\"0 1.25 -5\" radius=\"1.25\" color=\"#EF2D5E\"\u003e\u003c/a-sphere\u003e\n      \u003ca-cylinder position=\"1 0.75 -3\" radius=\"0.5\" height=\"1.5\" color=\"#FFC65D\"\u003e\u003c/a-cylinder\u003e\n      \u003ca-plane position=\"0 0 -4\" rotation=\"-90 0 0\" width=\"4\" height=\"4\" color=\"#7BC8A4\"\u003e\u003c/a-plane\u003e\n      \u003ca-sky color=\"#ECECEC\"\u003e\u003c/a-sky\u003e\n    \u003c/a-scene\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\nWith A-Frame's [entity-component\narchitecture](https://aframe.io/docs/0.8.0/core/), we can drop in community\ncomponents from the ecosystem (e.g., ocean, physics) and plug them into our\nobjects straight from HTML:\n\n[![Remix](https://cloud.githubusercontent.com/assets/674727/24572421/688f7fc0-162d-11e7-8a35-b02bc050c043.jpg)](https://glitch.com/~aframe-registry)\n\n```html\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cscript src=\"https://aframe.io/releases/0.8.0/aframe.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://unpkg.com/aframe-animation-component@3.2.1/dist/aframe-animation-component.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://unpkg.com/aframe-particle-system-component@1.0.x/dist/aframe-particle-system-component.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://unpkg.com/aframe-extras.ocean@%5E3.5.x/dist/aframe-extras.ocean.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://unpkg.com/aframe-gradient-sky@1.0.4/dist/gradientsky.min.js\"\u003e\u003c/script\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003ca-scene\u003e\n      \u003ca-entity id=\"rain\" particle-system=\"preset: rain; color: #24CAFF; particleCount: 5000\"\u003e\u003c/a-entity\u003e\n\n      \u003ca-entity id=\"sphere\" geometry=\"primitive: sphere\"\n                material=\"color: #EFEFEF; shader: flat\"\n                position=\"0 0.15 -5\"\n                light=\"type: point; intensity: 5\"\n                animation=\"property: position; easing: easeInOutQuad; dir: alternate; dur: 1000; to: 0 -0.10 -5; loop: true\"\u003e\u003c/a-entity\u003e\n\n      \u003ca-entity id=\"ocean\" ocean=\"density: 20; width: 50; depth: 50; speed: 4\"\n                material=\"color: #9CE3F9; opacity: 0.75; metalness: 0; roughness: 1\"\n                rotation=\"-90 0 0\"\u003e\u003c/a-entity\u003e\n\n      \u003ca-entity id=\"sky\" geometry=\"primitive: sphere; radius: 5000\"\n                material=\"shader: gradient; topColor: 235 235 245; bottomColor: 185 185 210\"\n                scale=\"-1 1 1\"\u003e\u003c/a-entity\u003e\n\n      \u003ca-entity id=\"light\" light=\"type: ambient; color: #888\"\u003e\u003c/a-entity\u003e\n    \u003c/a-scene\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n### Builds\n\nTo use the latest stable build of A-Frame, include [`aframe.min.js`](https://aframe.io/releases/0.8.0/aframe.min.js):\n\n```js\n\u003chead\u003e\n  \u003cscript src=\"https://aframe.io/releases/0.8.0/aframe.min.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n```\n\nTo check out the stable and master builds, see the [`dist/` folder](dist/).\n\n### npm\n\n```sh\nnpm install --save aframe\n# Or yarn add aframe\n```\n\n```js\nrequire('aframe')  // e.g., with Browserify or Webpack.\n```\n\n## Local Development\n\n```sh\ngit clone https://github.com/aframevr/aframe.git  # Clone the repository.\ncd aframe \u0026\u0026 npm install  # Install dependencies.\nnpm start  # Start the local development server.\n```\n\nAnd open in your browser **[http://localhost:9000](http://localhost:9000)**.\n\n### Generating Builds\n\n```sh\nnpm run dist\n```\n\n## Questions\n\nFor questions and support, [ask on StackOverflow](https://stackoverflow.com/questions/ask/?tags=aframe).\n\n## Stay in Touch\n\n- To hang out with the community, [join the A-Frame Slack](https://aframevr-slack.herokuapp.com).\n- [Follow `A Week of A-Frame` on the A-Frame blog](https://aframe.io/blog).\n- [Follow @aframevr on Twitter](https://twitter.com/aframevr).\n\n## Contributing\n\nGet involved! Check out the [Contributing Guide](CONTRIBUTING.md) for how to get started.\n\n## License\n\nThis program is free software and is distributed under an [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forgoldfus%2Faframe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Forgoldfus%2Faframe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forgoldfus%2Faframe/lists"}