1. 首页>>数字工具>>AI智用

DeepSeek案例:生成动态的天气卡片

1、登录DeepSeek
网页直接搜索deepseek官方网站进入。

2、输入指令:
Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each. --thinking_budget 4096

---
##创建一个包含CSS和JavaScript的单个HTML文件,用于生成动态天气卡片。卡片应通过独特动画展示以下天气条件:
风:例如移动的云朵、摇曳的树木或风线
雨:例如下落的雨滴、形成的水洼
晴:例如闪耀的光线、明亮的背景
雪:例如飘落的雪花、积雪效果
##要求:
所有天气卡片需横向并排显示
卡片使用暗色背景
所有HTML、CSS和JavaScript代码需整合在单个文件中
JavaScript需包含切换不同天气状态的机制(例如函数或按钮组)来演示各自动画
总代码量需控制在4096字符内

3、生成代码:
DeepSeek基于输入的指令,快速生成对应的HTML代码。

4、检查与修改:
仔细检查生成的代码,若有不符合预期的地方,如游戏规则、界面设计等问题,及时要求DeepSeek修改。

5、保存与测试:
打开电脑中的记事本,把代码复制到记事本中保存,然后记事本的txt格式修改为“html”,双击该文件,在浏览器中打开进行测试,查看游戏是否能正常运行,体验效果。

本文采摘于网络,不代表本站立场,转载联系作者并注明出处:https://www.youbanjiaoyu.com/AI/201.html

联系我们

在线咨询:点击这里给我发消息

微信号:18689207989

工作日:9:30-18:30,节假日休息