安全下载,经人工审核 精选优质前端模板 支持定制开发咨询 持续更新资源
Three.js 黑洞引力透镜特效:GLSL 实时光线弯曲与吸积盘渲染
编号:黑洞特效

Three.js 黑洞引力透镜特效:GLSL 实时光线弯曲与吸积盘渲染

大小 38 KB
总文件 6 个
发布 2026-08-13
更新 2026-08-13
架构 Three.js + GLSL
分类 前端资源 - WebGL动画
目录 结构详情
童哲网
童哲网
 ·  专注前端模板资源分享
人工审核 安全可信

    这是一款黑洞引力透镜效果,基于 Three.js + GLSL 着色器实时渲染,全屏画面里没有一张贴图,全部由片元着色器逐像素算出来。它的核心是光线弯曲:屏幕上每个像素都发一条光线,在黑洞引力场里一步步积分推进,被吞掉的进入黑色视界,擦边而过的被拉成弯曲光弧——所以你能看到吸积盘绕过黑洞顶部再从底部翻上来的那个经典画面。吸积盘用体积积分累积亮度,还加了相对论多普勒效应,转向你这侧偏蓝更亮、远离一侧偏红变暗,符合真实观测中的不对称亮环。背景星空与星云同样被透镜扭曲,可以顺带看出时空的形变。

    后期串了四道处理:亮部提取、两轮高斯模糊、bloom 合成,最后走 ACES 色调映射,再补上色散、镜头鬼影和暗角。

    右侧面板可调曝光、辉光、转速、色温,能开关多普勒和星云,还提供低/中/高三档质量(本质是调整光线步进次数)。有意思的是可以往空间里输入一段文字,它会被摆在黑洞背后随透镜一起扭曲滚动。

    适用于科普展示、天文与科技主题页面、创意站首屏背景、WebGL 着色器学习参考等场景。

    

模板目录结构

    最新资源

    Three.js立体翻页书,纸雕世界展开与收合动画

    纸雕故事

    Three.js立体翻页书,纸雕世界展开与收合动画
    Three.js深海水母,发光粒子与繁衍生态模拟动画

    微光水族

    Three.js深海水母,发光粒子与繁衍生态模拟动画
    工业制造与工厂展示 HTML 响应式网站模板

    法博工业

    工业制造与工厂展示 HTML 响应式网站模板
    物流运输与货运服务 HTML 响应式网站模板

    凯运

    物流运输与货运服务 HTML 响应式网站模板
    SVG西瓜加载动画,圆弧果肉与瓜籽循环转动效果

    夏日等待

    SVG西瓜加载动画,圆弧果肉与瓜籽循环转动效果
    JavaScript液态标志,苹果轮廓流动变形效果

    流体图形

    JavaScript液态标志,苹果轮廓流动变形效果