创意实验室

这是我的创意实验室,记录了我用代码实现的各种想法——小游戏、视觉特效、AI应用…… 点击卡片即可进入体验

项目截图
文本转声音

文本转声音

基于 Microsoft Edge TTS 的在线语音合成服务,支持20+中文音色与多风格,提供REST接口,参数含语速、音调、音量,实时生成MP3并可播放下载

Microsoft Edge TTSRESTfulAI
体验项目
项目截图
迷宫逃生

迷宫逃生

基于原生 Web 的迷宫逃生游戏,玩家通过键盘控制角色移动,躲避障碍物并收集道具,最终到达终点。游戏包含基础动画、碰撞检测、得分系统与难度递增,界面简洁、交互流畅

HTML5CSS3JavaScript
体验项目
项目截图
点我+1

点我+1

基于原生 Web 的节奏点击小游戏:方块沿轨道下落,玩家在判定区准确点击获取得分与连击;包含基础动画、命中判定、分数统计与难度递增,界面简洁、交互流畅

HTML5CSS3JavaScript
体验项目
项目截图
数据可视化

数据可视化

基于HTML5、CSS3和JavaScript构建的响应式数据可视化仪表盘,集成Chart.js图表库,提供柱状图、折线图、饼图三种数据展示方式,支持一键刷新随机数据功能

HTML5CSS3JavaScriptChart.js
体验项目
项目截图
打字小游戏

打字小游戏

基于浏览器的打字练习游戏,提供实时速度统计、准确率计算和虚拟键盘反馈。玩家通过输入预设文本挑战打字速度,界面美观且响应迅速

HTML5CSS3JavaScript
体验项目
项目截图
天气卡片

天气卡片

一个交互式天气卡片展示页面,包含四种天气类型(晴天、雨天、雪天、风天)的动画效果。用户可通过顶部过滤按钮切换显示不同天气卡片,支持响应式布局和流畅的过渡动画

HTML5CSS3JavaScript
体验项目
项目截图
黑洞模拟器

黑洞模拟器

这是一个交互式粒子漩涡模拟器,用户可以通过鼠标点击创建黑洞效应,吸引彩色发光粒子形成漩涡,松开鼠标后粒子会散射并恢复自由运动,营造出炫酷的星空视觉效果

HTML5CanvasCSS3JavaScript
体验项目
项目截图
人生进度条

人生进度条

“人生进度条”是一款可视化网页应用,通过输入出生日期,实时计算并展示用户已走过的人生比例,以进度条形式直观呈现生命历程,辅以剩余时间预估,帮助用户感悟时间流逝,激发珍惜当下、合理规划生活的意识

HTML5CSS3JavaScript
体验项目
项目截图
弹跳小球

弹跳小球

基于HTML5 Canvas的六边形弹跳小球物理模拟器,具有深色主题界面和发光效果。用户可实时调整重力、弹性、旋转速度等参数,观察小球在旋转六边形边界内的物理运动轨迹

HTML5CanvasCSS3JavaScript
体验项目
项目截图
太阳系

太阳系

这是一个基于HTML5 Canvas的交互式太阳系模拟器,展示了八大行星围绕太阳公转的运动。用户可以通过控制面板调整模拟速度、开始/暂停动画,并重置行星位置。界面采用响应式三栏布局,包含行星图例和天体知识,提供沉浸式的宇宙探索体验

HTML5CanvasCSS3JavaScript
体验项目

更多项目正在开发中

我会持续更新这个页面,添加新的项目展示。如果你对创意实验室感兴趣, 欢迎联系我进行技术交流。