{"id":15386641,"url":"https://github.com/pixelscommander/pixi-sdf-text","last_synced_at":"2026-03-01T21:38:26.685Z","repository":{"id":57325115,"uuid":"80462675","full_name":"PixelsCommander/pixi-sdf-text","owner":"PixelsCommander","description":"Signed distance field text implementation for PixiJS","archived":false,"fork":false,"pushed_at":"2019-05-17T11:54:10.000Z","size":776,"stargazers_count":97,"open_issues_count":6,"forks_count":15,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-12T03:17:07.560Z","etag":null,"topics":["glsl","pixijs","sdf","webgl"],"latest_commit_sha":null,"homepage":null,"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/PixelsCommander.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":"2017-01-30T20:55:45.000Z","updated_at":"2025-01-16T07:30:40.000Z","dependencies_parsed_at":"2022-09-18T22:55:45.203Z","dependency_job_id":null,"html_url":"https://github.com/PixelsCommander/pixi-sdf-text","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/PixelsCommander%2Fpixi-sdf-text","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PixelsCommander%2Fpixi-sdf-text/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PixelsCommander%2Fpixi-sdf-text/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PixelsCommander%2Fpixi-sdf-text/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PixelsCommander","download_url":"https://codeload.github.com/PixelsCommander/pixi-sdf-text/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248886325,"owners_count":21177644,"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":["glsl","pixijs","sdf","webgl"],"created_at":"2024-10-01T14:50:01.902Z","updated_at":"2026-03-01T21:38:26.654Z","avatar_url":"https://github.com/PixelsCommander.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"pixi-sdf-text\n=============\n\nSigned distance fields text implementation for [PixiJS](http://pixijs.com)\n-----------------------------------------------------\n\n\u003ca href=\"https://www.mapbox.com/blog/text-signed-distance-fields/\"\u003eSDF is the most efficient way to draw text in WebGL\u003c/a\u003e.\n        It uses \u003ca href=\"http://pixelscommander.com/polygon/pixi-sdf-text/demo/assets/OpenSans-Regular.png\"\u003especial kind of raster atlases\u003c/a\u003e and GLSL shader to \u003ca href=\"http://wdobbie.com/pdf/\"\u003edraw vector scalable text in a very performant way\u003c/a\u003e on GPU.\u003c/p\u003e\n\n[Demo](http://pixelscommander.com/polygon/pixi-sdf-text/demo/)\n\nInstallation\n------------\n\n`npm i pixi-sdf-text --save`\n\nUsage\n-----\n\n```javascript\nvar style = {\n    fontSize: 24,\n    fontWeight: 'bold',\n    fill: 0x39FF14,\n    align: 'left',\n    wordWrapWidth: 400,\n    lineHeight: 64,\n    fontURL: 'assets/Lato-Regular-64.fnt',\n    imageURL: 'assets/lato.png'\n};\n\nvar sdfText = new PIXI.sdf.Text('Abc', style);\nstage.addChild(sdfText);\n```\n\nHow to generate font descriptors and SDF atlases?\n-------------------------------------------------\n[Use this manual](https://github.com/Jam3/three-bmfont-text/blob/master/docs/sdf.md)\n\nBugs\n----\nFeel free to submit issues to [GitHub tracker](https://github.com/PixelsCommander/pixi-sdf-text/issues)\n\nLicense\n-------\nMIT: [http://mit-license.org/](http://mit-license.org/)\n\nCopyright 2017 Denis Radin aka [PixelsCommander](http://pixelscommander.com)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelscommander%2Fpixi-sdf-text","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpixelscommander%2Fpixi-sdf-text","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpixelscommander%2Fpixi-sdf-text/lists"}