首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我用DeepSeek做了一个酷炫的3D点名应用,成功实现了乐趣化点名!

关注公众号不迷路,我将每天分享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制作小游戏和应用,从此不求人!

课程大纲如下:

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OqhOX1jDpWP33iCsMkqGE4og0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券