嘉·阿旭·豪
// preview
// description
拖动旋转一张双图光栅收藏卡，在雨中伫立与雨中奔跑两个形态间切换
这是一张可以在浏览器里自由转动和翻面的双图光栅收藏卡展示页。卡面收录了同一个人物在雨中操场上的两个完整形态，一态雨中伫立，一态雨中奔跑，拖动卡片或旋转角度即可在两者之间切换。页面右侧提供转动角度、自动旋转、复位、翻面与保存等操作，并可用滑杆调节镭射、粒子和轮廓光三种光效；顶部还可打开原画对照，并排查看两幅原始插画。
核心亮点
双形态光栅卡
转动卡面即可切换伫立与奔跑
实时立体质感
卡片有厚度、光泽与雨点粒子
三种光效可调
镭射、粒子、轮廓光滑杆控制
原画对照
并排查看两幅原始插画
如何使用
打开卡片
进入页面后，卡片会显示在中央，默认是雨中伫立的形态。把鼠标移到卡面上左右拖动，或在右侧拖动转动滑杆，卡面会随角度实时变化。
切换形态
当卡片转到一定角度时，画面会从伫立形态转换到奔跑形态；也可以直接点右侧的雨中伫立或雨中奔跑按钮，在两个形态之间快速切换。
调整光效与视角
在右侧光效区拖动镭射、粒子和轮廓光滑杆，可以改变卡面的反光和雨点效果；点自动让卡片自行旋转，点复位回到正面，点背面翻到卡背。
查看原画
点页面顶部的对照原画按钮，会弹出并排显示的两幅原始插画，可对比两个形态的构图；看完点关闭即可返回卡片主界面。
// similar sites
相似站点
18 查看详情
幻光典藏 · 嘉豪赛博镭射卡
可拖动转卡、翻面赏背面的赛博朋克全息镭射卡，镭射光泽与视差随视角实时变化。
221 查看详情
无尽绽放 · Infinite Bloom
一朵由 Three.js 程序化生成的牡丹，粒子与光交织的永恒花海。
6 查看详情
嘉·阿旭·豪
一张双图光栅收藏卡：拖动卡面，雨中的他从伫立转为奔跑。
198 查看详情
地球
一个可旋转缩放的 3D 地球展示页，呈现电影感太空场景与大气层效果。
100 查看详情
Raymarching 演示
基于 Three.js 的纯 GLSL Raymarching 渲染演示，包含 SDF 图元、平滑混合与实时光照
101 查看详情
Snowfall
Canvas 2D 飘雪动画，包含雪花飘落、月色光晕、远山剪影
