CSS实现3D国际象棋模型这是一款基于纯 CSS 实现的 3D 立体国际象棋棋盘示例,支持动态旋转展示,拥有完整棋子造型与棋盘阴影效果,无需 JavaScript,即可呈现沉浸式 3D 可视化效果,适合前端学习与视觉演示。
源码学习——手写 zustand《手写 Zustand》完整教程,带你从零实现一个简易状态管理库,讲解核心原理、闭包状态存储、发布订阅模式,以及 React 中的 useSyncExternalStore 用法,帮你深入理解 Zustand 工作机制。
用代码画一个佐助这是一幅使用纯CSS绘制的《火影忍者》角色宇智波佐助像素画,采用HTML5与CSS3实现,无需图片,通过伪元素与box-shadow属性精准还原角色外观,展示前端像素艺术创作与CSS像素绘图技巧。
起飞咯这是一个基于 Three.js 的低多边形 3D 世界实验,展示动态场景渲染、光照、阴影、天空与地形效果,用户可以通过鼠标控制飞机移动。项目包含旋转的森林、飞行的飞机、太阳和天空等元素,适合作为 WebGL 可视化、3D 前端交互和 Three.js 学习示例。
弓箭射靶小游戏一个基于 HTML5 SVG、GSAP 动画和 JavaScript 实现的弓箭射击靶心小游戏,支持鼠标与触摸操作,真实弓弦拉伸与箭矢飞行动画,命中靶心时触发动态提示效果,适合前端动画与交互练习。
两只蜡烛的创意 Loading一个使用纯 CSS 实现的趣味蜡烛动画示例,包含背景切换、火焰跳动、眼睛眨动、烟雾飘散等效果,展示 CSS3 动画、transform、keyframes 的创意用法,适合前端开发者学习纯 CSS 动画技巧。
一个抽象搞怪的 404 页面一个简洁美观的自定义404错误页面模板,使用Bootstrap 3和Google Fonts Arvo字体设计,支持响应式布局和CSS动画背景,适合网站错误页面优化与用户体验提升。
让小熊吃到星星《让小熊吃到星星》是一款基于 HTML5 Canvas 的益智小游戏,玩家通过拖动和旋转网格,引导小熊抵达星星位置。游戏使用原生 JavaScript、CSS3 动画和交互事件处理,支持多关卡选择和物理旋转效果,提供流畅的网页端游戏体验。
脉冲星崩解一个基于 Three.js WebGL 粒子特效 的互动演示,展示“脉冲星崩解”视觉效果。支持主题切换(熔岩、宇宙、翡翠)、粒子动画、冲击波效果和交互式控制,结合 UnrealBloomPass 后处理、OrbitControls 相机控制,实现沉浸式 3D 动态体验。
可爱的柴犬一个基于 Vue.js 的可爱柴犬互动组件示例,结合 SVG 与 CSS 动画实现角色表情、耳朵和眼睛的动态效果,支持随机化展示多种柴犬角色(Ume、Sesame、Tuna、Okaka 等)。
狼来了这是一款基于 Three.js 和 GSAP TweenMax 开发的 3D 网页小游戏,玩家操控兔子奔跑、跳跃并收集胡萝卜,同时躲避刺猬。游戏使用 WebGL 渲染、响应式设计,支持鼠标与触屏交互,适合展示前端动画、3D 建模与游戏开发技巧。
经典泡泡消消乐一款基于 HTML5 Canvas 与原生 JavaScript 开发的泡泡龙消除游戏,支持鼠标与触摸操作,采用模块化脚本(grid.js、ball.js、shooter.js、manager.js)实现动态渲染与交互,适合前端开发学习与游戏案例展示。
彩虹兄弟 Loading本页面展示了一个基于HTML5、CSS3和SVG动画实现的多彩几何角色与爆炸特效的创意互动场景,使用关键帧动画(@keyframes)、Bezier缓动函数、prefixfree库自动添加CSS前缀,营造连续运动和动态变化效果,适合动画效果示例与前端动画技术学习。