1.背景
用python实现经典小游戏，自己写代码费时费力，用通义灵码辅助实现，快速又准确。
2.灵码实践
2.1 第一版
输入：用python写一个推箱子游戏
灵码回答：
- 规则说明：
- 代码：
def print_map(game_map): for row in game_map: print(''.join(row)) print() def move_player(game_map, player_pos, direction): x, y = player_pos dx, dy = direction new_x, new_y = x + dx, y + dy if game_map[new_x][new_y] == '#': return False # 碰到墙壁，不能移动 if game_map[new_x][new_y] in ('.', 'G'): game_map[x][y], game_map[new_x][new_y] = game_map[new_x][new_y], game_map[x][y] return True if game_map[new_x][new_y] == 'B': box_new_x, box_new_y = new_x + dx, new_y + dy if game_map[box_new_x][box_new_y] in ('.', 'G'): game_map[box_new_x][box_new_y] = 'B' game_map[new_x][new_y] = game_map[x][y] game_map[x][y] = '.' return True return False def check_win(game_map): for row in game_map: if 'B' in row: return False return True def main(): game_map = [ ['#', '#', '#', '#', '#', '#', '#'], ['#', '.', '.', '.', '.', '.', '#'], ['#', '.', 'B', '.', '.', '.', '#'], ['#', '.', '.', '.', 'G', '.', '#'], ['#', '.', '.', '.', '.', '.', '#'], ['#', '.', '.', '.', '.', 'P', '#'], ['#', '#', '#', '#', '#', '#', '#'] ] player_pos = (5, 5) directions = { 'w': (-1, 0), # 上 's': (1, 0), # 下 'a': (0, -1), # 左 'd': (0, 1) # 右 } while True: print_map(game_map) if check_win(game_map): print("恭喜你，通关了！") break move = input("请输入方向 (w/s/a/d): ").strip().lower() if move not in directions: print("无效的输入，请输入 w/s/a/d") continue if move_player(game_map, player_pos, directions[move]): for i, row in enumerate(game_map): if 'P' in row: player_pos = (i, row.index('P')) break if __name__ == "__main__": main()
- 代码说明：
- 最终结果：
- 问题：
只能在终端里实现，交互体验不好。
2.2 第二版
输入：不要在终端上运行，希望可以在页面上运行
灵码回答：
- 实现说明
- 代码
后端代码
from flask import Flask, render_template, request, jsonify app = Flask(__name__) # 初始游戏地图 game_map = [ ['#', '#', '#', '#', '#', '#', '#'], ['#', '.', '.', '.', '.', '.', '#'], ['#', '.', 'B', '.', '.', '.', '#'], ['#', '.', '.', '.', 'G', '.', '#'], ['#', '.', '.', '.', '.', '.', '#'], ['#', '.', '.', '.', '.', 'P', '#'], ['#', '#', '#', '#', '#', '#', '#'] ] player_pos = (5, 5) directions = { 'w': (-1, 0), # 上 's': (1, 0), # 下 'a': (0, -1), # 左 'd': (0, 1) # 右 } def move_player(map_data, player_pos, direction): x, y = player_pos dx, dy = direction new_x, new_y = x + dx, y + dy if map_data[new_x][new_y] == '#': return False # 碰到墙壁，不能移动 if map_data[new_x][new_y] in ('.', 'G'): map_data[x][y], map_data[new_x][new_y] = map_data[new_x][new_y], map_data[x][y] return True if map_data[new_x][new_y] == 'B': box_new_x, box_new_y = new_x + dx, new_y + dy if map_data[box_new_x][box_new_y] in ('.', 'G'): map_data[box_new_x][box_new_y] = 'B' map_data[new_x][new_y] = map_data[x][y] map_data[x][y] = '.' return True return False def check_win(map_data): for row in map_data: if 'B' in row: return False return True .route('/') def index(): return render_template('index.html', game_map=game_map) .route('/move', methods=['POST']) def move(): global player_pos direction = request.form.get('direction') if direction in directions: if move_player(game_map, player_pos, directions[direction]): for i, row in enumerate(game_map): if 'P' in row: player_pos = (i, row.index('P')) break if check_win(game_map): return jsonify({'status': 'win'}) return jsonify({'status': 'ok', 'game_map': game_map}) if __name__ == '__main__': app.run(debug=True)
前端代码
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>推箱子游戏</title> <style> .map { display: grid; grid-template-columns: repeat(7, 50px); grid-gap: 2px; } .cell { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; } .wall { background-color: black; color: white; } .empty { background-color: lightgray; } .goal { background-color: yellow; } .box { background-color: brown; color: white; } .player { background-color: blue; color: white; } .box-goal { background-color: green; color: white; } </style> </head> <body> <div id="game-map" class="map"></div> <div> <button onclick="move('w')">上</button> <button onclick="move('a')">左</button> <button onclick="move('s')">下</button> <button onclick="move('d')">右</button> </div> <script> function updateMap(mapData) { const mapContainer = document.getElementById('game-map'); mapContainer.innerHTML = ''; mapData.forEach(row => { row.forEach(cell => { const cellElement = document.createElement('div'); cellElement.classList.add('cell'); if (cell === '#') cellElement.classList.add('wall'); else if (cell === '.') cellElement.classList.add('empty'); else if (cell === 'G') cellElement.classList.add('goal'); else if (cell === 'B') cellElement.classList.add('box'); else if (cell === 'P') cellElement.classList.add('player'); else if (cell === 'BG') cellElement.classList.add('box-goal'); cellElement.textContent = cell; mapContainer.appendChild(cellElement); }); }); } function move(direction) { fetch('/move', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: `direction=${direction}` }) .then(response => response.json()) .then(data => { if (data.status === 'win') { alert('恭喜你，通关了！'); } else { updateMap(data.game_map); } }); } document.addEventListener('DOMContentLoaded', () => { updateMap({{ game_map | tojson }}); }); </script> </body> </html>
- 代码说明
- 最终结果
3.总结
3.1 优点
- 快速生成代码：
- 通义灵码能够快速生成基本的推箱子游戏代码，节省了从零开始编写的时间。
- 提供了完整的前后端代码，包括Flask后端和HTML前端，使得开发者可以快速搭建一个可运行的Web应用。
- 代码质量较高：
- 生成的代码结构清晰，逻辑明确，符合Python和Flask的最佳实践。
- 前端代码使用了现代的HTML和JavaScript，布局合理，样式简洁。
- 易于扩展：
- 生成的代码模块化程度较高，便于后续的扩展和维护。
- 可以轻松添加更多的游戏关卡、更复杂的逻辑或改进用户界面。
- 文档和注释：
- 生成的代码包含了详细的注释，帮助开发者理解每一部分的功能。
- 提供了详细的说明文档，指导开发者如何运行和调试代码。
- 交互性强：
- 通过AJAX请求实现了前后端的交互，使得游戏体验更加流畅。
- 用户可以通过简单的按钮操作控制游戏角色，操作简单直观。
3.2 缺点
- 功能相对简单：
- 生成的推箱子游戏功能较为基础，没有复杂的游戏机制和高级特性。
- 缺乏一些常见的游戏元素，如计分系统、时间限制、多关卡等。
- 样式和用户体验：
- 生成的前端样式较为简单，可能不够吸引人。
- 用户界面的交互效果有限，缺乏动画和音效等增强用户体验的元素。
- 错误处理：
- 生成的代码在错误处理方面较为简单，可能需要开发者进一步完善。
- 例如，网络请求失败时的处理、输入验证等。
- 性能优化：
- 生成的代码在性能优化方面做得不够，特别是在处理大规模数据或高并发请求时。
- 需要开发者根据实际需求进行性能调优。
- 安全性：
- 生成的代码在安全性方面考虑较少，可能存在一些安全漏洞。
- 例如，CSRF攻击、XSS攻击等，需要开发者进行安全加固。
通义灵码生成的推箱子游戏代码具有快速生成、代码质量高、易于扩展等优点，适合快速原型开发和教学演示。然而，对于需要更高复杂度、更好用户体验和更高安全性的商业项目，还需要开发者进行进一步的开发和优化。
