{"id":16151020,"url":"https://github.com/iondrimba/buildings-wave","last_synced_at":"2025-09-26T13:03:12.801Z","repository":{"id":39560133,"uuid":"166694851","full_name":"iondrimba/buildings-wave","owner":"iondrimba","description":":european_post_office: A tutorial on how to create a 3D building wave animation with three.js and TweenMax","archived":false,"fork":false,"pushed_at":"2023-03-03T20:13:17.000Z","size":3096,"stargazers_count":92,"open_issues_count":34,"forks_count":29,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-01T20:22:42.049Z","etag":null,"topics":["3d","animation","animations","creative-coding","es6","es6-javascript","frontend","javascript","js","motion","threejs","threejs-example","webgl"],"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/iondrimba.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}},"created_at":"2019-01-20T18:28:44.000Z","updated_at":"2025-03-22T14:21:26.000Z","dependencies_parsed_at":"2022-09-20T05:14:39.183Z","dependency_job_id":null,"html_url":"https://github.com/iondrimba/buildings-wave","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/iondrimba/buildings-wave","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iondrimba%2Fbuildings-wave","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iondrimba%2Fbuildings-wave/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iondrimba%2Fbuildings-wave/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iondrimba%2Fbuildings-wave/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iondrimba","download_url":"https://codeload.github.com/iondrimba/buildings-wave/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iondrimba%2Fbuildings-wave/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277081057,"owners_count":25757342,"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","status":"online","status_checked_at":"2025-09-26T02:00:09.010Z","response_time":78,"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":["3d","animation","animations","creative-coding","es6","es6-javascript","frontend","javascript","js","motion","threejs","threejs-example","webgl"],"created_at":"2024-10-10T00:54:18.084Z","updated_at":"2025-09-26T13:03:12.743Z","avatar_url":"https://github.com/iondrimba.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :european_post_office: Buildings Wave Animation with Three.js\n\n![CI](https://github.com/iondrimba/buildings-wave/workflows/CI/badge.svg)\n[First Demo](https://tympanus.net/Tutorials/BuildingsWave/index.html)\n[Second Demo](https://tympanus.net/Tutorials/BuildingsWave/index2.html)\n\nA tutorial on how to create a 3D building wave animation with three.js and TweenMax. By Ion D. Filho.\n\n![Buildings Wave](https://tympanus.net/codrops/wp-content/uploads/2019/01/BuildingsWave_featured.jpg)\n\n[Article on Codrops](https://tympanus.net/codrops/?p=37794)\n\n## Requirements\n\n* nodejs 8+\n\n### Contents\n\n````bash\nwith-controls/ and no-controls/\n  src/\n    scripts/...\n    styles/...\n    index.html\n    index.js\n    config files...\nLICENSE\nREADME.md\n````\n\n### Installation\n\n```sh\ncd with-controls or no-controls\n$ npm install\n$ npm start\n```\n\n### Build\n\n```sh\ncd with-controls or no-controls\n$ npm run build\n```\n\n### output folder\n\n````bash\nwith-controls/ and no-controls/\n  public/\n    app.##hash##.js\n    app.##hash##.css\n    index.html\n````\n\n## Credits\n\n* [Threejs](https://threejs.org/)\n* [TweenMax](https://greensock.com/tweenmax)\n* [Buildings Icon by Freepik](https://www.flaticon.com/free-icon/apartments_88945)\n* [Models by Backlog Studio](https://free3d.com/3d-model/19-low-poly-buildings-974347.html)\n\n## License\n\nThis resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource \"as-is\" and sell it, redistribute, re-publish it, or sell \"pluginized\" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.\n\n## Misc\n\nFollow Ion Drimba Filho: [Twitter](https://twitter.com/code__music), [Codepen](https://codepen.io/iondrimba/), [GitHub](https://github.com/iondrimba)\n\nFollow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)\n\n[© Codrops 2018](http://www.codrops.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiondrimba%2Fbuildings-wave","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiondrimba%2Fbuildings-wave","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiondrimba%2Fbuildings-wave/lists"}