让环保成为一种习惯,让万物皆可灵

万物可灵 —— 项目介绍文字稿

环保主题互动学习应用

【标签】 社会公益

【标题】 社会公益赛道 + 万物可灵

1. 创意名称 + 创意介绍

创意名称

万物可灵

想解决什么问题

当前社会环保意识虽然逐渐增强,但大多数人缺乏系统的环保知识学习渠道,且环保行动难以坚持。特别是垃圾分类等实用技能,学习过程枯燥乏味,难以形成长期习惯。我们希望通过一款互动性强、趣味性高的 Web 应用,降低环保学习和实践的门槛,让每个人都能轻松参与环保,将环保理念融入日常生活。

为什么会想到做这个

灵感来源于日常生活中看到很多人对环保有热情但无从下手——想学习不知道去哪学,想行动不知道做什么,做了也难以追踪成效。同时,现有的环保类应用大多偏向资讯阅读,缺乏互动性和游戏化激励机制。我们希望打造一款"寓教于乐"的产品,让环保变得像玩游戏一样有趣,让用户在轻松愉快的氛围中自然而然地养成环保习惯。

大概是什么产品

万物可灵是一款基于纯前端技术(HTML/CSS/JavaScript)开发的环保主题互动 Web 应用,无需下载安装,浏览器即可使用。应用整合了环保知识学习、趣味小游戏、每日行动打卡、生态花园养成四大核心模块,配合精美的视觉设计和丰富的交互体验,让用户在轻松愉快的氛围中提升环保素养。应用采用手机号验证码登录,所有数据通过 localStorage 本地持久化存储,支持头像切换、壁纸自定义、音效开关等个性化设置。

2. 目标用户及痛点

面向哪些用户

核心用户群体为 12-35 岁的学生及年轻职场人群,包括对环保感兴趣但知识储备不足的初学者、希望培养环保习惯的行动派、以及需要垃圾分类等实用技能指导的家庭用户。此外,关注生态保护和可持续发展的教育工作者、社区志愿者也是潜在用户。

在什么场景下使用

用户在以下场景中使用万物可灵:

• 课间休息、通勤途中、睡前等碎片时间打开应用,学习一节环保课程或阅读电子书

• 在日常生活中完成环保行动后,通过打卡功能记录并获取"森光"奖励

• 在休闲娱乐时,通过垃圾分类、接水滴等小游戏巩固知识、放松心情

• 通过生态花园的养成系统,持续关注和照料虚拟植物,获得成就感

当前痛点

如果没有万物可灵,用户现在会遇到这些不便:

• 环保知识分散在各类文章和视频中,缺乏系统性和趣味性,学习门槛高

• 垃圾分类规则复杂难记,没有即时练习和反馈的通道,容易混淆

• 环保行动缺乏记录和激励,难以形成持续习惯,容易半途而废

• 现有的环保 APP 功能单一,要么纯阅读要么纯游戏,无法形成"学习—实践—反馈"的闭环

3. 价值与意义

社会价值

万物可灵的核心价值在于推动环保教育的普及化和趣味化。通过游戏化设计,将原本枯燥的环保知识转化为可互动、可挑战的内容,显著降低学习门槛。应用中的每日打卡机制帮助用户建立环保行动的正向循环,答对奖励"森光"、答错扣分的反馈机制强化了学习效果。生态花园养成系统则通过可视化成长给予用户持续的动力。长期来看,这有助于培养一代具有环保意识和行动力的公民,从个体习惯的改变推动社会整体的可持续发展。

效率提升

应用将环保学习、知识检验、行动记录、娱乐放松四大功能整合在一个平台中,用户无需在多个 APP 之间切换。例如,用户可以在学习完"塑料污染"课程后,立即通过垃圾分类游戏进行实战演练,再在现实生活中完成分类打卡,形成完整的学习闭环。生态日记按天组织内容,方便用户回顾自己的环保足迹。这种一站式设计大幅提升了用户获取环保知识和养成环保习惯的效率。

4. 创意产物介绍

本创意产物为使用 TRAE Work 开发的完整 HTML 单页应用,包含以下核心功能模块:

登录与个性化系统

支持手机号验证码登录,同一手机号保持统一打卡项目设置。提供 6 款精美头像自由切换,壁纸系统内置 27 张自然风景、油画和漫画风格壁纸,同时支持本地上传自定义背景。个人中心可查看森光积分统计、打卡记录,并自主控制音效开关。

环保知识学习

