{"id":19236015,"url":"https://github.com/jerkwin/filamentcn","last_synced_at":"2026-03-09T12:38:40.714Z","repository":{"id":201337894,"uuid":"175038519","full_name":"Jerkwin/filamentcn","owner":"Jerkwin","description":"收集/整理/翻译 Filament 资料/文档/教程","archived":false,"fork":false,"pushed_at":"2019-12-02T03:13:15.000Z","size":69014,"stargazers_count":87,"open_issues_count":1,"forks_count":13,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-06-24T15:07:34.801Z","etag":null,"topics":["filament","pbr"],"latest_commit_sha":null,"homepage":"https://jerkwin.github.io/filamentcn/","language":"HTML","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/Jerkwin.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}},"created_at":"2019-03-11T16:16:31.000Z","updated_at":"2025-06-18T07:08:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"1e7f7a55-29eb-4d41-9895-c48522a2c961","html_url":"https://github.com/Jerkwin/filamentcn","commit_stats":null,"previous_names":["jerkwin/filamentcn"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Jerkwin/filamentcn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jerkwin%2Ffilamentcn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jerkwin%2Ffilamentcn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jerkwin%2Ffilamentcn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jerkwin%2Ffilamentcn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jerkwin","download_url":"https://codeload.github.com/Jerkwin/filamentcn/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jerkwin%2Ffilamentcn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271903031,"owners_count":24841303,"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-08-24T02:00:11.135Z","response_time":111,"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":["filament","pbr"],"created_at":"2024-11-09T16:18:51.320Z","updated_at":"2026-03-09T12:38:35.683Z","avatar_url":"https://github.com/Jerkwin.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbody\u003e\u003cdiv class=\"wrapper\"\u003e\n\t\u003cheader\u003e\n\t\t\u003ch1\u003e\u003ca href=\"https://jerkwin.github.io/filamentcn/\"\u003eFilament中文网\u003c/a\u003e\u003c/h1\u003e\n\t\t\u003cp\u003e收集/整理/翻译 Filament 资料/文档/教程\u003c/p\u003e\n\t\t\u003cp class=\"view\"\u003e\u003ca href=\"#缘起\"\u003e缘起\u003c/a\u003e\u003csmall\u003e 为什么\u003c/small\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\t\t\u003ca href=\"#概述\"\u003e概述\u003c/a\u003e\u003csmall\u003e 一句话介绍\u003c/small\u003e\u003c/p\u003e\n\t\t\u003cp class=\"view\"\u003e\u003ca href=\"#文档\"\u003e文档\u003c/a\u003e\u003csmall\u003e 构建, 材质\u003c/small\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\t\t\u003ca href=\"#说明\"\u003e说明\u003c/a\u003e\u003csmall\u003e API, PPT\u003c/small\u003e\u003c/p\u003e\n\t\t\u003cp class=\"view\"\u003e\u003ca href=\"#教程\"\u003e教程\u003c/a\u003e\u003csmall\u003e 三角, 球, 模型\u003c/small\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\t\t\u003ca href=\"#示例\"\u003e示例\u003c/a\u003e\u003csmall\u003e 贴图, 材质, 动态\u003c/small\u003e\u003c/p\u003e\n\t\t\u003cp\u003e\u003cimg src=\"./jscss/二维码.png\" alt=\"\"\u003e\u003c/p\u003e\n\t\u003c/header\u003e\n\n\u003ch2 id=\"缘起\"\u003e缘起\u003c/h2\u003e\n\n\u003cp\u003e一直以来, 我都对计算机图形学很感兴趣, 但无奈与平时工作相距甚远, 外兼视力不佳, 所以只能关注一下, 没有深入研究.\u003c/p\u003e\n\u003cp\u003e前几年研究PBR的时候偶然发现了\u003ca href=\"http://www.curious-creature.com/2017/08/14/physically-based-rendering-demo/\"\u003eRomain Guy的PRB渲染demo\u003c/a\u003e, 当时就有些惊异于其效果, 遂将其下载仔细研究, 以期能改进一下做成一个自用的WegGL库. 就这样, 断断续续地, 开始了我的WenGL学习之旅. 从最开始的不明所以, 逐渐知晓了着色器, 材质, 颜色, 光照, 进而是天空盒, IBL, 色调映射, 等等, 等等. 越学越觉得渲染领域涉及面太广, 个人很难完全精通掌握, 只能将自己限定在一个小的范围内, 对其他范围做些单纯的了解.\u003c/p\u003e\n\u003cp\u003e当我终于将Guy的demo改造好, 准备发布的时候, 上网一查, 才赫然发现谷歌以已经开源了\u003ca href=\"https://github.com/google/filament\"\u003eFilament\u003c/a\u003e, 其最初来源就是Guy的demo. 这样我的改造就意义不大了, 所以只能换成先学习这个引擎了.\u003c/p\u003e\n\u003cp\u003e因此我就创建了\u003ca href=\"https://jerkwin.github.io/filamentcn/\"\u003efilamentcn项目\u003c/a\u003e, 用以放置 收集/整理/翻译 的Filament 资料/文档/教程, 作为学习的参考和记录.\u003c/p\u003e\n\u003cp\u003e目前我已经翻译完成了Filament最重要的两篇材质文档, 外加三篇教程\u003c/p\u003e\n\u003cp\u003e其中的两篇材质文档是我目前看过的 \u003cstrong\u003e最好的\u003c/strong\u003e PBR资料, 对PBR渲染从原理到实现细节都有详细说明. 根据这些说明, 再加上一些图形学的知识, 完全可以实现自己的PBR.\u003c/p\u003e\n\u003cp\u003e我毕竟只是业余学习过计算机图形学, 很多名词的翻译不一定符合业内习惯. 如果你发现有不符合习惯的地方, 请指出修正. 如果你发现有错误和不合理的地方, 更要指出. 谢谢.\u003c/p\u003e\n\u003cp\u003e此外, 我还建立了一个QQ群, 用以方便大家交流.\u003c/p\u003e\n\n\u003ch2 id=\"概述\"\u003eFilament概述\u003c/h2\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003ca href=\"https://github.com/google/filament\"\u003eFilament\u003c/a\u003e是一个用C++编写的基于物理的实时渲染器. 它优先考虑移动平台, 但也可用于多个平台.\u003c/p\u003e\n\u003cp\u003e\u003ciframe src=\"https://google.github.io/filament/webgl/demo_suzanne.html\"\u003e\u003c/iframe\u003e\u003c/p\u003e\n\u003cp\u003e我们尽量保持Filament体积小, 加载快, 并专注渲染的特性. 例如, Filament不会在运行时编译材质. 相反, 我们提供了一个命令行工具\u003ca href=\"https://github.com/google/filament/tree/master/tools/matc\"\u003e\u003ccode\u003ematc\u003c/code\u003e\u003c/a\u003e, 用于离线编译材质.\u003c/p\u003e\n\n\u003ch2 id=\"文档\"\u003eFilament文档\u003c/h2\u003e\n\n\u003cul class=\"incremental\"\u003e\n\u003cli\u003e\u003ca href=\"\"\u003e下载构建\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"Filament.md.html\"\u003e材质设计\u003c/a\u003e \u003c!--a href=\"https://google.github.io/filament/Filament.md.html\"\u003e(原始文档)\u003c/a--\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"Materials.md.html\"\u003e材质概览\u003c/a\u003e \u003c!--a href=\"https://google.github.io/filament/Materials.md.html\"\u003e(原始文档)\u003c/a--\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"Material_Properties.pdf\"\u003e材质参考页\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2 id=\"说明\"\u003eFilament说明\u003c/h2\u003e\n\n\u003cul class=\"incremental\"\u003e\n\u003cli\u003e\u003ca href=\"https://google.github.io/filament/webgl/reference.html\"\u003eJavaScript API参考\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://prideout.net/slides/filawasm\"\u003eWebGL Meetup讲演 (2018)\u003c/a\u003e\u003c/li\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2 id=\"教程\"\u003eFilament教程\u003c/h2\u003e\n\u003cul class=\"incremental\"\u003e\n\u003cli\u003e\u003ca href=\"T1_triangle.md.html\"\u003e三角形\u003c/a\u003e \u003ca href=\"./tutorial/triangle.html\"\u003e查看效果\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"T2_redball.md.html\"\u003e红色球\u003c/a\u003e \u003ca href=\"./tutorial/redball.html\"\u003e查看效果\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"T3_suzanne.md.html\"\u003eBlender猴头\u003c/a\u003e \u003ca href=\"./tutorial/suzanne.html\"\u003e查看效果\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2 id=\"示例\"\u003eFilament示例\u003c/h2\u003e\n\u003cul class=\"incremental\"\u003e\n\u003cli\u003e\u003ca href=\"https://google.github.io/filament/webgl/parquet.html\"\u003e贴图材质球\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://google.github.io/filament/webgl/suzanne.html\"\u003eBlender猴头\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://google.github.io/filament/webgl/helmet.html\"\u003e头盔\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://prideout.net/knotess/\"\u003e基本纽结\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003c/div\u003e\u003c/body\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjerkwin%2Ffilamentcn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjerkwin%2Ffilamentcn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjerkwin%2Ffilamentcn/lists"}