开发者工具DEVELOPER TOOLS
bizarro/infinite-webl-gallery
用WebGL做无限滚动图片墙的开源教程和代码。A WebGL and GLSL tutorial for building an infinite auto-scrolling image gallery, aimed at front-end developers.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
造一个无限滚动的图片墙
用WebGL做出流畅的动画效果
跟着教程步骤自己动手做出来
用现成的命令启动开发服务器
生成可发布的网页版本
Run the gallery demo locally with npm
Create an infinite auto-scroll effect
Explore how GLSL shaders handle images
Adapt the MIT-licensed code for your own gallery
上手GET STARTED
文档里没有找到可识别的安装命令。这类项目按发布规则不会进入榜单，只能在这里查看。No recognisable install command was found in the docs. Projects like this never enter the ranked list under our publishing rules — they are viewable here only.
先确保已安装 Node.js，然后在项目目录里运行 npm install 安装依赖，之后用 npm start 启动本地开发服务器。Use npm install to fetch dependencies, then npm start to launch the local demo.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险，但不代表安全The static scan found no obvious known risk patterns, but that does not guarantee the code is safe. Treat it as you would any tutorial with shader and JavaScript code.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
04 OCT 202604 OCT 2026
增长GROWTH
+0.5%+0.5%
203 → 204 stars · 30 个快照203 → 204 stars · 30 snapshots
讨论DISCUSSION
1 SOURCES1 SOURCES
10 条外部提及10 external mentions
状态STATUS
长期未更新Not updated
这是一个完整的教程项目，你可以跟着一步步学会用 WebGL 和 GLSL 着色器做出无限滚动的图片画廊，效果很流畅。204 stars and 73 forks on GitHub
HN_STORY · 118 points · 16 comments
HN_STORY · 34 points · 9 comments
HN_STORY · 253 points · 23 comments
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 0,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "dev-tools",
"secondary": null
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 0,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}