{"id":26116181,"url":"https://github.com/wraith13/kaleidoscope","last_synced_at":"2025-06-26T09:33:02.343Z","repository":{"id":280175699,"uuid":"941056347","full_name":"wraith13/kaleidoscope","owner":"wraith13","description":"kaleidoscope web screen saver","archived":false,"fork":false,"pushed_at":"2025-03-09T03:17:14.000Z","size":1155,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-09T04:19:50.838Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsl-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wraith13.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":"2025-03-01T11:31:00.000Z","updated_at":"2025-03-09T03:17:18.000Z","dependencies_parsed_at":"2025-03-01T19:27:53.405Z","dependency_job_id":"6271ea60-51e3-4188-8d2c-c3ca50bcd715","html_url":"https://github.com/wraith13/kaleidoscope","commit_stats":null,"previous_names":["wraith13/kaleidoscope"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wraith13%2Fkaleidoscope","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wraith13%2Fkaleidoscope/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wraith13%2Fkaleidoscope/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wraith13%2Fkaleidoscope/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wraith13","download_url":"https://codeload.github.com/wraith13/kaleidoscope/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242816038,"owners_count":20189756,"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":"2025-03-10T08:26:52.024Z","updated_at":"2025-06-26T09:33:02.336Z","avatar_url":"https://github.com/wraith13.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Kaleidoscope Web Screensaver\n\n🌐 Live Site: https://wraith13.github.io/kaleidoscope/\n\n## Introduction\n\nKaleidoscope Web Screensaver is a web-based screensaver that displays kaleidoscope-like animations. Users can customize patterns and colors to create simple yet visually engaging effects reminiscent of a kaleidoscope. It works on various devices, including PCs, smartphones, and tablets, and supports fullscreen mode.\n\nBy increasing the number of layers, users can create even more beautiful and intricate visuals. However, please note that higher layer counts may also increase the computational load, which could affect performance on less powerful devices.\n\nYou can display a clock on the screen with various styles and options, making it useful as a clock screensaver.\n\nIn addition, Kaleidoscope Web Screensaver　also includes a benchmark feature that measures the overall performance of your device and web browser together.\n\nThis software can be hosted and shared using GitHub Pages, making it easy to use for personal enjoyment or demonstrations.\n\n## Feature\n\n- Kaleidoscope Animation with customizable patterns and colors\n- Web Benchmark\n- Color spaces: sRGB, Display P3, Rec. 2020\n- Patterns (powered by [flounder.style.js](https://github.com/wraith13/flounder.style.js)): Lines, Spots, Both\n- Colorings: Monochrome, Primary Colors, Phi Colors (powered by [phi-colors](https://github.com/wraith13/phi-colors))\n- Adjustable Layers: 1 - 97\n- Cycle Span: 1s - 1h\n- Fullscreen Support\n- Show Clock: Hide, Blend, White, Black, System, Alternate, Rainbow\n- Multi-language Support: العربية(ar), Deutsch(de), Ελληνικά(el), English(en), Español(es), فارسی(fa), Français(fr), हिन्दी(hi), Bahasa Indonesia(id), Italiano(it), 日本語(ja), 한국어(ko), Nederlands(nl), Polski(pl), Português(pt), Русский(ru), ไทย(th), Türkçe(tr), Tiếng Việt(vi), 简体中文(zh-cn), 繁體中文(zh-tw)\n- Device Compatibility: PCs, Smartphones, Tablets\n- Keyboard Shortcuts Support for easier operation\n\n## Screenshots\n\n![Screenshot: Layers](./image/screenshot0.png)\n![Screenshot: monochrome, FPS, Brightness, 日本語](./image/screenshot1.png)\n![Screenshot: Clock](./image/screenshot2.png)\n\n## Options Available via URL Parameters\n\nThe following options cannot be set via the UI.\n\n- `clock-locale`: Specifies the locale used for the clock display. (Example: [`?clock-locale=en-us`](https://wraith13.github.io/kaleidoscope/?clock-locale=en-us\u0026clock=blend))\n- `screenshot`: Specifies the screenshot mode. Accepts one of `favicon`, `twitter-card`, `black`, or `sample`. (Example: [`?screenshot=sample`](https://wraith13.github.io/kaleidoscope/?screenshot=sample))\n\n## How to build\n\n### Prerequisites\n\n- Node.js (version 16 or higher recommended)\n- npm (Node Package Manager)\n\n### Steps\n\n1. Install dependencies:\n   ```sh\n   npm install\n   ```\n2. Build the project:\n   ```sh\n   npm run-script \"build all\"\n   ```\n\n## Build commands\n\n```mermaid\ngraph TB;\n    subgraph ./locale\n        direction TB;\n        subgraph ./locale/generated\n            direction TB;\n            lmt[[./locale/generated/master.ts]];\n            lmls[[./locale/generated/manifest.langs.json]];\n            lh[[./locale/generated/*.html]];\n        end\n        ./locale/index.ts;\n        ./locale/index.js;\n        bls([build locale script]);\n        bl([build locale]);\n    end\n    subgraph ./image\n        direction TB;\n        ./image/*.svg\n    end\n    subgraph ./resource\n        direction TB;\n        subgraph ./resource/lang\n            direction TB;\n            ./resource/lang/*.json;\n        end\n        ./resource/*.json;\n    end\n    subgraph ./style\n        direction TB;\n        sts[[./style/*.scss]];\n        stc[[./style/index.css]];\n        bst([build style]);\n    end\n    subgraph ./script\n        direction TB;\n        st[[./script/*.ts]];\n        sj[[./script/index.js]];\n        bs([build script]);\n    end\n    subgraph ./web.manifest\n        direction TB;\n        subgraph ./web.manifest/generated\n            direction TB;\n            wmj[[./web.manifest/generated/*.json]];\n        end\n        ./web.manifest/template.json;\n        bwm([build web.manifest]);\n    end\n    subgraph category\n        direction TB;\n        bc([build commands]);\n        sf[source files];\n        gf[[generated files]];\n    end\n    ./locale/index.ts--\u003ebls([build locale script]);\n    bls([build locale script])--\u003e./locale/index.js;\n    ./resource/lang/*.json--\u003ebl([build locale]);\n    ./locale/index.js--\u003ebl([build locale]);\n    ./resource/*.json--\u003ebs([build script]);\n    lmls[[./locale/generated/manifest.langs.json]]--\u003ebwm([build web.manifest])\n    ./resource/lang/*.json--\u003ebwm([build web.manifest])\n    bl([build locale])--\u003elmt[[./locale/generated/master.ts]];\n    bl([build locale])--\u003elmls[[./locale/generated/manifest.langs.json]];\n    bl([build locale])--\u003elh[[./locale/generated/*.html]];\n    sts[[./style/*.scss]]--\u003ebst([build style])--\u003estc[[./style/index.css]];\n    lmt[[./locale/generated/master.ts]]--\u003ebs([build script]);\n    st[[./script/*.ts]]--\u003ebs([build script])--\u003esj[[./script/index.js]];\n    ./web.manifest/template.json--\u003ebwm([build web.manifest])\n    bwm([build web.manifest])--\u003ewmj[[./web.manifest/generated/*.json]];\n    ./resource/*.json--\u003ebh([build html]);\n    lh[[./locale/generated/*.html]]--\u003ebh([build html]);\n    stc[[./style/index.css]]--\u003ebh([build html]);\n    sj[[./script/index.js]]--\u003ebh([build html]);\n    ./image/*.svg--\u003ebh([build html]);\n    ./index.html.template--\u003ebh([build html]);\n    bh([build html])--\u003eih[[./index.html]];\n    README.template.md--\u003ebl([build locale]);\n    bl([build locale])--\u003erdm[[README.md]];\n```\n( You can see this diagram in VS code with [Markdown Preview Mermaid Support extension](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid). )\n\n- `npm run-script \"build all\"`\n- `npm run-script \"build locale script\"`\n- `npm run-script \"build locale\"`\n- `npm run-script \"build web.manifest\"`\n- `npm run-script \"build style\"`\n- `npm run-script \"build script\"`\n- `npm run-script \"build html\"`\n\n\n## Files\n\n|path|description|\n|---|---|\n|[`./README.md`](./README.md)|Generated file|\n|[`./README.template.md`](./README.template.md)|README template|\n|[`./build.json`](./build.json)|Build settings|\n|[`./index.html`](./index.html)|Generated file for GitHub Pages deployment|\n|[`./index.html.template`](./index.html.template)|HTML template|\n|[`./resource/*.json`](./resource/)|JSON files for configuration or data|\n|[`./style/*.scss`](./style/)|Style source files|\n|[`./script/*.ts`](./script/)|Script source files|\n|[`./image/*.*`](./image/)|Image files used in the project|\n\n## Powered by\n\n- [build.js](https://github.com/wraith13/build.js)\n- [evil-commonjs](https://github.com/wraith13/evil-commonjs)\n- [evil-timer.js](https://github.com/wraith13/evil-timer.js)\n- [flounder.style.js](https://github.com/wraith13/flounder.style.js)\n- [phi-colors](https://github.com/wraith13/phi-colors)\n\n## License\n\n[Boost Software License](./LICENSE_1_0.txt)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwraith13%2Fkaleidoscope","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwraith13%2Fkaleidoscope","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwraith13%2Fkaleidoscope/lists"}