关注公众号不迷路,我将每天分享AI实操教程和技巧。
另外,我建了一个DeepSeek交流群,里面会分享:
1,DeepSeek本地部署安装的教程
2,使用技巧的教程;
3,搞副业案例。
有兴趣,添加文末微信,备注【学习】,我拉你进群。
--
传统的点名方式是一点一答式,即点名者在台上叫名字,台下人应声答到。
传统的点名方式效率也还不错,但是唯一不太好的就是有点费嗓子。
这要是一份名单有100个人,点名的人喉咙估计都要冒烟了。
自从DeepSeek出来之后,各行各业都在用它提效都在用它创新。
那传统的点名应用能不能利用DeepSeek来进行创新提效呢?答案是肯定的。
利用DeepSeek的智能大脑,完全可以编写一个3D点名应用,来让点名更加乐趣化和高效化。
在我研究了一番之后,终于用DeepSeek实现了这个应用。
话不多说,直接进入今天的教程:
利用DeepSeek实现一个炫酷的3D点名应用,实现高效化乐趣化点名!
整个教程总体分为以下两步:
1,撰写3D点名应用DeepSeek提示词;
2,让DeepSeek实现应用代码。
01 撰写3D点名应用DeepSeek提示词
DeepSeek是一个AI工具,它非常的强大。
但是要用上它的最强大脑,得要写提示词激活它的最强大脑,才能让它实现我们想要的功能。
在经过我的一番深思熟虑之后,最终写出的DeepSeek提示词如下:
# 角色你是一个精通HTML的前端编程大师# 需求请帮我完成一个课堂点名应用# 分拆需求1,使用纯HTML实现,所有js、css文件都放在一个文件中;2,每个学生都有一个自己的图片,图片下面显示学生的姓名;3,右下角有四个按钮,分别是开始、停止、重置和数量按钮,数量按钮点击后可以选择单次学生点名的数量,分别有1,2,3,4,5这五个选项,选项选中后隐藏选项卡;4,页面加载的时候,将所有的学生照片和姓名以平铺的方式展开;5,点击开始按钮后,采用3D球体的方式加载所有人的照片和姓名成为球体,球体的圆心点坐标固定变动,照片沿圆心随机快速滚动;6,点击停止按钮后,球体由快速旋转放缓,一秒后从球体中飞出指定数量的学生照片和名字,照片和名字一直显示在页面正中间;7,背景采用星空背景,并且由里向外发射粒子特效# 开始请开始实现上面的需求
这个提示词精准描述了DeepSeek扮演的角色,当有了角色限制之后,DeepSeek就会激活它关于前端开发角色的记忆,写出更加合适的代码。
把需求都描述清楚,告诉它每一步要干什么,它就会根据描述的需求去写代码。
03 将代码回答保存为HTML
在提示词写好之后,咱们要做的就是直接将描述词发送给DeepSeek就行了。
DeepSeek在接受到指令之后,就会根据指令给出代码。
这个时候就耐心的等着它把所有的代码输出完毕。
在经过一段时间的等待之后,DeepSeek就给出了完整的代码。
不过需要注意的是这个时候的代码还不能直接使用,得要将代码保存为HTML文件才能运行。
03 将代码回答保存为HTML
1,在电脑上新建一个文本文档;
2,将DeepSeek给出的HTML代码粘贴到文本文档中,并保存;
3,将文本文档重命名,并且将后缀改为html;
经过以上三步,就能在电脑浏览器中直接打开了,显示效果如下:
到这里,我们的酷炫3D点名应用就完成了!
04 写在最后
整个步骤走下来,10分钟左右就可以搞定。
按照上述步骤得到这个点名应用之后,点名者不用再望着长长的名单而摇头了,被点名的人也会觉得增加了很多趣味性!
这要放在以前的时代简直是不可能实现的事情,现在进入AI时代,一切都变得如此的简便。
最后,推荐一下我的专栏课程:
专栏一共十节课,包含DeepSeek制作小游戏和AI应用的完整课程。
学完后你将能轻松使用DeepSeek制作小游戏和应用,从此不求人!
课程大纲如下:
领取专属 10元无门槛券
私享最新 技术干货