All Projects
-
寻年传说 · 2016 春节互动 H5
预览地址:https://cailven.com/demo/ksf2016CNY/ 作品简介 2016 丙申猴年春节品牌互动 H5。以「寻年传说 · 美猴传奇」…
-
Adidas X9000 进阶未来 – 3D 全景互动 H5
项目类型: 品牌营销 H5 / 3D 互动体验 技术栈: Three.js / WebGL / AnnieJS (Flash2x) / Zepto.js 项目地…
-
Vue.js电商商城前端
使用Vue 3构建的完整电商商城前端,包含商品列表、购物车、心愿单、结账流程和用户认证。包含流畅的页面过渡、无限滚动、商品筛选和美观的UI设计。应用完全响应式,针对移动端和桌面端都进行了优化。
-
WebGL产品3D配置器
交互式3D产品配置器,允许用户实时定制产品。使用Three.js构建,用户可以更改颜色、材质、纹理并添加自定义雕刻。包含实时光照、阴影映射、PBR材质,并支持将最终设计导出为图片。非常适合电商应用。
-
Canvas太空射击小游戏
完全使用HTML5 Canvas构建的经典太空侵略者游戏现代重制版。包含霓虹风格的图形、粒子爆炸效果、升级道具、多种难度等级和本地高分记录。支持60fps流畅游戏体验、键盘和触摸双端响应控制,以及渐进式难度递增。
-
Vue.js实时数据仪表盘
使用Vue 3和Composition API构建的综合分析仪表盘。包含使用D3.js和ECharts的实时数据可视化、交互式图表、可筛选的数据表格以及深色/浅色模式切换。仪表盘完全响应式,包含流畅的动画、自定义过渡效果和模块化组件架构。支持WebSocket集成实现实时数据更新。
-
3D粒子星系探索器
使用Three.js和WebGL构建的交互式3D星系可视化项目。包含数千个动画粒子组成的螺旋星系,可响应鼠标移动。用户可以实时旋转、缩放并探索不同的星系配置。内置自定义GLSL着色器实现惊人的视觉效果,并进行了性能优化以确保60fps流畅渲染。