{"id":23464839,"url":"https://github.com/fingerpich/sinus-studio","last_synced_at":"2025-04-14T10:33:17.739Z","repository":{"id":75961367,"uuid":"79317597","full_name":"fingerpich/sinus-studio","owner":"fingerpich","description":"Draws and animates a 3D spirograph-like curves.","archived":false,"fork":false,"pushed_at":"2022-07-06T11:13:04.000Z","size":19846,"stargazers_count":25,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T23:41:53.086Z","etag":null,"topics":["animate","drawing","react","redux","rxjs6","spirograph","webgl"],"latest_commit_sha":null,"homepage":"https://fingerpich.github.io/sinus-studio/","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/fingerpich.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":"2017-01-18T08:06:35.000Z","updated_at":"2023-12-06T12:05:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"13f61ae0-1186-45a3-aa9d-3eb61310719a","html_url":"https://github.com/fingerpich/sinus-studio","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fingerpich%2Fsinus-studio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fingerpich%2Fsinus-studio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fingerpich%2Fsinus-studio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fingerpich%2Fsinus-studio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fingerpich","download_url":"https://codeload.github.com/fingerpich/sinus-studio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248862826,"owners_count":21173892,"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":["animate","drawing","react","redux","rxjs6","spirograph","webgl"],"created_at":"2024-12-24T10:59:28.710Z","updated_at":"2025-04-14T10:33:17.732Z","avatar_url":"https://github.com/fingerpich.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sinus Studio\n\nDraws and animates a 3d spirograph-like curves using webGL.\n\n## Examples\nClick on the following examples so you would see lines animations and if you changed the parameters you would have another animation.\n\n[\u003cimg src=\"./examples/twisting star.png\"        width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V3V8V1ZVE1V28V8V0ZZVEZVEZZVE0V0V1V20V20V0ZZ)\n[\u003cimg src=\"./examples/bubbles spin.png\"         width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V20V2V1ZVE791V6V10V1ZVE249V1V10V0ZZVEZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/circulate source 3d.png\"  width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V20V2V0ZVE0V6V10V1ZVE1520V1V10V0ZZVEE614V5V10V0ZZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/spining two galaxy.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V3V7V0ZVE2484V73V2V0ZVE1223V19V16V1ZZVEZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/swirl star.png\"           width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V2V7V0ZVE0V212V24V1ZZVEZVEZZVE0V0V1V320V320V0ZZ)\n[\u003cimg src=\"./examples/animate RGB circles.png\"  width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V91V10V0ZVE0V120V7V1ZZVEZVEZZVE0V1V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/infinite.png\"             width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V91V10V0ZVE0V120V7V1ZZVEZVEZZVE0V0V1V273V364V0ZZ)\n[\u003cimg src=\"./examples/multiverse.png\"           width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V90V3V0ZVE61405V1V5V0ZVE0V91V8V1ZZVEZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/rose.png\"                 width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V91V3V0ZVE0V7V7V1ZZVEZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/fencing.png\"              width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V3V16V0ZVE0V165V3V1ZZVEZVEZZVE0V0V1V320V320V0ZZ)\n[\u003cimg src=\"./examples/fence drawing.png\"        width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V1V16V0ZVE90V171V3V0ZZVEZVEZZVE0V0V1V136V320V1ZZ)\n[\u003cimg src=\"./examples/motion signature.png\"     width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V11V10V0ZZVEE2190V6V10V0ZZVEE0V5V10V1ZZZVE0V0V1V194V360V1ZZ)\n[\u003cimg src=\"./examples/rotate cubes.png\"         width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V11V10V0ZVE0V40V10V1ZZVEZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/guess how it will complete.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V47V10V1ZVE3599V187V2V0ZVE3604V1V7V0ZZVEZVEZZVE0V0V1V74V3600V1ZZ)\n[\u003cimg src=\"./examples/pool.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE706V10V13V0ZVE3850V206V1V0ZVE0V21V10V1ZZVEZVEZZVE0V0V1V320V320V0ZZ)\n[\u003cimg src=\"./examples/twisting rose.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE372V84V6V0ZVE0V7V3V1ZVE1472V14V18V0ZZVEZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/triangle_completion.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE1419V105V10V0ZVE0V157V7V1ZZVEZVEZZVE0V0V1V327V419V1ZZ)\n[\u003cimg src=\"./examples/gravity.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V91V4V1ZVE64939V20V10V0ZVE0V11V2V1ZZVEZVEZZVE0V0V1V3600V3600V0ZZ)\n[\u003cimg src=\"./examples/order and chaos.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE98V1V13V0ZVE0V148V12V1ZZVEZVEZZVE0V0V1V1000V900V0ZZ)\n[\u003cimg src=\"./examples/interesting.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE5490V47V18V0ZVE0V179V3V1ZVE0V94V13V1ZZVEZVEZZVE0V0V1V186V320V1ZZ)\n[\u003cimg src=\"./examples/cloud.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V1V19V0ZVE0V173V3V1ZZVEE145V5V6V0ZVE0V2V5V1ZZVEZZVE0V0V1V320V320V0ZZ)\n[\u003cimg src=\"./examples/rotating squars.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE440V89V3V0ZVE61480V2V5V0ZVE0V92V8V1ZZVEZVEZZVE0V0V1V60V360V0ZZ)\n[\u003cimg src=\"./examples/regularity and chaos.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE5441V14V16V0ZVE0V168V3V1ZVE0V91V13V1ZZVEZVEZZVE0V0V1V320V320V0ZZ)\n[\u003cimg src=\"./examples/diafragma.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE5441V14V16V0ZVE0V168V3V1ZVE0V97V13V1ZZVEZVEZZVE0V0V1V320V320V0ZZ)\n[\u003cimg src=\"./examples/hypnotism.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE831V89V3V0ZVE67558V87V5V0ZVE0V93V7V1ZZVEZVEZZVE0V0V1V360V360V0ZZ)\n[\u003cimg src=\"./examples/circles.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE1750V186V10V0ZVE2820V188V6V0ZVE90V182V10V0ZZVEZVEZZVE0V0V1V270V5001V1ZZ)\n[\u003cimg src=\"./examples/star5.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE6425V26V9V0ZVE0V31V8V1ZZVEZVEZZVE0V0V1V20V20V0ZZ)\n[\u003cimg src=\"./examples/3d-rotor.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE5482V19V8V0ZVE0V19V8V1ZZVEE0V16V6V1ZVE4872V19V6V0ZZVEE0V16V5V1ZVE4555V19V6V0ZZZVE0V0V0V3601V3601V0ZZ)\n[\u003cimg src=\"./examples/star born.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE5441V171V16V0ZVE0V168V3V1ZVE0V91V13V1ZZVEZVEZZVE0V0V1V320V320V0ZZ)\n[\u003cimg src=\"./examples/lsd.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE4910V177V10V0ZZVEE0V90V10V1ZZVEE0V89V10V1ZZZVE0V1V1V5000V5000V0ZZ)[\u003cimg src=\"./examples/colored-spider.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE5298V177V10V0ZZVEE0V178V10V1ZZVEE0V148V10V1ZZZVE0V1V1V419V5000V1ZZ)\n[\u003cimg src=\"./examples/colored-rope.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE0V15V7V1ZVE0V61V2V1ZZVEE2120V135V10V0ZVE0V45V10V1ZZVEE0V45V10V1ZVE90V90V10V0ZVE90V75V10V0ZZZVE0V1V1V3600V3600V0ZZ)\n[\u003cimg src=\"./examples/bipolar.png\"   width=\"100\"\u003e](https://fingerpich.github.io/sinus-studio/?EEEE5992V79V18V0ZVE0V198V3V1ZVE0V118V13V1ZZVEZVEZZVE0V0V1V3200V3200V0ZZ)\n## Introduction\n\nA [Hypotrochoid](http://mathworld.wolfram.com/Hypotrochoid.html) is a \n[roulette](http://mathworld.wolfram.com/Roulette.html) traced by a point\n attached to a circle rolling around the inside of an another fixed circle.\n\nThe idea is using infinite number of roulette rolling around another \nroulette circle in a 3d space and each can be controlled.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffingerpich%2Fsinus-studio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffingerpich%2Fsinus-studio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffingerpich%2Fsinus-studio/lists"}