读心术纸牌魔术这是一款互动式纸牌心灵魔术网页应用,用户通过选择一张牌,系统最终会神奇地揭示用户心中的牌。页面采用纯原生 JavaScript 实现逻辑,结合 CSS 动画(如 keyframes、hover 效果)和响应式设计,增强用户沉浸感和互动性。视觉上使用烟雾视频背景、卡片浮动发光动画等现代前端技术,带来神秘的视觉体验。 Published on2025-07-11//趣玩前端
一个看起来就很厉害的表这是一个基于 WebGL 和 GLSL Fragment Shader 实现的 3D 着色器时钟动画示例,使用了高精度浮点运算与符号距离函数(SDF)技术,实时渲染小时、分钟与秒钟刻度,展现了 Shader 在时间动画和数字建模上的高级应用。Published on2025-07-10//趣玩前端
放烟花这是一个使用 HTML5 Canvas 和原生 JavaScript 实现的烟花动画教程,展示了如何通过 requestAnimationFrame 创建流畅粒子效果,适合前端动画初学者学习图形绘制与性能优化技巧。Published on2025-07-09//趣玩前端
3D 抽屉柜本页面展示了一个完全使用纯 CSS 和 HTML5 <details> 与 <summary> 标签实现的 3D 抽屉式柜子,无需 JavaScript,适用于创意 UI 设计演示,体现 CSS 变量与 3D 变换的高级用法。Published on2025-07-09//趣玩前端
给小熊投喂甜甜圈一个用 HTML5、CSS3 和原生 JavaScript 实现的可拖拽互动小游戏,用户通过拖动甜甜圈喂给小熊,体验动画反馈和动态元素效果,适合前端动画和交互设计学习者参考。Published on2025-07-08//趣玩前端
蜡笔小新使用纯 CSS 和 HTML 构建蜡笔小新动画角色,包含头发、眼睛、面部、手脚等多个细节模块,并通过 CSS 动画实现呼吸效果,展示 CSS 绘图与动画的高级应用。Published on2025-07-07//趣玩前端
吉卜力风吉卜力风格的 WebGL 三维场景,基于 Three.js 和自定义 Shader 实现动态光照、粒子动画与模型交互,适用于前端三维可视化项目参考。 Published on2025-07-04//趣玩前端
3D 叠塔游戏这是一个使用 Three.js 和 GSAP 构建的 3D 叠塔游戏,玩家通过点击或按空格键精准放置方块挑战极限,支持动画过渡和响应式视口设计,适合展示 WebGL、动画控制和游戏逻辑实现能力。Published on2025-07-03//趣玩前端
海贼王我当定了!使用 HTML 与纯 CSS 绘制的路飞头像,呈现帽子、面部、头发等多层细节造型,无需图像资源即可实现高质量动漫角色展示,适合用于 CSS 绘图、前端动画、纯前端项目展示或简历作品集。Published on2025-07-02//趣玩前端