{"id":15021305,"url":"https://github.com/klevron/threejs-toys","last_synced_at":"2025-05-15T04:04:28.534Z","repository":{"id":42183870,"uuid":"487867223","full_name":"klevron/threejs-toys","owner":"klevron","description":"✨ ThreeJS Toys ⚡","archived":false,"fork":false,"pushed_at":"2024-11-21T06:02:09.000Z","size":4107,"stargazers_count":492,"open_issues_count":11,"forks_count":45,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-05-14T08:57:40.657Z","etag":null,"topics":["creative-coding","interactive","threejs","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/klevron.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":"klevron","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2022-05-02T14:03:52.000Z","updated_at":"2025-05-09T21:05:42.000Z","dependencies_parsed_at":"2025-01-10T13:31:06.134Z","dependency_job_id":"538141dc-9efa-4cde-b355-39d9830f9726","html_url":"https://github.com/klevron/threejs-toys","commit_stats":{"total_commits":94,"total_committers":1,"mean_commits":94.0,"dds":0.0,"last_synced_commit":"3f5ba8bbbad829a52afc45be4835ff38b7651362"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klevron%2Fthreejs-toys","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klevron%2Fthreejs-toys/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klevron%2Fthreejs-toys/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/klevron%2Fthreejs-toys/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/klevron","download_url":"https://codeload.github.com/klevron/threejs-toys/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254270641,"owners_count":22042858,"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":["creative-coding","interactive","threejs","webgl"],"created_at":"2024-09-24T19:56:25.579Z","updated_at":"2025-05-15T04:04:28.475Z","avatar_url":"https://github.com/klevron.png","language":"JavaScript","funding_links":["https://github.com/sponsors/klevron"],"categories":[],"sub_categories":[],"readme":"# November 2024\n\n**This repository is no longer maintained.**\n\nMy threejs toys/components library is now here : **https://github.com/klevron/threejs-components** (**sponsors-only access**)\n\n# ✨ ThreeJS Toys - Made with 💙\n\n[![NPM Package][npm]][npm-url]\n[![Build Size][build-size]][build-size-url]\n[![NPM Downloads][npm-downloads]][npmtrends-url]\n[![Twitter][twitter]][twitter-url]\n\n[npm]: https://img.shields.io/npm/v/threejs-toys\n[npm-url]: https://www.npmjs.com/package/threejs-toys\n[build-size]: https://badgen.net/bundlephobia/minzip/threejs-toys\n[build-size-url]: https://bundlephobia.com/result?p=threejs-toys\n[npm-downloads]: https://img.shields.io/npm/dw/threejs-toys\n[npmtrends-url]: https://www.npmtrends.com/threejs-toys\n[twitter]: https://img.shields.io/twitter/follow/soju22?label=\u0026style=social\n[twitter-url]: https://twitter.com/soju22\n\nWork in progress...\n\nhttps://codepen.io/collection/yrbrrk\n\n## Sponsors (Thanks 💙 !!!)\n\n\u003ca href=\"https://github.com/designori-llc\"\u003e\n  \u003cimg src=\"https://github.com/designori-llc.png\" width=\"50px\" /\u003e\n\u003c/a\u003e\n\n## Usage - npm\n\n```\nnpm install three threejs-toys\n```\n\n## Toys\n\n### Fishes - https://codepen.io/soju22/full/qBxVXmb\n\n\u003cimg src=\"https://github.com/klevron/threejs-toys/blob/main/screenshots/bg-fishes.jpg?raw=true\" style=\"width:30%;\" /\u003e\n\n```js\nimport { fishesBackground } from 'threejs-toys'\n\nfishesBackground({\n  el: document.getElementById('app'),\n  gpgpuSize: 96,\n  background: 0x031F48,\n  fogDensity: 0.025,\n  texture: '/fishes.png',\n  textureCount: 8,\n  material: 'phong',\n  materialParams: {\n    transparent: true,\n    alphaTest: 0.5\n  },\n  fishScale: [1, 1, 1],\n  fishWidthSegments: 8,\n  fishSpeed: 1.5,\n  noiseCoordScale: 0.01,\n  noiseTimeCoef: 0.0005,\n  noiseIntensity: 0.0005,\n  attractionRadius1: 50,\n  attractionRadius2: 150,\n  maxVelocity: 0.1\n})\n```\n\n### Butterflies - https://codepen.io/soju22/full/dydVGEd\n\n\u003cimg src=\"https://github.com/klevron/threejs-toys/blob/main/screenshots/bg-butterflies.jpg?raw=true\" style=\"width:30%;\" /\u003e\n\n```js\nimport { butterfliesBackground } from 'threejs-toys'\n\nbutterfliesBackground({\n  el: document.getElementById('app'),\n  gpgpuSize: 64,\n  background: 0xffffff,\n  material: 'basic', // 'basic', 'phong', 'standard'\n  materialParams: { transparent: true, alphaTest: 0.5 },\n  texture: '/butterflies.png',\n  textureCount: 4,\n  wingsScale: [1, 1, 1],\n  wingsWidthSegments: 8,\n  wingsHeightSegments: 8,\n  wingsSpeed: 0.75,\n  wingsDisplacementScale: 1.25,\n  noiseCoordScale: 0.01,\n  noiseTimeCoef: 0.0005,\n  noiseIntensity: 0.0025,\n  attractionRadius1: 100,\n  attractionRadius2: 150,\n  maxVelocity: 0.1\n})\n```\n\nWith *phong* or *standard* material, you can setup lights :\n\n```js\nbutterfliesBackground({\n  // ...\n  material: 'phong', // or 'standard'\n  lights: [\n    { type: 'ambient', params: [0xffffff, 0.5] },\n    { type: 'directional', params: [0xffffff, 1], props: { position: [0, 10, 0] } }\n  ],\n  // ...\n})\n```\n\n### Particles Cursor - https://codepen.io/soju22/full/KKQaGrE\n\n\u003cimg src=\"https://github.com/klevron/threejs-toys/blob/main/screenshots/particles-cursor.jpg?raw=true\" style=\"width:30%;\" /\u003e\n\n```js\nimport { particlesCursor } from 'threejs-toys'\n\nparticlesCursor({\n  el: document.getElementById('app'),\n  gpgpuSize: 256,\n  colors: [0x00ff00, 0x0000ff],\n  color: 0xff0000,\n  coordScale: 1.5,\n  noiseIntensity: 0.001,\n  noiseTimeCoef: 0.0001,\n  pointSize: 5,\n  pointDecay: 0.005,\n  sleepRadiusX: 250,\n  sleepRadiusY: 250,\n  sleepTimeCoefX: 0.001,\n  sleepTimeCoefY: 0.002\n})\n```\n\n### Neon Cursor - https://codepen.io/soju22/full/wvyBorP\n\n\u003cimg src=\"https://github.com/klevron/threejs-toys/blob/main/screenshots/neon-cursor.jpg?raw=true\" style=\"width:30%;\" /\u003e\n\n```js\nimport { neonCursor } from 'threejs-toys'\n\nneonCursor({\n  el: document.getElementById('app'),\n  shaderPoints: 16,\n  curvePoints: 80,\n  curveLerp: 0.5,\n  radius1: 5,\n  radius2: 30,\n  velocityTreshold: 10,\n  sleepRadiusX: 100,\n  sleepRadiusY: 100,\n  sleepTimeCoefX: 0.0025,\n  sleepTimeCoefY: 0.0025\n})\n```\n\n### Noisy Lines- https://codepen.io/soju22/full/YzePgPV\n\n\u003cimg src=\"https://github.com/klevron/threejs-toys/blob/main/screenshots/bg-noisy-lines.jpg?raw=true\" style=\"width:30%;\" /\u003e\n\n```js\nimport { noisyLinesBackground } from 'threejs-toys'\n\nnoisyLinesBackground({\n  el: document.getElementById('app'),\n  colors: [0x0231c3, 0xa6d1f6],\n  minStroke: 0.5,\n  maxStroke: 2,\n  timeCoef: 0.0002,\n  coordScale: 2,\n  displacementScale: 0.02\n})\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fklevron%2Fthreejs-toys","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fklevron%2Fthreejs-toys","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fklevron%2Fthreejs-toys/lists"}