斗地主小游戏
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>斗地主</title><style>.game-container {width: 1000px;height: 700px;margin: 0 auto;position: relative;background: #35654d;border-radius: 10px;padding: 20px;}.player-area {position: absolute;padding: 10px;}#player1 {left: 20px;top: 40%;transform: translateY(-50%);width: 100px;height: 400px;}#player2 {right: 20px;top: 40%;transform: translateY(-50%);width: 100px;height: 400px;}.played-area.vertical-cards .card {margin-bottom: -50px;transform-origin: center;margin-right: 0;display: block;/* 改为块级元素实现垂直排列 */}#player1Played {left: 160px;top: 45%;transform: translateY(-50%);width: 100px;/* 调整宽度适应单张牌 */height: 200px;display: flex;flex-direction: column;/* 垂直方向排列 */align-items: center;}#player2Played {right: 160px;top: 45%;transform: translateY(-50%);width: 100px;/* 调整宽度适应单张牌 */height: 200px;display: flex;flex-direction: column;/* 垂直方向排列 */align-items: center;}#playerHand {bottom: 60px;left: 50%;transform: translateX(-50%);width: 740px;height: 120px;}.vertical-cards .card {margin-bottom: -50px;transform-origin: center;margin-right: 0;}.vertical-cards .card {margin-bottom: -50px;transform-origin: center;margin-right: 0;}.played-area {position: absolute;width: 200px;height: 100px;background: rgba(255, 255, 255, 0.1);border-radius: 5px;display: flex;justify-content: center;align-items: center;}#playerPlayed {left: 50%;bottom: 220px;transform: translateX(-50%);}.card {display: inline-block;width: 50px;height: 70px;background: white;border: 1px solid #000;margin-right: -25px;text-align: left;padding: 5px;cursor: pointer;user-select: none;position: relative;vertical-align: top;font-weight: bold;}.card::before {content: attr(data-value);position: absolute;top: 2px;left: 2px;font-size: 12px;}.card:hover {transform: translateY(-14px);transition: transform 0.2s ease;}.card.selected {transform: translateY(-14px);background: #ffeb3b;}#player1 .card {transform: rotate(90deg);margin-bottom: -50px;}#player2 .card {transform: rotate(-90deg);margin-bottom: -50px;}#player1Played .card {transform: rotate(90deg);margin-bottom: -50px;vertical-align: top;}/* #player2Played .card {transform: rotate(-90deg);margin-bottom: -50px;vertical-align: top;} */#player2Played .card {transform: rotate(-90deg);margin-bottom: -50px;vertical-align: top;position: relative;/* 添加相对定位 */}#player2Played .card:nth-child(1) {z-index: 10;}#player2Played .card:nth-child(2) {z-index: 9;}#player2Played .card:nth-child(3) {z-index: 8;}#player2Played .card:nth-child(4) {z-index: 7;}#player2Played .card:nth-child(5) {z-index: 6;}#player2Played .card:nth-child(6) {z-index: 5;}#player2Played .card:nth-child(7) {z-index: 4;}#player2Played .card:nth-child(8) {z-index: 3;}#player2Played .card:nth-child(9) {z-index: 2;}#player2Played .card:nth-child(10) {z-index: 1;}.vertical-cards .card:hover {transform: rotate(-90deg) translateX(-14px);}#player2 .card:hover {transform: rotate(90deg) translateX(-14px);}.vertical-cards .card.selected {transform: rotate(-90deg) translateX(-14px);}#player2 .card.selected {transform: rotate(90deg) translateX(-14px);}.card.red {color: red;}.card.black {color: black;}.card.joker {color: #ff4081;}.card.jokerSmall {color: black;}.played-cards {position: absolute;top: 50%;left相关文章：
斗地主小游戏
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>斗地主</title><style>.game-container {width: 1000px;height: 700px;margin: 0 auto;position: relative;background: #35654d;border-radius: 10px;padding…...
如何改变怂怂懦弱的气质（2）
你是否曾经因为害怕失败而逃避选择？是否因为不敢拒绝别人而让自己陷入困境？是否因为过于友善而被人轻视？如果你也曾为这些问题困扰，那么今天的博客就是为你准备的。我们将从行动、拒绝、自我认知、实力提升等多个角度，…...
C# OnnxRuntime部署DAMO-YOLO人头检测
目录 说明 效果 模型信息 项目 代码 下载 参考 说明 效果 模型信息 Model Properties ------------------------- --------------------------------------------------------------- Inputs ------------------------- name：input tensor：Floa…...
基于GeoTools的GIS专题图自适应边界及高宽等比例生成实践
目录 前言 一、原来的生成方案问题 1、无法自动读取数据的Bounds 2、专题图高宽比例不协调 二、专题图生成优化 1、直接读取矢量数据的Bounds 2、专题图成果抗锯齿 3、专题成果高宽比例自动调节 三、总结 前言 在当今数字化浪潮中，地理信息系统（…...
各种DCC软件使用Datasmith导入UE教程
3Dmax: 先安装插件 https://www.unrealengine.com/zh-CN/datasmith/plugins 左上角导出即可 虚幻中勾选3个插件,重启引擎 左上角选择文件导入即可 Blender导入Datasmith进UE 需要两个插件, 文章最下方链接进去下载安装即可 一样的,直接导出,然后UE导入即可 C4D 直接保存成…...
尚硅谷爬虫note15
一、当当网 1. 保存数据 数据交给pipelines保存 items中的类名： DemoNddwItem class DemoNddwItem(scrapy.Item): 变量名 类名（） book DemoNddwItem(src src, name name, price price)导入： from 项目名.items import 类…...
云原生系列之本地k8s环境搭建
前置条件 Windows 11 家庭中文版，版本号 23H2 云原生环境搭建 操作系统启用wsl(windows subsystem for linux) 开启wsl功能，如下图 安装并开启github加速器 FastGithub 2.1 下载地址：点击下载 2.2 解压安装文件fastgithub_win-x64.zip 2…...
关于tomcat使用中浏览器打开index.jsp后中文显示不正常是乱码，但英文正常的问题
如果是jsp文件就在首行加 “<% page language"java" contentType"text/html; charsetUTF-8" pageEncoding"UTF-8" %>” 如果是html文件 在head标签加入： <meta charset"UTF-8"> 以jsp为例子，我们…...
mysql foreign_key_checks
foreign_key_checks是一个用于设置是否在DML/DDL操作中检查外键约束的系统变量。该变量默认启用，通常在正常操作期间启用以强制执行参照完整性。 功能描述 foreign_key_checks用于控制是否在DML（数据操纵语言）和DDL（数据定义…...
开发环境搭建-06.后端环境搭建-前后端联调-Nginx反向代理和负载均衡概念
一.前后端联调 我们首先来思考一个问题 前端的请求地址是：http://localhost/api/employee/login 后端的接口地址是：http://localhost:8080/admin/employee/login 明明请求地址和接口地址不同，那么前端是如何请求到后端接口所响应回来的数…...
REST API前端请求和后端接收
1、get请求，带"?" http://localhost:8080/api/aop/getResult?param123 GetMapping("getResult")public ResponseEntity<String> getResult(RequestParam("param") String param){return new ResponseEntity<>("12…...
道可云人工智能每日资讯｜《奇遇三星堆》VR沉浸探索展（淮安站）开展
道可云元宇宙每日简报（2025年3月5日）讯，今日元宇宙新鲜事有： 《奇遇三星堆》VR沉浸探索展（淮安站）开展 近日，《奇遇三星堆》VR沉浸探索展（淮安站）开展。该展将三星堆文…...
服务器数据恢复—raid5阵列中硬盘掉线导致上层应用不可用的数据恢复案例
服务器数据恢复环境&故障： 某公司一台服务器，服务器上有一组由8块硬盘组建的raid5磁盘阵列。 磁盘阵列中2块硬盘的指示灯显示异常，其他硬盘指示灯显示正常。上层应用不可用。 服务器数据恢复过程： 1、将服务器中所有硬盘编号…...
【Pandas】pandas Series swaplevel
Pandas2.2 Series Computations descriptive stats 方法描述Series.argsort([axis, kind, order, stable])用于返回 Series 中元素排序后的索引位置的方法Series.argmin([axis, skipna])用于返回 Series 中最小值索引位置的方法Series.argmax([axis, skipna])用于返回 Series…...
esp32s3聊天机器人（二）
继续上文，硬件软件准备齐全，介绍一下主要用到的库 sherpa-onnx 开源的，语音转文本、文本转语音、说话人分类和 VAD，关键是支持C#开发 OllamaSharp 用于连接ollama，如其名C#开发 虽然离可玩还有一段距离࿰…...
pyside6学习专栏(九):在PySide6中使用PySide6.QtCharts绘制6种不同的图表的示例代码
PySide6的QtCharts类支持绘制各种型状的图表，如面积区域图、饼状图、折线图、直方图、线条曲线图、离散点图等，下面的代码是采用示例数据绘制这6种图表的示例代码,并可实现动画显示效果，实际使用时参照代码中示例数据的格式将实际数据替换即可…...
DVI分配器2进4出，2进8出，2进16出，120HZ
DVI（Digital Visual Interface）分配器GEFFEN/HDD系列是一种设备，它能够将一个DVI信号源的内容复制到多个显示设备上。根据您提供的信息，这里我们关注的是具有2个输入端口和多个（4个、8个或16个）输出端口的D…...
迷你世界脚本文字板接口：Graphics
文字板接口：Graphics 彼得兔 更新时间: 2024-08-27 11:12:18 具体函数名及描述如下: 序号 函数名 函数描述 1 makeGraphicsText(...) 创建文字板信息 2 makeflotageText(...) 创建漂浮文字信息 3 makeGraphicsProgress(...) 创建进度条信息…...
5分钟速览深度学习经典论文 —— attention is all you need
《Attention is All You Need》是一篇极其重要的论文，它提出的 Transformer 模型和自注意力机制不仅推动了 NLP 领域的发展，还对整个深度学习领域产生了深远影响。这篇论文的重要性体现在其开创性、技术突破和广泛应用上，是每一位深度学习研究…...
Cursor + IDEA 双开极速交互
相信很多开发者朋友应该和我一样吧，都是Cursor和IDEA双开的开发模式:在Cursor中快速编写和生成代码，然后在IDEA中进行调试和优化 在这个双开模式的开发过程中，我就遇到一个说大不大说小不小的问题： 得在两个编辑器之间来回切换查…...
调用支付宝接口响应40004 SYSTEM_ERROR问题排查
在对接支付宝API的时候，遇到了一些问题，记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...
中南大学无人机智能体的全面评估！BEDI：用于评估无人机上具身智能体的综合性基准测试
作者：Mingning Guo, Mengwei Wu, Jiarun He, Shaoxian Li, Haifeng Li, Chao Tao单位：中南大学地球科学与信息物理学院论文标题：BEDI: A Comprehensive Benchmark for Evaluating Embodied Agents on UAVs论文链接：https://arxiv.…...
django filter 统计数量 按属性去重
在Django中，如果你想要根据某个属性对查询集进行去重并统计数量，你可以使用values()方法配合annotate()方法来实现。这里有两种常见的方法来完成这个需求： 方法1：使用annotate()和Count 假设你有一个模型Item，并且你想…...
MVC 数据库
MVC 数据库 引言 在软件开发领域，Model-View-Controller（MVC）是一种流行的软件架构模式，它将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。这种模式有助于提高代码的可维护性和可扩展性。本文将深入探讨MVC架构与数据库之间的关系，以…...
【AI学习】三、AI算法中的向量
在人工智能（AI）算法中，向量（Vector）是一种将现实世界中的数据（如图像、文本、音频等）转化为计算机可处理的数值型特征表示的工具。它是连接人类认知（如语义、视觉特征）与…...
Map相关知识
数据结构 二叉树 二叉树，顾名思义，每个节点最多有两个“叉”，也就是两个子节点，分别是左子 节点和右子节点。不过，二叉树并不要求每个节点都有两个子节点，有的节点只 有左子节点，有的节点只有…...
如何理解 IP 数据报中的 TTL？
目录 前言理解 前言 面试灵魂一问：说说对 IP 数据报中 TTL 的理解？我们都知道，IP 数据报由首部和数据两部分组成，首部又分为两部分：固定部分和可变部分，共占 20 字节，而即将讨论的 TTL 就位于首…...
windows系统MySQL安装文档
概览：本文讨论了MySQL的安装、使用过程中涉及的解压、配置、初始化、注册服务、启动、修改密码、登录、退出以及卸载等相关内容，为学习者提供全面的操作指导。关键要点包括： 解压 ：下载完成后解压压缩包，得到MySQL 8.…...
在树莓派上添加音频输入设备的几种方法
在树莓派上添加音频输入设备可以通过以下步骤完成，具体方法取决于设备类型（如USB麦克风、3.5mm接口麦克风或HDMI音频输入）。以下是详细指南： 1. 连接音频输入设备 USB麦克风/声卡：直接插入树莓派的USB接口。3.5mm麦克…...
DAY 26 函数专题1
函数定义与参数知识点回顾：1. 函数的定义2. 变量作用域：局部变量和全局变量3. 函数的参数类型：位置参数、默认参数、不定参数4. 传递参数的手段：关键词参数5 题目1：计算圆的面积 任务： 编写一…...