Deepseek V3 案例（AI明细列）

Deepseek V3 案例（AI明细列） 🤼‍♀️ Deepseek V3 案例（AI明细列） Modified May 29 Audio or video is not supported Please download the file and open it with the appropriate software. iShot 2025 03 25 02.58.34.mp4 · 1.95MB iShot 2025 03 25 02.58.34 00:00 No access 录屏2025 03 25 17.08.42 00:00 No access 单词消消乐 00:00 No access 20250325214725 rec 00:00 No access Screen Recording 2025 03 25 at 21.52.29 00:00 No access code.html No access Screen Recording 2025 03 25 at 21.55.55 00:00 Code block HTML position: relative; } .stars { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z index: 1; } .star { position: absolute; background color: fff; border radius: 50%; animation: twinkle var( duration) infinite ease in out; } @keyframes twinkle { 0%, 100% { opacity: 0.2; } 50% { opacity: 1; } } .container { max width: 1200px; margin: 0 auto; padding: 2rem; text align: center; } header { margin bottom: 3rem; position: relative; } h1 { font family: 'Ma Shan Zheng', cursive; font size: 3.5rem; color: b38aff; text shadow: 0 0 10px 7a2aff, 0 0 20px 7a2aff; margin bottom: 1rem; animation: glow 3s ease in out infinite alternate; } @keyframes glow { from { text shadow: 0 0 10px 7a2aff, 0 0 20px 7a2aff; } to { text shadow: 0 0 15px b38aff, 0 0 30px b38aff, 0 0 40px b38aff; } } .subtitle { font size: 1.2rem; color: a0a0ff; margin bottom: 2rem; } .zodiac selector { display: grid; grid template columns: repeat(4, 1fr); gap: 1.5rem; margin bottom: 3rem; } @media (max width: 768px) { .zodiac selector { grid template columns: repeat(3, 1fr); } } @media (max width: 480px) { .zodiac selector { grid template columns: repeat(2, 1fr); } } .zodiac option { cursor: pointer; transition: all 0.3s ease; position: relative; perspective: 1000px; } .zodiac option:hover { transform: translateY( 5px); } .zodiac icon { width: 100px; height: 100px; margin: 0 auto; background size: contain; background repeat: no repeat; background position: center; transition: all 0.5s ease; transform style: preserve 3d; } .zodiac option:hover .zodiac icon { transform: rotateY(180deg) scale(1.1); } .zodiac name { margin top: 0.5rem; font size: 1.2rem; color: d0d0ff; } .horoscope result { display: none; background: rgba(20, 10, 40, 0.7); border: 1px solid 4a2a8a; border radius: 15px; padding: 2rem; margin top: 2rem; box shadow: 0 0 20px rgba(122, 42, 255, 0.3); backdrop filter: blur(10px); animation: fadeIn 1s ease out; position: relative; overflow: hidden; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .horoscope result::before { content: ''; position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; background: radial gradient(circle, rgba(122, 42, 255, 0.1) 0%, transparent 70%); z index: 1; animation: rotate 20s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .result title { font size: 2rem; color: c78aff; margin bottom: 1.5rem; display: flex; align items: center; justify content: center; } .result title img { width: 50px; height: 50px; margin right: 15px; } .result date { color: a0a0ff; margin bottom: 1.5rem; font size: 1.1rem; } .result content { text align: left; line height: 1.8; } .result category { margin bottom: 1.5rem; } .category title { font size: 1.3rem; color: b38aff; margin bottom: 0.5rem; display: flex; align items: center; } .category title::before { content: '✦'; margin right: 10px; color: 7a2aff; } .category text { font size: 1.1rem; } .lucky stats { display: flex; justify content: space around; flex wrap: wrap; margin: 2rem 0; } .lucky stat { text align: center; padding: 1rem; min width: 120px; } .stat value { font size: 1.8rem; color: f8a8ff; margin bottom: 0.5rem; } .stat label { font size: 0.9rem; color: a0a0ff; } .back btn { background: linear gradient(45deg, 7a2aff, b38aff); border: none; color: white; padding: 0.8rem 2rem; border radius: 50px; font size: 1.1rem; cursor: pointer; margin top: 1.5rem; transition: all 0.3s ease; box shadow: 0 5px 15px rgba(122, 42, 255, 0.4); } .back btn:hover { transform: translateY( 3px); box shadow: 0 8px 20px rgba(122, 42, 255, 0.6); } .constellation { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer events: none; z index: 1; opacity: 0; transition: opacity 1s ease; } .constellation.active { opacity: 0.3; } footer { margin top: 3rem; color: 7070b0; font size: 0.9rem; } / 星座图标背景 / .aries { background image: url('https://cdn icons png.flaticon.com/512/47/47015.png'); } .taurus { background image: url('https://cdn icons png.flaticon.com/512/47/47030.png'); } .gemini { background image: url('https://cdn icons png.flaticon.com/512/47/47326.png'); } .cancer { background image: url('https://cdn icons png.flaticon.com/512/47/47328.png'); } .leo { background image: url('https://cdn icons png.flaticon.com/512/47/47021.png'); } .virgo { background image: url('https://cdn icons png.flaticon.com/512/47/47023.png'); } .libra { background image: url('https://cdn icons png.flaticon.com/512/47/47025.png'); } 二师兄悟能：大鱼吃小鱼（标准版＆噩梦版）P5.JS游戏 不要玩上头哈哈 No access fish game.html 标准难度级别 Code block XML <!DOCTYPE html <html <head <title 增强版大鱼吃小鱼</title <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js" </script <style body { margin: 0; padding: 0; overflow: hidden; background color: 000; } </style </head <body <script let player; let fishes = []; let score = 0; let gameOver = false; let seaweeds = []; let rocks = []; let bubbles = []; let bgColor; function setup() { createCanvas(1000, 700); bgColor = color(10, 50, 120); player = new Player(width / 2, height / 2); // 创建初始鱼群 现在会根据玩家大小调整 createFishPopulation(); // 创建海底元素 createSeaElements(); } function createFishPopulation() { fishes = []; let baseSize = player ? player.r : 20; // 创建比玩家小的鱼 for (let i = 0; i < 15; i++) { let size = random(baseSize 0.3, baseSize 0.8); fishes.push(new Fish(random(width), random(height), size)); } // 创建和玩家差不多大的鱼 for (let i = 0; i < 5; i++) { let size = random(baseSize 0.8, baseSize 1.2); fishes.push(new Fish(random(width), random(height), size)); } // 创建比玩家大的鱼 for (let i = 0; i < 3; i++) { let size = random(baseSize 1.2, baseSize 2); fishes.push(new Fish(random(width), random(height), size)); } } function createSeaElements() { // 创建海草 for (let i = 0; i < 15; i++) { seaweeds.push(new Seaweed(random(width), height random(50, 150), random(30, 80))); } // 创建岩石 for (let i = 0; i < 8; i++) { rocks.push(new Rock(random(width), height random(20, 80), random(30, 100))); } // 创建气泡 for (let i = 0; i < 30; i++) { bubbles.push(new Bubble(random(width), random(height), random(5, 15))); } } function draw() { // 渐变海洋背景 drawGradientBackground(); // 绘制海底元素 drawSeaElements(); if (!gameOver) { // 更新并显示玩家 player.update(); player.display(); // 更新并显示鱼群 updateFishes(); // 显示游戏信息 displayGameInfo(); } else { showGameOver(); } // 每100帧检查一次鱼群比例 if (frameCount % 100 === 0) { adjustFishPopulation(); } } function drawGradientBackground() { // 从上到下的渐变海洋色 for (let y = 0; y < height; y++) { let inter = map(y, 0, height, 0, 1); let c = lerpColor(color(10, 30, 80), color(10, 80, 150), inter); stroke(c); line(0, y, width, y); } // 海底沙地 noStroke(); fill(210, 180, 140); rect(0, height 0.85, width, height 0.15); } function drawSeaElements() { // 绘制气泡 for (let bubble of bubbles) { bubble.update(); bubble.display(); } // 绘制岩石 for (let rock of rocks) { rock.display(); } // 绘制海草 for (let seaweed of seaweeds) { seaweed.wave(); seaweed.display(); } } function updateFishes() { for (let i = fishes.length 1; i = 0; i ) { fishes[i].update(); fishes[i].display(); // 检测碰撞 if (player.eats(fishes[i])) { 噩梦难度级别（大鱼会追你，小鱼会逃跑） Code block XML <!DOCTYPE html <html <head <title 大鱼吃小鱼</title <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js" </script <style body { margin: 0; padding: 0; overflow: hidden; background color: 000; font family: Arial, sans serif; } startScreen { position: absolute; width: 100%; height: 100%; background: rgba(0,50,100,0.8); display: flex; flex direction: column; justify content: center; align items: center; color: white; z index: 100; text align: center; } startBtn { padding: 15px 30px; font size: 20px; background: FF9500; color: white; border: none; border radius: 10px; cursor: pointer; margin top: 20px; transition: all 0.3s; } startBtn:hover { background: FFAA33; transform: scale(1.05); } gameInfo { position: absolute; top: 20px; left: 20px; color: white; font size: 18px; } gameTitle { font size: 48px; margin bottom: 10px; color: FF9500; text shadow: 2px 2px 4px rgba(0,0,0,0.5); } gameInstructions { max width: 500px; margin bottom: 30px; line height: 1.5; } </style </head <body <div id="startScreen" <h1 id="gameTitle" 大鱼吃小鱼</h1 <div id="gameInstructions" <p 控制小丑鱼吃掉比你小的鱼！</p <p 大鱼会追逐你，小鱼会逃离你</p <p 吃得越多，体型越大，但速度会变慢</p </div <button id="startBtn" 开始游戏</button </div <div id="gameInfo" </div <script // 游戏状态变量 let gameStarted = false; let player; let fishes = []; let score = 0; let gameOver = false; let seaweeds = []; let rocks = []; let bubbles = []; let bgColor; function setup() { let canvas = createCanvas(windowWidth, windowHeight); bgColor = color(10, 50, 120); initGameElements(); // 设置开始按钮事件监听 document.getElementById('startBtn').addEventListener('click', function() { startGame(); }); noLoop(); // 初始时不运行draw循环 } function windowResized() { resizeCanvas(windowWidth, windowHeight); } function initGameElements() { player = new Player(width / 2, height / 2); createFishPopulation(); createSeaElements(); } function startGame() { gameStarted = true; document.getElementById('startScreen').style.display = 'none'; loop(); // 开始游戏循环 } function createFishPopulation() { fishes = []; let baseSize = player ? player.r : 20; // 创建比玩家小的鱼 for (let i = 0; i < 15; i++) { let size = random(baseSize 0.3, baseSize 0.8); fishes.push(new Fish(random(width), random(height), size, false)); } // 创建和玩家差不多大的鱼 for (let i = 0; i < 5; i++) { let size = random(baseSize 0.8, baseSize 1.2); fishes.push(new Fish(random(width), random(height), size, true)); } // 创建比玩家大的鱼 for (let i = 0; i < 3; i++) { let size = random(baseSize 1.2, baseSize 2); fishes.push(new Fish(random(width), random(height), size, true)); } } function createSeaElements() { // 创建海草 for (let i = 0; i < 15; i++) { seaweeds.push(new Seaweed(random(width), height random(50, 150), random(30, 80))); } // 创建岩石 for (let i = 0; i < 8; i++) { 标准版演示 No access 20250325230653 rec 00:00 噩梦版演示 No access 20250325232537 rec 00:00 飞机大战（竟然做成死神镰刀的感觉） 🎉 提示词 用HTML5 Canvas做一个飞机大战的游戏。要求如下： 1） 有终局BOSS关卡，终局BOSS有自己独有的技能，终局BOSS消灭有难度，只有消灭终局BOSS游戏才能通关 2）击败敌机后会随机爆一些道具，道具可以增加子弹威力、效果，也可以让自己短时间内变大。道具吃到了就要马上用掉，有时间限制 3）击败敌机会有经验值，经验够了会升级，升级后会有更强大的子弹技能。 4） 会有一些小BOSS，小BOSS血厚一点，击败会爆一些更强的道具 No access 3月25日 (1)(1) 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. iShot 2025 03 25 02.58.34.mp4 · 1.95MB iShot 2025 03 25 02.58.34 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. iShot 2025 03 25 02.58.34.mp4 · 1.95MB iShot 2025 03 25 02.58.34 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. iShot 2025 03 25 02.58.34.mp4 · 1.95MB iShot 2025 03 25 02.58.34 00:00 Audio or video is not supported Please download the file and open it with the appropriate software. iShot 2025 03 25 02.58.34.mp4 · 1.95MB iShot 2025 03 25 02.58.34 00:00 No access 录屏2025 03 25 17.08.42 00:00 No access 录屏2025 03 25 17.08.42 00:00 No access 单词消消乐 00:00 No access 单词消消乐 00:00 No access 20250325214725 rec 00:00 No access 20250325214725 rec 00:00 No access Screen Recording 2025 03 25 at 21.52.29 00:00 No access code.html No access Screen Recording 2025 03 25 at 21.52.29 00:00 No access Screen Recording 2025 03 25 at 21.52.29 00:00 No access Screen Recording 2025 03 25 at 21.52.29 00:00 No access code.html No access code.html No access code.html No access Screen Recording 2025 03 25 at 21.55.55 00:00 No access Screen Recording 2025 03 25 at 21.55.55 00:00 Code block HTML position: relative; } .stars { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z index: 1; } .star { position: absolute; background color: fff; border radius: 50%; animation: twinkle var( duration) infinite ease in out; } @keyframes twinkle { 0%, 100% { opacity: 0.2; } 50% { opacity: 1; } } .container { max width: 1200px; margin: 0 auto; padding: 2rem; text align: center; } header { margin bottom: 3rem; position: relative; } h1 { font family: 'Ma Shan Zheng', cursive; font size: 3.5rem; color: b38aff; text shadow: 0 0 10px 7a2aff, 0 0 20px 7a2aff; margin bottom: 1rem; animation: glow 3s ease in out infinite alternate; } @keyframes glow { from { text shadow: 0 0 10px 7a2aff, 0 0 20px 7a2aff; } to { text shadow: 0 0 15px b38aff, 0 0 30px b38aff, 0 0 40px b38aff; } } .subtitle { font size: 1.2rem; color: a0a0ff; margin bottom: 2rem; } .zodiac selector { display: grid; grid template columns: repeat(4, 1fr); gap: 1.5rem; margin bottom: 3rem; } @media (max width: 768px) { .zodiac selector { grid template columns: repeat(3, 1fr); } } @media (max width: 480px) { .zodiac selector { grid template columns: repeat(2, 1fr); } } .zodiac option { cursor: pointer; transition: all 0.3s ease; position: relative; perspective: 1000px; } .zodiac option:hover { transform: translateY( 5px); } .zodiac icon { width: 100px; height: 100px; margin: 0 auto; background size: contain; background repeat: no repeat; background position: center; transition: all 0.5s ease; transform style: preserve 3d; } .zodiac option:hover .zodiac icon { transform: rotateY(180deg) scale(1.1); } .zodiac name { margin top: 0.5rem; font size: 1.2rem; color: d0d0ff; } .horoscope result { display: none; background: rgba(20, 10, 40, 0.7); border: 1px solid 4a2a8a; border radius: 15px; padding: 2rem; margin top: 2rem; box shadow: 0 0 20px rgba(122, 42, 255, 0.3); backdrop filter: blur(10px); animation: fadeIn 1s ease out; position: relative; overflow: hidden; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .horoscope result::before { content: ''; position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; background: radial gradient(circle, rgba(122, 42, 255, 0.1) 0%, transparent 70%); z index: 1; animation: rotate 20s linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .result title { font size: 2rem; color: c78aff; margin bottom: 1.5rem; display: flex; align items: center; justify content: center; } .result title img { width: 50px; height: 50px; margin right: 15px; } .result date { color: a0a0ff; margin bottom: 1.5rem; font size: 1.1rem; } .result content { text align: left; line height: 1.8; } .result category { margin bottom: 1.5rem; } .category title { font size: 1.3rem; color: b38aff; margin bottom: 0.5rem; display: flex; align items: center; } .category title::before { content: '✦'; margin right: 10px; color: 7a2aff; } .cate