{"id":16942684,"url":"https://github.com/dbabbs/geo-animating-lines","last_synced_at":"2025-04-11T19:32:42.238Z","repository":{"id":122539584,"uuid":"218010662","full_name":"dbabbs/geo-animating-lines","owner":"dbabbs","description":"Performant animated lines in Three.js and Canvas on top of the HERE JavaScript API","archived":false,"fork":false,"pushed_at":"2020-01-19T14:24:33.000Z","size":4634,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T15:21:22.004Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://dbabbs.github.io/geo-animating-lines/","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/dbabbs.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":"2019-10-28T09:29:17.000Z","updated_at":"2022-03-29T08:23:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"b3d3dea7-2002-4b72-9db0-af5f7a4283ed","html_url":"https://github.com/dbabbs/geo-animating-lines","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/dbabbs%2Fgeo-animating-lines","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dbabbs%2Fgeo-animating-lines/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dbabbs%2Fgeo-animating-lines/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dbabbs%2Fgeo-animating-lines/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dbabbs","download_url":"https://codeload.github.com/dbabbs/geo-animating-lines/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248466985,"owners_count":21108576,"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-13T21:12:39.574Z","updated_at":"2025-04-11T19:32:42.222Z","avatar_url":"https://github.com/dbabbs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Animated Geo Lines with Three.js and Canvas\n\n![animation gif](./animation.gif)\n\nProject originally posted on [Twitter](https://twitter.com/dbabbs/status/1187743537963646979).\n\nTechniques and source code for animating lines with a custom [Canvas](https://www.w3schools.com/html/html5_canvas.asp) and [Three.js](https://threejs.org/) layer on top of the [HERE JavaScript API](https://developer.here.com/documentation/maps/topics/quick-start.html).\n\nThere are three types of route lines that can generated. This can be configured in the `STATE` variable. The options are:\n- `circle`: lines start at center and head towards the circumference of the circle with each point being an equal distance from each other\n- `random`: lines are generated with random start and end points.\n- `randomSameStarting`: lines start at the same center but have random end points.\n\nThe routes are based off the real road network geometry and come from the [HERE Routing API](https://developer.here.com/documentation/routing/topics/what-is.html).\n\nThe animation code lives inside the `AnimationLayer.js` file.\n\n**NOTE**: This app uses `Promise.allSettled()`, which is not yet implemented or supported by all browsers. The app will work fine with a recent version of Chrome.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdbabbs%2Fgeo-animating-lines","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdbabbs%2Fgeo-animating-lines","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdbabbs%2Fgeo-animating-lines/lists"}