做个网页游戏送女票当情侣礼物

2023-12-27 05:18

本文主要是介绍做个网页游戏送女票当情侣礼物,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本期介绍:做个情侣小游戏

简介

图片

 

进入网站可查看效果,试玩:

daxigua.shuobolife.com

效果图(修改前).jpg

图片

里面的大西瓜可以替换成任意图片,比如情侣照,或者恋人照片等~

效果图(修改后).jpg->这里我换成高校logo,你可以换成情侣照片,纪念一下,转发个朋友圈啥的~

图片

教程:

1.下载代码

先上代码:

链接:https://pan.baidu.com/s/1GtxnlOKFXlHGpiRBXd1nqQ

提取码:6666

图片

  1. index.html,整个项目的主页面

  2. project.js,项目核心代码,游戏逻辑都在这里

  3. settings.js,项目配置文件

  4. res 目录,存放图片和音频等资源

别看这么多文件,操作很简单,基本一个复制操作就搞定

2.替换素材图片(该步骤可选)

把游戏中的图片(西瓜、葡萄、桃子等)换成自己女票照片或者情侣合照

这里介绍一款大佬提供的工具:

https://daxigua-tools.liyupi.com/

把自己指定裁剪好尺寸的图片(情侣合照等)依次上传,也可上传部分,然后统一打包下载

上传完成,下载替换到指定目录。

裁剪图片这里也推荐一个工具:

https://www.gaitubao.com/

选择裁剪图片

选择改变尺寸

然后自己设置为第一个网页中需要的尺寸大小即可

如果感觉裁剪不合适,可自己用PPT进行拉伸,缩放后再放到这里进行裁剪。

等待照片全部裁剪完成,全部上传到第一个网站后,下载打包后的内容,进行素材覆盖。

3. 外网访问(女朋友可通过手机浏览器直接访问)

生成永久链接!

先通过如下秒杀链接购买腾讯云服务器几十块钱一年,非常划算

自己没事也可以用来练练python什么的。

 https://curl.qcloud.com/0J9E3OU6

图片

1.进入腾讯云云服务器面板,点击“更多”中的重装系统

图片

进入腾讯云云服务器面板,点击“更多”中的重装系统

2.点击服务市场 -> 管理与监控 -> 搜索“宝塔” -> 选择“宝塔Linux面板5.9” -> 开始重装

图片

3.等待重装操作系统完成

图片

等待重装操作系统完成

4.输入在网页浏览器输入:"http://服务器IP:8888",设置用户名和密码(服务器IP为购买的外网的IP地址)

图片

输入在浏览器输入:"http://服务器IP:8888",设置用户名和密码

  1. 绑定微信小程序快捷登陆 或 用户名密码登陆面板

微信小程序快捷登陆

图片

用户名密码登陆面板

6.进入面板,安装套件(两边都行)等待完成

图片

进入面板,安装套件

4.网站部署自己的代码

新建一个网站,域名设置为自己的申请的服务器IP地址,直接点确定

然后把网盘下载的整个文件夹的内容拖入到自己新建网站的根目录地址

图片

拖动到如下

图片

然后网页输入   http://服务器IP

就可以看到效果了

图片

这篇关于做个网页游戏送女票当情侣礼物的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/541988

相关文章

Python开发围棋游戏的实例代码(实现全部功能)

《Python开发围棋游戏的实例代码(实现全部功能)》围棋是一种古老而复杂的策略棋类游戏,起源于中国,已有超过2500年的历史,本文介绍了如何用Python开发一个简单的围棋游戏,实例代码涵盖了游戏的... 目录1. 围棋游戏概述1.1 游戏规则1.2 游戏设计思路2. 环境准备3. 创建棋盘3.1 棋盘类

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

国产游戏崛起:技术革新与文化自信的双重推动

近年来,国产游戏行业发展迅猛,技术水平和作品质量均得到了显著提升。特别是以《黑神话:悟空》为代表的一系列优秀作品,成功打破了过去中国游戏市场以手游和网游为主的局限,向全球玩家展示了中国在单机游戏领域的实力与潜力。随着中国开发者在画面渲染、物理引擎、AI 技术和服务器架构等方面取得了显著进展,国产游戏正逐步赢得国际市场的认可。然而,面对全球游戏行业的激烈竞争,国产游戏技术依然面临诸多挑战,未来的

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

禁止复制的网页怎么复制

禁止复制的网页怎么复制 文章目录 禁止复制的网页怎么复制前言准备工作操作步骤一、在浏览器菜单中找到“开发者工具”二、点击“检查元素(inspect element)”按钮三、在网页中选取需要的片段,锁定对应的元素四、复制被选中的元素五、粘贴到记事本,以`.html`为后缀命名六、打开`xxx.html`,优雅地复制 前言 在浏览网页的时候,有的网页内容无法复制。比如「360

火柴游戏java版

代码 /*** 火柴游戏* <p>* <li>有24根火柴</li>* <li>组成 A + B = C 等式</li>* <li>总共有多少种适合方式?</li>* <br>* <h>分析:</h>* <li>除去"+"、"="四根,最多可用火柴根数20根。</li>* <li>全部用两根组合成"1",最大数值为1111。使用枚举法,A和B范围在0~1111,C为A+B。判断</li>** @

国产游戏行业的崛起与挑战:技术创新引领未来

国产游戏行业的崛起与挑战:技术创新引领未来 近年来,国产游戏行业蓬勃发展,技术水平不断提升,许多优秀作品在国际市场上崭露头角。从画面渲染到物理引擎,从AI技术到服务器架构,国产游戏已实现质的飞跃。然而,面对全球游戏市场的激烈竞争,国产游戏技术仍然面临诸多挑战。本文将探讨这些挑战,并展望未来的机遇,深入分析IT技术的创新将如何推动行业发展。 国产游戏技术现状 国产游戏在画面渲染、物理引擎、AI

火语言RPA流程组件介绍--浏览网页

🚩【组件功能】:浏览器打开指定网址或本地html文件 配置预览 配置说明 网址URL 支持T或# 默认FLOW输入项 输入需要打开的网址URL 超时时间 支持T或# 打开网页超时时间 执行后后等待时间(ms) 支持T或# 当前组件执行完成后继续等待的时间 UserAgent 支持T或# User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器

起点中文网防止网页调试的代码展示

起点中文网对爬虫非常敏感。如图,想在页面启用调试后会显示“已在调试程序中暂停”。 选择停用断点并继续运行后会造成cpu占用率升高电脑卡顿。 经简单分析网站使用了js代码用于防止调试并在强制继续运行后造成电脑卡顿,代码如下: function A(A, B) {if (null != B && "undefined" != typeof Symbol && B[Symbol.hasInstan

(入门篇)JavaScript 网页设计案例浅析-简单的交互式图片轮播

网页设计已经成为了每个前端开发者的必备技能,而 JavaScript 作为前端三大基础之一,更是为网页赋予了互动性和动态效果。本篇文章将通过一个简单的 JavaScript 案例,带你了解网页设计中的一些常见技巧和技术原理。今天就说一说一个常见的图片轮播效果。相信大家在各类电商网站、个人博客或者展示页面中,都看到过这种轮播图。它的核心功能是展示多张图片,并且用户可以通过点击按钮,左右切换图片。