Raymarching 演示
// preview
// description
在浏览器中观看由 GLSL 实时生成的抽象 SDF 几何与动态光影
这是一个基于 Three.js 和自定义 GLSL 片元着色器的全屏 Raymarching 演示。画面以深蓝黑色为背景，在程序化棋盘地面上呈现红色融合球体群、蓝色圆环和绿色圆角立方体。相机会自动围绕场景运动，暖色点光源同步改变照明方向，实时渲染漫反射、高光、软阴影、环境光遮蔽与距离雾。页面没有操作控件，主要用于直接观看浏览器端 SDF 建模和实时图形渲染效果。
核心亮点
SDF几何组合
多种隐式曲面同场渲染
动态光影
光源环绕并生成软阴影
全屏实时渲染
片元着色器持续绘制场景
如何使用
打开演示
进入页面后等待全屏 Canvas 完成加载，场景会自动开始实时渲染，不需要登录、选择模式或启动播放。
观看场景
保持页面打开即可观看相机围绕抽象几何体自动运动，并观察融合曲面、棋盘地面、移动光源、软阴影、高光和雾效随视角发生变化。
调整窗口
可改变浏览器窗口大小，画布分辨率和相机比例会随之更新；页面未提供旋转、缩放、参数调节或物体选择功能。
// similar sites
相似站点
98 查看详情
Snowfall
Canvas 2D 飘雪动画，包含雪花飘落、月色光晕、远山剪影
219 查看详情
无尽绽放 · Infinite Bloom
一朵由 Three.js 程序化生成的牡丹，粒子与光交织的永恒花海。
188 查看详情
地球
一个可旋转缩放的 3D 地球展示页，呈现电影感太空场景与大气层效果。
81 查看详情
太阳系 3D 动画
基于 Three.js 构建的太阳系 3D 互动动画，八大行星公转自转、土星双层光环与璀璨星空，支持拖拽旋转与缩放
94 查看详情
代码雨 - Code Rain
矩阵风格代码雨动画网页，包含实时时钟和新闻滚动条
2k 查看详情
梁文锋纪念馆
沉浸式 3D 梁文锋水下纪念馆
