{"id":19987416,"url":"https://github.com/jshwlkr/twopointfivedee","last_synced_at":"2026-04-19T15:31:43.114Z","repository":{"id":43460033,"uuid":"341088714","full_name":"jshwlkr/twopointfivedee","owner":"jshwlkr","description":"A WordPress block plugin for displaying an animated \"2.5D\" image effect","archived":false,"fork":false,"pushed_at":"2023-03-15T02:54:20.000Z","size":3771,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-27T13:34:39.199Z","etag":null,"topics":["parallax","wordpress","wordpress-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/jshwlkr.png","metadata":{"files":{"readme":"readme.txt","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":"2021-02-22T05:22:40.000Z","updated_at":"2022-07-14T02:17:07.000Z","dependencies_parsed_at":"2025-01-12T11:41:40.012Z","dependency_job_id":"d809ac37-ce4e-43dc-833d-d531ea6ed139","html_url":"https://github.com/jshwlkr/twopointfivedee","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/jshwlkr/twopointfivedee","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jshwlkr%2Ftwopointfivedee","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jshwlkr%2Ftwopointfivedee/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jshwlkr%2Ftwopointfivedee/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jshwlkr%2Ftwopointfivedee/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jshwlkr","download_url":"https://codeload.github.com/jshwlkr/twopointfivedee/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jshwlkr%2Ftwopointfivedee/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32011938,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["parallax","wordpress","wordpress-plugin"],"created_at":"2024-11-13T04:36:07.668Z","updated_at":"2026-04-19T15:31:43.089Z","avatar_url":"https://github.com/jshwlkr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"=== Twopointfivedee ===\nContributors:      Joshua Walker\nTags:              block, animation, image, parallax\nRequires at least: 5.5.0\nTested up to:      5.8.1\nStable tag:        1.0.0\nRequires PHP:      7.0.0\nLicense:           GPL-2.0-or-later\nLicense URI:       https://www.gnu.org/licenses/gpl-2.0.html\n\nA block for displaying an animated \"2.5D\" image effect.\n\n== Description ==\n\nThis plugin provides a block that layers a series of .png files on top of each other and animates each individual layer to create a specific kind of parallax effect.\n(Sometimes referred to as the \"Ken Burns effect\".) The block requires at least 2 images, both a back layer and a mid layer, but can accommodate 3. Images must all be the same size.\n\nThis plugin supports Git Updater.\n\n== Crafting Good Images ==\n\nA succesful effect is more about the images and not so much about the technology.\nYou might compose your layers from scratch if you like, I'd recommend editing an existing image and creating multiple layers (as I did for the example).\nThe back layer likely will look best if you fill the voids left by the animated parts you cut out for the other layers, you might try extending the background\nover these parts or just fill it with a flat color. The mid and front layers contain the animated parts and tend to look better if the subject of the front layer is smaller\nthan the subject of the mid layer. All layers should be the same size and should take advantage of tranparency where possible. (I'm using .png images specifically to support transparency.)\nBe aware of how the animated subjects interact with the images edges, you may not want them very big or very close to the edge because the image edge will clip the animation.\n\n== Screenshots ==\n\n1. Example block usage\n2. Example back layer\n3. Example mid layer\n\n== Support ==\n\nThis plugin is mostly an experiment, if there is enough of a response I may devote more resources to it.\nHowever, at this time I offer no support for this plugin.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjshwlkr%2Ftwopointfivedee","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjshwlkr%2Ftwopointfivedee","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjshwlkr%2Ftwopointfivedee/lists"}