H5游戏源码分享-超级染色体小游戏
H5游戏源码分享-超级染色体小游戏
游戏玩法
不断地扩大发展同颜色的色块
用最少的步数完成游戏
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0" /><meta name="apple-mobile-web-app-capable" content="yes" /><title>超级染色体</title><link type="text/css" href="css/game_base.css" rel="stylesheet" /><script type="text/javascript" src="js/jquery-2.1.0.min.js"></script><script type="text/javascript" src="js/game_base.js"></script><script type="text/javascript" src="js/createjs-2013.12.12.min.js"></script><script type="text/javascript" src="js/createjs_game.js"></script><script type="text/javascript" src="js/jquery.cookie.js"></script><script type="text/javascript" src="js/main.js"></script><style type="text/css">
.follow {z-index: 100;position: absolute;left: -500px;bottom: 0px;width: 20%;opacity: 0;
}.follow img {width: 100%
}.moreGames {z-index: 100;position: absolute;bottom: 10px;margin-left: auto;margin-right: auto;width: 100%;text-align: center;
}.moreGames a {font: 11px Arial;text-decoration: none;background-color: #C0C0C0;color: #FFFFFF;padding: 2px 10px 2px 10px;border-radius: 8px;-webkit-border-radius: 8px;
}
</style></head><body><canvas id="stage">您的浏览器不支持html5, 请换用支持html5的浏览器</canvas><script language=javascript>var mebtnopenurl = 'games.vdcom.cn/'; //更多游戏链接var myscore=0;var mylevel=0;window.shareData = {"imgUrl": "./img/icon.png", //分享时的图片"timeLineLink": "./index.html", //分享时的链接"tTitle": "超级染色体", //分享时的title"tContent": "超级染色体" //分享时的内容};function goHome(){window.location=mebtnopenurl;}function clickMore(){goHome();}function dp_share(){document.title ="我用了"+score+"步完成了超级染色体，你也来试试吧！";document.getElementById("share").style.display="";window.shareData.tTitle = document.title;}function dp_Ranking(){window.location=mebtnopenurl;}function showAd(){}function hideAd(){}document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {WeixinJSBridge.on('menu:share:appmessage', function(argv) {WeixinJSBridge.invoke('sendAppMessage', {"img_url": window.shareData.imgUrl,"link": window.shareData.timeLineLink,"desc": window.shareData.tContent,"title": window.shareData.tTitle}, onShareComplete);});WeixinJSBridge.on('menu:share:timeline', function(argv) {WeixinJSBridge.invoke('shareTimeline', {"img_url": window.shareData.imgUrl,"img_width": "640","img_height": "640","link": window.shareData.timeLineLink,"desc": window.shareData.tContent,"title": window.shareData.tTitle}, onShareComplete);});}, false);</script><div id=share style="display: none"><img width=100% src="img/share.png"style="position: fixed; z-index: 9999; top: 0; left: 0; display: "ontouchstart="document.getElementById('share').style.display='none';"></div><div style="display: none;"><script type="text/javascript">var myData = {};function dp_submitScore(score,level){myscore=score;mylevel=levelmyData.score = score;myData.scoreName = score+"步";if(score>5){if (confirm("真行,你用了"+score+"步！要不要通知下小伙伴们呢？")){dp_share();}}}function onShareComplete(res) {document.location.href = mebtnopenurl;}</script></body>
</html>项目地址：https://download.csdn.net/download/Highning0007/88536709
相关文章：
H5游戏源码分享-超级染色体小游戏
H5游戏源码分享-超级染色体小游戏 游戏玩法 不断地扩大发展同颜色的色块 用最少的步数完成游戏 <!DOCTYPE html> <html><head><meta charset"UTF-8"><meta name"viewport"content"widthdevice-width,user-scalableno,init…...
NOIP 2017 宝藏----Java题解
目录 NOIP 2017 宝藏 题目描述 输入描述: 输出描述: 输入 输出 说明 输入 输出 说明 备注: 代码实现： NOIP 2017 宝藏 时间限制：C/C 1秒，其他语言2秒 空间限制：C/C 262144K，其他语言524288K 64bit IO For…...
数据结构和算法的重要性
目录 1.什么是数据结构？ 2.什么是算法？ 3.数据结构和算法的重要性 4.如何学好数据结构和算法 1.什么是数据结构？ 数据结构(Data Structure)是计算机存储、组织数据的方式，指相互之间存在一种或多种特定关系的数据元素的集合 …...
2023.11.10 信息学日志
2023.11.10 信息学日志 1. CF1613E Crazy Robot题目描述题目概况思路点拨 1. CF1613E Crazy Robot 题目描述 https://www.luogu.com.cn/problem/CF1613E 题目概况 来源：Codeforces 洛谷难度： 绿题 \color{green}绿题 绿题 CF难度： 2000…...
0基础学习VR全景平台篇第120篇：极坐标处理接缝 - PS教程
上课！全体起立~ 大家好，欢迎观看蛙色官方系列全景摄影课程！ 紧跟上节课，我们已经学会了怎么利用PS蒙版工具来对航拍全景图补天。但是在后续工作学习中，我们会遇到天空这部分存在部分接缝的问题，如图&…...
Python---综合案例：通讯录管理系统---涉及点：列表、字典、死循环
需求： 开个一个通讯录的管理系统，主要用于实现存储班级中同学的信息（姓名、年龄、电话） 涉及点：列表、字典、死循环 相关链接：Python--列表及其应用场景---增、删、改、查。-CSDN博客 Python---字典---…...
Vite探索：构建、启程、原理、CSS艺术与插件魔法
文章目录 1 构建工具1.1 什么是构建工具1.2 主流构建工具1.3 vite相较于webpack的优势 2 vite启动项目初体验2.1 你必须要理解的vite脚手架和vite2.2 vite开箱即用2.3 vite的预加载2.4 vite配置文件处理细节2.5 vue环境变量配置 3 vite 原理篇3.1 vite是怎么让浏览器可以识别.v…...
网工内推 | 网工校招，金融、软件行业，HCIE认证优先，最高15薪
01 长威信息科技 招聘岗位：网络工程师（24届校招） 职责描述： 1、负责网络类、安全类产品的安装部署、调试和运行维护，以及网络故障分析、定位和处理； 2、负责实施项目各类文档编制工作，包括技术…...
CVE-2023-25194 Kafka JNDI 注入分析
Apache Kafka Clients Jndi Injection 漏洞描述 Apache Kafka 是一个分布式数据流处理平台，可以实时发布、订阅、存储和处理数据流。Kafka Connect 是一种用于在 kafka 和其他系统之间可扩展、可靠的流式传输数据的工具。攻击者可以利用基于 SASL JAAS 配置和 SASL …...
MySQL--主从复制和读写分离
MySQL主从复制和读写分离相关知识 1.什么是读写分离 读写分离，基本的原理是让主数据库处理事务性增、改、删操作( INSERT、UPDATE、DELETE) ，而从数据库处理SELECT查询操作。数据库复制被用来把事务性操作导致的变更同步到集群中的从数据库。 2.为什么要…...
JavaScript使用webcomponent的简单示例
官方网站: Web Component - Web API 接口参考 | MDN 1. 给一个html文件的路径字符串path, 存储对应path下的template,script,style数据 1) 传入path 2) 使用fetch将path字符串所在的文件找到并返回内容 const res await fetch(path).then(res > res.text()); 3) 使用…...
LeetCode（10）跳跃游戏 II【数组/字符串】【中等】
目录 1.题目2.答案3.提交结果截图 链接： 45. 跳跃游戏 II 1.题目 给定一个长度为 n 的 0 索引整数数组 nums。初始位置为 nums[0]。 每个元素 nums[i] 表示从索引 i 向前跳转的最大长度。换句话说，如果你在 nums[i] 处，你可以跳转到任意 nu…...
浅谈数据结构之递归
1. 递归的定义 递归是一种在解决问题时使用自身的特殊方法。在计算机科学和数据结构中，递归是一种通过将问题分解成更小的、相似的子问题来解决复杂问题的方法。递归可以直接或间接地调用自身，将大问题转化为规模较小的子问题，直到达到基本情…...
在CentOS7环境下安装Mysql
1.卸载已有的不需要的环境 使用如下命令，查看系统中是否已经存在mysql和mariadb（mysql的一个子分支） ps ajx | grep mariadb ps ajx | grep mysql 如果显示与我相同，则代表系统中已经存在这些环境并且已经停止 如果不相同则需要…...
苍穹外卖-day10
苍穹外卖-day10 课程内容 Spring Task订单状态定时处理WebSocket来单提醒客户催单 功能实现：订单状态定时处理、来单提醒和客户催单 订单状态定时处理： 来单提醒： 客户催单： 1. Spring Task 1.1 介绍 Spring Task 是Spring框…...
牛客网刷题笔记131111 Python实现LRU+二叉树先中后序打印+SQL并列排序
从学校步入职场一年多，已经很久没刷过题了，为后续稍微做些提前的准备，还是重新开始刷刷题。 从未做过计划表，这回倒是做了个计划表，希望能坚持吧。 刷题比较随性且量级不大，今天就写了2个算法2个sql&#x…...
TCP网络编程
一)TCP Socket介绍: 1)TCP和UDP有着很大的不同，TCP想要进行网络通信的话首先需要通信双方建立连接以后然后才可以进行通信，TCP进行网络编程的方式和文件中的读写字节流类似，是以字节为单位的流进行传输 2)针对于TCP的套接字来说，J…...
K8S知识点（九）
（1）Pod详解-结构和定义 一级属性有下面这些：前两个属性是字符串，上面有定义 kind：Pod version：v1 下面的属性是object 还可以继续查看子属性：二级属性 还可以继续查看三级属性： 通…...
el-table实现单选和隐藏全选框和回显数据
0 效果 1 单选 <el-table ref"clientTableRef" selection-change"clientChangeHandle"><el-table-column fixed type"selection" width"50" align"center" /><el-table-column label"客户名称" a…...
香港科技大学广州｜智能制造学域机器人与自主系统学域博士招生宣讲会—中国科学技术大学专场
🏠地点：中国科学技术大学西区学生活动中心（一楼）报告厅 【宣讲会专场1】让制造更高效、更智能、更可持续—智能制造学域 🕙时间：2023年11月16日（星期四）18:00 报名链接：…...
进程地址空间（比特课总结）
一、进程地址空间 1. 环境变量 1 ）⽤户级环境变量与系统级环境变量 全局属性：环境变量具有全局属性，会被⼦进程继承。例如当bash启动⼦进程时，环 境变量会⾃动传递给⼦进程。 本地变量限制：本地变量只在当前进程(ba…...
Linux简单的操作
ls ls 查看当前目录 ll 查看详细内容 ls -a 查看所有的内容 ls --help 查看方法文档 pwd pwd 查看当前路径 cd cd 转路径 cd .. 转上一级路径 cd 名 转换路径 …...
在四层代理中还原真实客户端ngx_stream_realip_module
一、模块原理与价值 PROXY Protocol 回溯 第三方负载均衡（如 HAProxy、AWS NLB、阿里 SLB）发起上游连接时，将真实客户端 IP/Port 写入 PROXY Protocol v1/v2 头。Stream 层接收到头部后，ngx_stream_realip_module 从中提取原始信息…...
【2025年】解决Burpsuite抓不到https包的问题
环境：windows11 burpsuite:2025.5 在抓取https网站时，burpsuite抓取不到https数据包，只显示： 解决该问题只需如下三个步骤： 1、浏览器中访问 http://burp 2、下载 CA certificate 证书 3、在设置--隐私与安全--…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...
【OSG学习笔记】Day 16: 骨骼动画与蒙皮（osgAnimation）
骨骼动画基础 骨骼动画是 3D 计算机图形中常用的技术，它通过以下两个主要组件实现角色动画。 骨骼系统 (Skeleton)：由层级结构的骨头组成，类似于人体骨骼蒙皮 (Mesh Skinning)：将模型网格顶点绑定到骨骼上，使骨骼移动…...
鸿蒙DevEco Studio HarmonyOS 5跑酷小游戏实现指南
1. 项目概述 本跑酷小游戏基于鸿蒙HarmonyOS 5开发，使用DevEco Studio作为开发工具，采用Java语言实现，包含角色控制、障碍物生成和分数计算系统。 2. 项目结构 /src/main/java/com/example/runner/├── MainAbilitySlice.java // 主界…...
HashMap中的put方法执行流程（流程图）
1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中，其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下： 初始判断与哈希计算： 首先，putVal 方法会检查当前的 table（也就…...
sipsak：SIP瑞士军刀！全参数详细教程！Kali Linux教程！
简介 sipsak 是一个面向会话初始协议 (SIP) 应用程序开发人员和管理员的小型命令行工具。它可以用于对 SIP 应用程序和设备进行一些简单的测试。 sipsak 是一款 SIP 压力和诊断实用程序。它通过 sip-uri 向服务器发送 SIP 请求，并检查收到的响应。它以以下模式之一…...
数据库——redis
一、Redis 介绍 1. 概述 Redis（Remote Dictionary Server）是一个开源的、高性能的内存键值数据库系统，具有以下核心特点： 内存存储架构：数据主要存储在内存中，提供微秒级的读写响应 多数据结构支持&…...