{"id":15146639,"url":"https://github.com/disketteomelette/aframe-easy-slide","last_synced_at":"2026-01-20T15:32:46.062Z","repository":{"id":176366409,"uuid":"658296930","full_name":"disketteomelette/aframe-easy-slide","owner":"disketteomelette","description":"Component to slide an object in a scene with a linear effect and controllable speed (animation component tweak)","archived":false,"fork":false,"pushed_at":"2024-10-22T08:13:00.000Z","size":15,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T22:47:05.606Z","etag":null,"topics":["a-frame","aframe","aframe-component","aframevr","webxr"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/disketteomelette.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2023-06-25T10:46:27.000Z","updated_at":"2024-10-22T08:13:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"9ae7e0f9-131c-4130-903e-19128a47df76","html_url":"https://github.com/disketteomelette/aframe-easy-slide","commit_stats":{"total_commits":10,"total_committers":1,"mean_commits":10.0,"dds":0.0,"last_synced_commit":"0b088d8c7cde9fc32df3303855dca7baff092f19"},"previous_names":["disketteomelette/aframe-easy-slide"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/disketteomelette/aframe-easy-slide","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/disketteomelette%2Faframe-easy-slide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/disketteomelette%2Faframe-easy-slide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/disketteomelette%2Faframe-easy-slide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/disketteomelette%2Faframe-easy-slide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/disketteomelette","download_url":"https://codeload.github.com/disketteomelette/aframe-easy-slide/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/disketteomelette%2Faframe-easy-slide/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28606142,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T14:45:23.139Z","status":"ssl_error","status_checked_at":"2026-01-20T14:44:16.929Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["a-frame","aframe","aframe-component","aframevr","webxr"],"created_at":"2024-09-26T12:03:26.831Z","updated_at":"2026-01-20T15:32:46.039Z","avatar_url":"https://github.com/disketteomelette.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A-frame Easy Slide Component\n\nCustom component created by DisketteOmelette (github.com/disketteomelette)\n\nEasy Slide is an A-Frame component that allows you to easily create click-based animations for objects in your scenes. With this component you can define the target object, the destination position, and the duration of the animation. This component can be used by both cameras and any other type of entities, allowing you to physically force movement to any part of the scene based on the coordinates you provide, either smoothly or abruptly, in a linear manner.\n\nLive demo: https://resonant-cumbersome-dingo.glitch.me/\n\n# Schema\n\n        target: Selector for the \"id\" of the object to animate.  I.ex. \u003ca-box id=\"*theobject*\" ...\n        destination: The position where the object will move to, using typical A-frame position coordinates.\n        duration (optional): The duration of the animation in milliseconds. If not provided, it defaults to 2000 milliseconds (2 seconds).\n\n\nWe have defined the easy-slide component with three properties: target, destination, and duration. When an object with this component is clicked, it triggers an animation that moves the object from its current position to the specified destination position with the given duration. You can customize the properties for each object to create unique animations in your A-Frame scenes. \n\nFeel free to explore and experiment with different target objects, destination positions, and durations to achieve the desired effects in your virtual reality experiences!\n\nFor more information on A-Frame and its components, please refer to the A-Frame documentation.\n\n# Usage examples\n\nThese \"buttons\" forces the camera \"camara\" to move (see attached \"sample.html\" and \"aframe-easy-slide.js\" for more information):\n\n    \u003ca-box color=\"blue\" easy-slide=\"target: #camara; destination: 0 1.7 -1; duration: 1000\" scale=\"0.2 0.2 0.1\" position=\"0 2.1 -1\"\u003e\u003c/a-box\u003e\n    \u003ca-box color=\"red\" easy-slide=\"target: #camara; destination: 0 1.2 -2; duration: 3000\" scale=\"0.2 0.2 0.1\" position=\"0 2.1 -2\"\u003e\u003c/a-box\u003e\n    \u003ca-box color=\"magenta\" easy-slide=\"target: #camara; destination: 0 1.6 0; duration: 100\" scale=\"0.2 0.2 0.1\" position=\"0 2.1 -4\"\u003e\u003c/a-box\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdisketteomelette%2Faframe-easy-slide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdisketteomelette%2Faframe-easy-slide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdisketteomelette%2Faframe-easy-slide/lists"}