涵盖气候变化、塑料污染、森林保护、清洁能源、节水节电、低碳生活六大主题的课程卡片,每个课程配有主题色、封面图及鼠标悬停动效。支持电子书阅读模式和视频学习模式,学习完成后可进入问答测验(每主题 6 道题,共 36 道),答对获得森光奖励。

环保行动打卡

提供节约用水、垃圾分类、节电、减塑、低碳出行、惜食六大打卡主题。采用日历式界面,点击日期弹窗确认是否打卡,支持拖放打勾图标完成打卡并允许添加心得。打卡记录按天分组显示,已打卡日期绿色标识,未打卡红色标识,直观清晰。

生态花园系统

用户通过接水滴游戏收集水资源(点击控制桶位置接水滴,速度渐增),收集的水用于浇灌花园。花园商店提供 10 种植物种子和 6 种装饰道具,种植后可观察植物成长,收获后解锁生态知识小贴士。

环保小游戏

包含三款趣味游戏:垃圾分类拖拽游戏(将垃圾拖拽至对应垃圾桶,答对 +5 森光,答错 -5 森光,垃圾持续生成);接水滴游戏(点击控制水桶左右移动接水滴,速度渐增);环保翻翻看配对游戏(翻转卡片寻找相同环保图标,锻炼记忆力)。

视听体验

应用配备完整的音效系统,包含翻书页声、水滴声、答对叮咚声、答错滴滴声。登录页面采用动态渐变色背景及小花飘落动画,营造温馨自然的氛围。所有弹窗(打卡、游戏、电子书、视频)均采用全屏显示,沉浸式体验。

徽章与成就

设置 6 级成就徽章:入门学徒、知识探索者、答题高手、行动先锋、花园园丁、生态守护者。用户通过完成学习任务、保持答题正确率、坚持每日打卡、种植植物、连续行动等途径解锁徽章,获得持续的动力和成就感。

—— 让环保成为一种习惯,让万物皆可灵 ——

万物可灵最新版.html (176.4 KB)

21 个赞

太厉害了!!!

5 个赞

厉害厉害,自叹不如!(要是有API就更好了) :nerd_face:

4 个赞

肯定会加API,只不过现在没有太多资源。你做的也特别好,不愧是高材生!!

5 个赞

过来撑个厂子,挺有创意的

5 个赞

补充一下:我的梦想是成为一名世界级的自然环保科学家,代表中国站上诺贝尔奖的领奖台,用深度的科学研究为全球环境保护贡献中国智慧。然而,我也深知一个朴素的道理:环保从来不是一个人的孤勇之行——一个人无法捡净整片大地的垃圾,也无法独自净化每一滴污水。真正的环保,需要唤醒千千万万人的力量,让每个人都成为守护地球的行动者。正是这份信念,催生了「万物可灵」。我希望通过这款应用,将晦涩的环保知识转化为每个人都能轻松理解、乐于参与的内容,让环保不再是少数人的坚持,而是全社会的共识。当越来越多的人开始行动,微小的力量就会汇聚成改变世界的洪流。还人们一个更加美好的地球——这是我最大的心愿,也是万物可灵存在的意义。

4 个赞

好好! :grinning_face:!!!!!!太好了

4 个赞

黄嘉琪给我点赞

5 个赞

你谁呀你!

4 个赞

我跟黄嘉琪的梦想一样哦!我们是同学和梦想合伙人

3 个赞

能够借此机会更进一步的实现自己的梦想,想法很好哦 :+1:

3 个赞

对的,我们的梦想都是成为世界级的自然科学家,包括邰艺阳(人人帮作者)。

3 个赞

是的我们都是梦想合伙人

3 个赞

不错呀!还把梦想发出去!有高见!

2 个赞

黄嘉琪我要和你一起做,如果我们能过初赛就无敌了,这个特别的受欢迎,

4 个赞

当然可以!

2 个赞

加油吧!我看到这个是很多人喜欢!加油,拿下初赛!wish you guys luke

1 个赞

建议前期使用邮箱注册登录(零成本),数据最好是用接口获取,做的很好加油已点赞,最后请问你的速优通领取成功了吗

3 个赞

已经领了速通了谢谢!不过有点不明白前期使用邮箱注册登录(零成本),数据最好是用接口获取是什么意思

1 个赞

现在你这个手机号注册没啥没接入api吗都进不去,可以先用邮箱注册登录是免费的,用户的数据最好别都存到本地

1 个赞