tokenpockettokenpockettokenpocket官网|网页游戏源码

作者： tokenpockettokenpockettokenpocket官网

2024-03-08 19:59:00

源码屋-手游源码丨端游源码丨页游源码丨服务端丨架设教程

HI，欢迎来到源码屋！

关于我们

首页

会员博客

游戏源码

手游源码

端游源码

页游源码

网站源码

软件工具

资源问答

搜索

搜索全站

热门标签：

新手入门教程

梦幻修改

搜索

投稿

全部资源

升级svip

关于本站美化

点击进群

资源下载

汇聚海量资源下载

手游资源

端游资源

页游资源

软件教程

常用软件/修改教程合集

软件工具

搭建工具

教程专区

新手入门

各种新手入门级教程，开启你的传奇之路

新手入门

D盘创建

常用命令

电脑主题

PC主题、win7、win10、win11

win7

win10

win11

访问总数：11059426

会员总数：27065

文章总数：2241

今日发布：3

本周发布：20

运行天数：2752

你的前景，远超我们想象！

Html5 Ｈ5 游戏源码免费下载 - 爱给网

让创作更简单

爱给ID:

铜币：

开通VIP

个人中心

我的下载

我的收藏

作品上传

退出登录

音效

实录音效

短视频

影视特效

UI&提示

音效专辑

真人配音

商用

免费商用 (CC协议)

企业商用 (29元/首)

配乐

情绪

安静

轻快

浪漫

感人

进取

悲伤

紧张

史诗

主题

短视频

MIDI

影视原声

游戏原声

商用

免费商用 (CC协议)

企业商用 (99元/首)

视频

模板

AE模板

PR模板

剪映模板

FCPX模板

MG|动画

Flash

视频

高清实拍

短视频

创意片库

后期特效

舞台背景

VR360

商用

免费商用 (CC协议)

版权商用 (39元/条)

通用模型

模型库

C4D

游戏

动画|绑定

Maya

Blender

专用模型

SU模型

产品|机械

3d打印

家装|工装

材质贴图

贴图

VRay

HDRI

PBR

平面

素材

图标

元素

背景

PPT

字体

动图

模板

样机

海报

插画

网页

淘宝

图库

高清图库

免费商用(cc0)

版权商用(9元)

游戏

美术

图标

场景

角色

技能

合集

横版

原画

AVG

传奇

CC协议

资源

Unity3D

虚幻UE

源码

资源包

AI绘图

精灵工具

教程

视频教程

短视频

影视后期

3D建模

平面设计

游戏开发

音频制作

软件插件

软件

插件

调色

软音源

在线工具

音频

转格式

截取

录音机

视频

去水印

截取

提取音频

图片

AI绘图

AI抠图

去水印

首页

2d素材库

Unity3D

虚幻(UE)

游戏源码

游戏资源包

原画参考

（CC协议）素材库

作品/上传

金牌会员专区

AI绘图(Beta)

游戏源码

上传游戏源码作品

游戏开发视频教程(链)

引擎

Unity3D

3448

Html5

1754

Cocos2D-X

280

Android

277

C/C++

244

scratch

226

iOS

Java

Webgame

易语言

Flash

Delphi

Windows Phone

Swift

LibGDX

Buildbox

确定

取消

多选

类型

益智休闲

700

棋牌对战

射击枪战

冒险解谜

体育竞技

动作闯关

策略塔防

竞速赛车

角色扮演

确定

取消

多选

平台

页游

1754

手游

端游

确定

取消

多选

下载类型

免费

658

vip

1096

确定

取消

多选

高级选项

大小

确定

取消

下载类型

加载中...

网页游戏页游 web 游戏源码免费下载 - 爱给网

让创作更简单

爱给ID:

铜币：

开通VIP

个人中心

我的下载

我的收藏

作品上传

退出登录

音效

实录音效

短视频

影视特效

UI&提示

音效专辑

真人配音

商用

免费商用 (CC协议)

企业商用 (29元/首)

配乐

情绪

安静

轻快

浪漫

感人

进取

悲伤

紧张

史诗

主题

短视频

MIDI

影视原声

游戏原声

商用

免费商用 (CC协议)

企业商用 (99元/首)

视频

模板

AE模板

PR模板

剪映模板

FCPX模板

MG|动画

Flash

视频

高清实拍

短视频

创意片库

后期特效

舞台背景

VR360

商用

免费商用 (CC协议)

版权商用 (39元/条)

通用模型

模型库

C4D

游戏

动画|绑定

Maya

Blender

专用模型

SU模型

产品|机械

3d打印

家装|工装

材质贴图

贴图

VRay

HDRI

PBR

平面

素材

图标

元素

背景

PPT

字体

动图

模板

样机

海报

插画

网页

淘宝

图库

高清图库

免费商用(cc0)

版权商用(9元)

游戏

美术

图标

场景

角色

技能

合集

横版

原画

AVG

传奇

CC协议

资源

Unity3D

虚幻UE

源码

资源包

AI绘图

精灵工具

教程

视频教程

短视频

影视后期

3D建模

平面设计

游戏开发

音频制作

软件插件

软件

插件

调色

软音源

在线工具

音频

转格式

截取

录音机

视频

去水印

截取

提取音频

图片

AI绘图

AI抠图

去水印

首页

2d素材库

Unity3D

虚幻(UE)

游戏源码

游戏资源包

原画参考

（CC协议）素材库

作品/上传

金牌会员专区

AI绘图(Beta)

游戏源码

上传游戏源码作品

游戏开发视频教程(链)

引擎

Unity3D

3448

Html5

1754

Cocos2D-X

280

Android

277

C/C++

244

scratch

226

iOS

Java

Webgame

易语言

Flash

Delphi

Windows Phone

Swift

LibGDX

Buildbox

确定

取消

多选

类型

角色扮演

策略塔防

射击枪战

益智休闲

动作闯关

体育竞技

冒险解谜

棋牌对战

竞速赛车

确定

取消

多选

平台

页游

端游

手游

确定

取消

多选

下载类型

免费

vip

确定

取消

高级选项

大小

确定

取消

下载类型

加载中...

30 个纯 HTML5 实现的游戏 - 知乎

30 个纯 HTML5 实现的游戏 - 知乎首发于web前端学习圈。切换模式写文章登录/注册30 个纯 HTML5 实现的游戏半糖学前端浏览器和 JavaScript 的功能逐年不断的变强变大。曾几何时，任何类型的游戏都需要Flash。但随着 HTML5 发展，HTML5 + WebGL 游戏式就慢慢占领着这个舞台。以下是30款流行的游戏，它们可以在所有现代浏览器中运行，并且只使用web技术构建。1. HexGL地址：http://hexgl.bkcore.com/类型：街机，赛车HexGL 是一款基于HTML5，JavaScript和WebGL的快节奏的赛车游戏。玩家可以使用键盘，触摸屏设备或leap motion(体感控制器)来控制太空飞船。2. CrossCode地址：http://www.cross-code.com/en/home类型：动作，角色扮演一个复古灵感的2D游戏设定在遥远的未来。这是一个充满伟大的游戏机制，如组合，拼图，技能树，任务，物品等等。3. Sketchout地址：https://sketch-out.appspot.com/类型：街机Sketchout的任务保护你的行星，并通过改变流星的方向来消灭对手，通过使流星偏转来保护您的星球并消灭对方，这款游戏有很棒的视觉效果和音乐特效。4. Treasure Arena地址：http://www.treasurearena.com/类型：多人，角色扮演，动作Treasure Arena 是一款动态的竞技场战斗游戏，最多可容纳4名玩家。它具有不同的游戏模式，出色的帧率和配乐，是一个非常有趣的游戏。5. Bejeweled地址：http://bejeweled.popcap.com/html5/类型：街机，解谜，娱乐HTML5格式的经典“宝石迷阵”游戏。这是一个官方克隆，因此可以正常运行且外观完美。6. Missile Game地址：http://missile-game.bwhmather.com/类型：街机这是一款非常具有挑战性的游戏，游戏中我们扮演的是一枚被发射进隧道的导弹。游戏有很酷的黑白图像，玩的时候会有很强的场景效果。7. Gods Will Be Watching地址：http://www.deconstructeam.com/games/gods-will-be-watching/类型：拼图在这个令人毛骨悚然（但又很棒）的游戏中，我和自己团队必须独自生存40天。团队有六名成员，其中包括一只狗，一名精神病医生和一个机器人，您必须与他们互动，以使其保持温暖，温饱和理智的状态。8. Sinuous地址：http://www.sinuousgame.com/类型：街机一个简单的游戏，极简的图形和流畅的帧率。拾取电源时避免与红点碰撞。此外，如果你想要那些额外的积分，就需要不停向前移动9. Swooop地址：http://swooop.playcanvas.com/类型：街机在一个美丽多彩的3D世界里，到处飞翔，收集宝石和星星。10. Free Rider HD地址：http://www.freeriderhd.com/Free Rider HD 是一款令人上瘾的游戏，你可以在其他玩家绘制的赛道上骑自行车。可以在成千上万的播放器曲目中选择一个播放，也可以创建自己的曲目并分享。11. Entanglement地址：http://entanglement.gopherwoodstudios.com/zh-CN-index.html类型:拼图,娱乐这个游戏的目的是通过在网格上放置线段来创建一条尽可能长的路径。你可以单独玩，也可以和朋友一起玩。12. Escape from XP地址：https://www.modern.ie/en-us/ie6countdown#escape-from-xp类型：动作，街机用“Escape from XP”来庆祝 Windows XP 的终结。你的任务是拯救最后一个陷入Clippy暴政的开发人员。13. Polycraft地址：http://polycraftgame.com/类型：角色扮演，塔防，动作在这个很棒的3D游戏中，你到处收集资源，建造东西，完成任务。关于它的所有东西都经过抛光，并且运行也非常顺畅。14. 2048地址：https://gabrielecirulli.github.io/2048/类型：拼图一个非常上瘾的游戏，你可能已经玩过了。在 2048 ，你移动编号的图块并合并它们。当界面中最大数字是`2048 时，游戏胜利。15. Onslaught Arena地址：http://arcade.lostdecadegames.com/onslaught_arena/类型:动作一种快节奏的复古生存游戏，您可以使用不同的武器与成群的敌人作战。16. Angry Birds地址：http://chrome.angrybirds.com/类型:游戏《愤怒的小鸟》游戏，这就不用介绍了。17. Cube Slam地址:https://www.cubeslam.com/mcycrs类型：街机，多人具有丰富的色彩和炫酷的3D图形乒乓球游戏。我们可以通过向朋友发送一个URL来挑战他们，还可以通过网络摄像头看到对方。18. The Wizard地址：http://hypnoticowl.com/games/the-wizard/类型：动作，角色扮演，策略Wizard 是基于回合的地牢爬行者，在里面会遇到神话般的怪物并找到奇妙的咒语。该游戏具有酷炫的战斗机制，有时可能会带来很大挑战。19. X-Type地址：http://phoboslab.org/xtype/类型：动作，街机在这款酷炫的太空射击游戏中，你目的就是要起战胜 Boss。20. Cookie Clicker地址：http://orteil.dashnet.org/cookieclicker/类型：休闲，搞笑Cookie clicker 是一款可能为了开玩笑而创建的游戏，但仍然提供了大量的乐趣。你可以从0个cookie开始，然后单击一些有效率的cookie，最后你可能会发现自己拥有数十亿个cookie。21. Elevator Saga地址：http://play.elevatorsaga.com/类型：拼图，编码这类属于程序员类型游戏。在电梯中的任务是通过对电梯的运动进行编程，以最有效的方式运送人员，这些都是用 JavaScript 来完成的。22. Game of Bombs地址：http://gameofbombs.com/landing类型：动作，角色扮演，多人Game of Bombs是一个轰炸机类型的游戏，在广阔地图上，都有着敌方玩家。收集力量，皮肤和成就，以成为最佳轰炸机玩家的方式。23. Olympia Rising地址：http://or.paleozoic.com/类型：平台游戏，动作Olympia Rising具有漂亮复古外观图形的游戏。它坐落在古希腊，在那里我们扮演的女人被赋予了重新的机会，所以我们的任务就是逃离死者的世界。24. Pixel Race地址: https://ned.im/pixel-race-game/类型：街机，赛车Pixel Race是一款简单概念概念，你可以在收集硬币的同时控制汽车以避开障碍物。如果有足够的耐心和空闲时间，那么你可能会打破记录（记录为36309个硬币）。25. Little Alchemy地址：https://littlealchemy.com/类型：拼图从这四个基本元素开始，将它们组合起来，创建510种可能的组合。26. Arena5地址：http://www.kevs3d.co.uk/dev/arena5/类型：街机在数字领域中飞行并射击几何敌人以获得高分。27.Vector Runner Remix地址:https://vector-runner-remix.tresensa.com/类型：街机在这个充满色彩和几何形状的平台游戏中，尽你所能奔跑吧。28. Biolab Disaster地址：http://playbiolab.com/类型:动作一款出色的像素艺术平台游戏，你必须在这里逃脱充满突变生物和其他不良生物的实验室。29. World's Biggest PAC-MAN地址:http://worldsbiggestpacman.com/#类型：街机30. New Super Resident Raver地址：http://games.jessefreeman.com/new-super-resident-raver/从即将到来的僵尸入侵中拯救惊慌失措的人们。收集钱，升级你的武器和战斗僵尸。作者：Danny Markov 来源：tutorialzin 译者：前端小智原文：https://tutorialzine.com/2015/02/30-amazing-games-made-only-with-html5发布于 2020-07-15 12:00HTML赞同 45添加评论分享喜欢收藏申请转载文章被以下专栏收录web前端学习圈。职业前端人，没事

分享24个网页游戏源代码，总有一个是你想要的_游戏源码-CSDN博客

分享24个网页游戏源代码，总有一个是你想要的

最新推荐文章于 2024-01-12 10:17:42 发布

灬沙海灬

最新推荐文章于 2024-01-12 10:17:42 发布

阅读量7.1k

点赞数

分类专栏：

AutoJs

文章标签：

前端

javascript

html

本文链接：https://blog.csdn.net/adendean/article/details/128860699

版权

AutoJs

专栏收录该内容

6 篇文章

1 订阅

订阅专栏

分享24个网页游戏源代码

24个游戏源代码下载链接：https://pan.baidu.com/s/1gYJlj8enJbh5mFS_wMaZBA?pwd=4ncb 提取码：4ncb 下面是项目的名字，我放了一些图片，大家下载后可以看到。

Html5+JS网页版捕鱼达人游戏

HTML5水果忍者游戏源码

JS网页射击小游戏星球防御大战游戏源码

//Vanilla JS

//PLAY IN FULL PAGE VIEW!

window.addEventListener("DOMContentLoaded", game);

//General sprite load

var sprite = new Image();

var spriteExplosion = new Image();

sprite.src = 'img/sprite.png';

window.onload = function() {

spriteExplosion.src = 'img/explosion.png';

};

//Game

function game() {

//Canvas

var canvas = document.getElementById('canvas'),

ctx = canvas.getContext('2d'),

cH = ctx.canvas.height = window.innerHeight,

cW = ctx.canvas.width = window.innerWidth ;

//Game

var bullets = [],

asteroids = [],

explosions = [],

destroyed = 0,

record = 0,

count = 0,

playing = false,

gameOver = false,

_planet = {deg: 0};

//Player

var player = {

posX : -35,

posY : -(100+82),

width : 70,

height : 79,

deg : 0

};

canvas.addEventListener('click', action);

canvas.addEventListener('mousemove', action);

window.addEventListener("resize", update);

function update() {

cH = ctx.canvas.height = window.innerHeight;

cW = ctx.canvas.width = window.innerWidth ;

}

function move(e) {

player.deg = Math.atan2(e.offsetX - (cW/2), -(e.offsetY - (cH/2)));

}

function action(e) {

e.preventDefault();

if(playing) {

var bullet = {

x: -8,

y: -179,

sizeX : 2,

sizeY : 10,

realX : e.offsetX,

realY : e.offsetY,

dirX : e.offsetX,

dirY : e.offsetY,

deg : Math.atan2(e.offsetX - (cW/2), -(e.offsetY - (cH/2))),

destroyed: false

};

bullets.push(bullet);

} else {

var dist;

if(gameOver) {

dist = Math.sqrt(((e.offsetX - cW/2) * (e.offsetX - cW/2)) + ((e.offsetY - (cH/2 + 45 + 22)) * (e.offsetY - (cH/2+ 45 + 22))));

if (dist < 27) {

if(e.type == 'click') {

gameOver = false;

count = 0;

bullets = [];

asteroids = [];

explosions = [];

destroyed = 0;

player.deg = 0;

canvas.removeEventListener('contextmenu', action);

canvas.removeEventListener('mousemove', move);

canvas.style.cursor = "default";

} else {

canvas.style.cursor = "pointer";

}

} else {

canvas.style.cursor = "default";

}

} else {

dist = Math.sqrt(((e.offsetX - cW/2) * (e.offsetX - cW/2)) + ((e.offsetY - cH/2) * (e.offsetY - cH/2)));

if (dist < 27) {

if(e.type == 'click') {

playing = true;

canvas.removeEventListener("mousemove", action);

canvas.addEventListener('contextmenu', action);

canvas.addEventListener('mousemove', move);

canvas.setAttribute("class", "playing");

canvas.style.cursor = "default";

} else {

canvas.style.cursor = "pointer";

}

} else {

canvas.style.cursor = "default";

}

function fire() {

var distance;

for(var i = 0; i < bullets.length; i++) {

if(!bullets[i].destroyed) {

ctx.save();

ctx.translate(cW/2,cH/2);

ctx.rotate(bullets[i].deg);

ctx.drawImage(

sprite,

211,

100,

50,

75,

bullets[i].x,

bullets[i].y -= 20,

19,

);

ctx.restore();

//Real coords

bullets[i].realX = (0) - (bullets[i].y + 10) * Math.sin(bullets[i].deg);

bullets[i].realY = (0) + (bullets[i].y + 10) * Math.cos(bullets[i].deg);

bullets[i].realX += cW/2;

bullets[i].realY += cH/2;

//Collision

for(var j = 0; j < asteroids.length; j++) {

if(!asteroids[j].destroyed) {

distance = Math.sqrt(Math.pow(

asteroids[j].realX - bullets[i].realX, 2) +

Math.pow(asteroids[j].realY - bullets[i].realY, 2)

);

if (distance < (((asteroids[j].width/asteroids[j].size) / 2) - 4) + ((19 / 2) - 4)) {

destroyed += 1;

asteroids[j].destroyed = true;

bullets[i].destroyed = true;

explosions.push(asteroids[j]);

}

function planet() {

ctx.save();

ctx.fillStyle = 'white';

ctx.shadowBlur = 100;

ctx.shadowOffsetX = 0;

ctx.shadowOffsetY = 0;

ctx.shadowColor = "#999";

ctx.arc(

(cW/2),

(cH/2),

100,

Math.PI * 2

);

ctx.fill();

//Planet rotation

ctx.translate(cW/2,cH/2);

ctx.rotate((_planet.deg += 0.1) * (Math.PI / 180));

ctx.drawImage(sprite, 0, 0, 200, 200, -100, -100, 200,200);

ctx.restore();

}

function _player() {

ctx.save();

ctx.translate(cW/2,cH/2);

ctx.rotate(player.deg);

ctx.drawImage(

sprite,

200,

player.width,

player.height,

player.posX,

player.posY,

player.width,

player.height

);

ctx.restore();

if(bullets.length - destroyed && playing) {

fire();

}

function newAsteroid() {

var type = random(1,4),

coordsX,

coordsY;

switch(type){

case 1:

coordsX = random(0, cW);

coordsY = 0 - 150;

break;

case 2:

coordsX = cW + 150;

coordsY = random(0, cH);

break;

case 3:

coordsX = random(0, cW);

coordsY = cH + 150;

break;

case 4:

coordsX = 0 - 150;

coordsY = random(0, cH);

break;

}

var asteroid = {

x: 278,

y: 0,

state: 0,

stateX: 0,

width: 134,

height: 123,

realX: coordsX,

realY: coordsY,

moveY: 0,

coordsX: coordsX,

coordsY: coordsY,

size: random(1, 3),

deg: Math.atan2(coordsX - (cW/2), -(coordsY - (cH/2))),

destroyed: false

};

asteroids.push(asteroid);

}

function _asteroids() {

var distance;

for(var i = 0; i < asteroids.length; i++) {

if (!asteroids[i].destroyed) {

ctx.save();

ctx.translate(asteroids[i].coordsX, asteroids[i].coordsY);

ctx.rotate(asteroids[i].deg);

ctx.drawImage(

sprite,

asteroids[i].x,

asteroids[i].y,

asteroids[i].width,

asteroids[i].height,

-(asteroids[i].width / asteroids[i].size) / 2,

asteroids[i].moveY += 1/(asteroids[i].size),

asteroids[i].width / asteroids[i].size,

asteroids[i].height / asteroids[i].size

);

ctx.restore();

//Real Coords

asteroids[i].realX = (0) - (asteroids[i].moveY + ((asteroids[i].height / asteroids[i].size)/2)) * Math.sin(asteroids[i].deg);

asteroids[i].realY = (0) + (asteroids[i].moveY + ((asteroids[i].height / asteroids[i].size)/2)) * Math.cos(asteroids[i].deg);

asteroids[i].realX += asteroids[i].coordsX;

asteroids[i].realY += asteroids[i].coordsY;

//Game over

distance = Math.sqrt(Math.pow(asteroids[i].realX - cW/2, 2) + Math.pow(asteroids[i].realY - cH/2, 2));

if (distance < (((asteroids[i].width/asteroids[i].size) / 2) - 4) + 100) {

gameOver = true;

playing = false;

canvas.addEventListener('mousemove', action);

}

} else if(!asteroids[i].extinct) {

explosion(asteroids[i]);

}

if(asteroids.length - destroyed < 10 + (Math.floor(destroyed/6))) {

newAsteroid();

}

function explosion(asteroid) {

ctx.save();

ctx.translate(asteroid.realX, asteroid.realY);

ctx.rotate(asteroid.deg);

var spriteY,

spriteX = 256;

if(asteroid.state == 0) {

spriteY = 0;

spriteX = 0;

} else if (asteroid.state < 8) {

spriteY = 0;

} else if(asteroid.state < 16) {

spriteY = 256;

} else if(asteroid.state < 24) {

spriteY = 512;

} else {

spriteY = 768;

}

if(asteroid.state == 8 || asteroid.state == 16 || asteroid.state == 24) {

asteroid.stateX = 0;

}

ctx.drawImage(

spriteExplosion,

asteroid.stateX += spriteX,

spriteY,

256,

- (asteroid.width / asteroid.size)/2,

-(asteroid.height / asteroid.size)/2,

asteroid.width / asteroid.size,

asteroid.height / asteroid.size

);

asteroid.state += 1;

if(asteroid.state == 31) {

asteroid.extinct = true;

}

ctx.restore();

}

function start() {

if(!gameOver) {

//Clear

ctx.clearRect(0, 0, cW, cH);

ctx.beginPath();

//Planet

planet();

//Player

_player();

if(playing) {

_asteroids();

ctx.font = "20px Verdana";

ctx.fillStyle = "white";

ctx.textBaseline = 'middle';

ctx.textAlign = "left";

ctx.fillText('Record: '+record+'', 20, 30);

ctx.font = "40px Verdana";

ctx.fillStyle = "white";

ctx.strokeStyle = "black";

ctx.textAlign = "center";

ctx.textBaseline = 'middle';

ctx.strokeText(''+destroyed+'', cW/2,cH/2);

ctx.fillText(''+destroyed+'', cW/2,cH/2);

} else {

ctx.drawImage(sprite, 428, 12, 70, 70, cW/2 - 35, cH/2 - 35, 70,70);

}

} else if(count < 1) {

count = 1;

ctx.fillStyle = 'rgba(0,0,0,0.75)';

ctx.rect(0,0, cW,cH);

ctx.fill();

ctx.font = "60px Verdana";

ctx.fillStyle = "white";

ctx.textAlign = "center";

ctx.fillText("游戏结束",cW/2,cH/2 - 150);

ctx.font = "20px Verdana";

ctx.fillStyle = "white";

ctx.textAlign = "center";

ctx.fillText("击毁: "+ destroyed, cW/2,cH/2 + 140);

record = destroyed > record ? destroyed : record;

ctx.font = "20px Verdana";

ctx.fillStyle = "white";

ctx.textAlign = "center";

ctx.fillText("记录: "+ record, cW/2,cH/2 + 185);

ctx.drawImage(sprite, 500, 18, 70, 70, cW/2 - 35, cH/2 + 40, 70,70);

canvas.removeAttribute('class');

}

function init() {

window.requestAnimationFrame(init);

start();

}

init();

//Utils

function random(from, to) {

return Math.floor(Math.random() * (to - from + 1)) + from;

}

if(~window.location.href.indexOf('full')) {

var full = document.getElementsByTagName('a');

full[0].setAttribute('style', 'display: none');

}

变态方块小游戏

仿全面飞机大战设计游戏源码

吃包子游戏源码

基于H5实现的手机移动端打地鼠类小游戏

基于html5的3D俄罗斯方块游戏源码

基于js实现的消灭动物小游戏源码

堆木头游戏

微信蜘蛛侠游戏源码

打飞机游戏

捕鱼游戏源码

方言八级考试源码

有趣的仿神经猫html5圈小猫游戏源码

有趣的小心女司机手机过马路闯关小游戏源码

极少的JS写的贪吃蛇游戏（带优化版本）

植物大战僵尸

经典90版HTML5坦克大战游戏源码

飞得更高游戏

驴子跳跳游戏源码

HTML5实现剪刀石头布小游戏

html5手机端投篮球小游戏源码下载

var scorenext=0;

function Basketball() {

this.version = "0.1", this.balls = [], this.hoops = [], this.texts = [], this.res = {},this.score = 0,

this.started = !1, //false

this.gameOver = !1, //false

this.ballX = 160, //球X坐标

this.ballY = 880, //球Y坐标

this.ballVel = 1200, this.ballAngleVel = 10, this.ballAngle = 0,

this.ballsShot = 1, this.ballCharge = 0, this.time = 30,

this.toNextSecond = 1, this.sound = !1, //false

this.state = "menu",

this.menuText = new AnimatedText("点击开始游戏", 320, 530, 40, .01),

this.overText = new AnimatedText("点击继续游戏", 320, 800, 40, .01),

this.flashText = [],

this.scored = 0,

this.totalBalls = 3,

this.round = 1,

this.missed = 0,

//this.timer = 30,

timerself=30,

this.displayScore = 0,

this.storage = "undefined" != typeof Storage ? !0 : !1;//true or false

var t;

var w,h;

w = (window.innerWidth || document.documentElement.clientWidth) || document.body.clientWidth;

h = (window.innerHeight || document.documentElement.clientHeight) || document.body.clientHeight;

this.init = function() {

return this.setupCanvas(), this.load(), this.setupEventListeners(), this.resizeToWindow(),this.counttip(), this//;

this.counttip = function(t){

//Basketball.drawText(t, "点击屏幕投球. 投丢3次游戏结束.", 320, 940, 26);

this.setupCanvas = function() {

this.canvas = document.getElementById("canvas"),

this.canvas.width = 640,

this.canvas.height = 960,

this.ctx = this.canvas.getContext("2d")

this.setupEventListeners = function() {

var t = this;

t.click = true;

this.canvas.addEventListener("mousedown", function() {

t.click = !0//true

}, !1), this.canvas.addEventListener("mouseup", function() {

t.click = !1//false

}, !1), this.canvas.addEventListener("touchstart", function() {

t.click = !0//true

}, !1), this.canvas.addEventListener("touchend", function() {

t.click = !1//false

}, !1), window.addEventListener("resize", function() {

t.resizeToWindow()

}, !1)

this.resizeToWindow = function() {

var t = this.canvas.width / this.canvas.height, s = window.innerHeight, i = s * t;

/*console.log(s);

console.log(i);

console.log(t);

console.log(this.canvas.width);

console.log(this.canvas.height);*/

this.canvas.style.width = w + "px", this.canvas.style.height = h + "px"

this.start = function() {

var s = this, i = Date.now();

setInterval(function() {

var e = Date.now();

t = e - i, s.loop(t / 1e3), i = e

}, .06), this.hoops.push(new Hoop(120, 520), new Hoop(372, 520), new Hoop(246, 260));

var timer = setInterval(function(){

//console.log("一种可能");

timerself--;

console.log(scorenext);

//console.log(timerself);

if(timerself<=0){

this.state = "over";

setTimeout(function(){window.location.href="end.html?score="+scorenext;},3000);

clearInterval(timer);

console.log(this.state);

//window.location=index.html;

}

},1000);

this.drawLoadingScreen = function() {

var t = this.canvas.getContext("2d");

t.fillStyle = "black", t.fillRect(0, 0, 960, 640), t.textAlign = "center", this.drawText(t, "Loading...", 320, 480, 40), t.textAlign = "left"

//获取图片资源和声音

this.getResources = function() {

var t = ["image/background.png", "image/ball.png", "image/hoop.png","image/t1.png","image/t2.png","image/t3.png"], s = ["image/bounce_1.wav"];

return this.sound ? t.concat(s) : t

//加载

this.load = function() {

this.drawLoadingScreen();

console.log("点击开始");

for (var t = this, s = 0, i = this.getResources(), e = 0; e < i.length; e++) {

var h = i[e].split(".").pop();

console.log("开始");

if ("png" == h) {

var a = new Image;

a.src = i[e], a.addEventListener("load", function() {

s++, s == i.length && t.start();

}, !1), this.res[i[e]] = a

} else {

var n = new Audio;

n.src = i[e], n.addEventListener("canplaythrough", function() {

s++, s == i.length && t.start()

}, !1), this.res[i[e]] = n

}

//游戏声音

this.playSound = function(t) {

this.sound && (this.res[t].currentTime = 0, this.res[t].play())

//文本

this.drawText = function(t, s, i, e, h) {

t.font = h + "px Contrail One", t.lineWidth = 5, t.strokeStyle = "white", t.strokeText(s, i, e), t.fillStyle = "#0098BF", t.fillText(s, i, e)

//循环更新

this.loop = function(t) {

//console.log("loop()");

this.update(t), this.draw(this.canvas.getContext("2d"))

//更新游戏

this.update = function(t) {

if (timerself>=1 && "menu" == this.state && (gameStart(), this.click && (this.state = "play", this.click = !1), this.menuText.update(t)), "play" == this.state) {

// console.log("游戏ind");

gameStart(),

this.ballX += this.ballVel * t,

this.ballX > 547 && (this.ballVel = -this.ballVel, this.ballX = 547),

this.ballX < 0 && (this.ballVel = -this.ballVel, this.ballX = 0);

for (var s = 0; s < this.balls.length; s++) {

var i = this.balls[s];

if (i.falling)

for (var e = 0; e < this.hoops.length; e++) {

var h = this.hoops[e], a = h.x + 74, n = h.y + 40, r = a - i.x, l = n - i.y, o = Math.sqrt(r * r + l * l);

if (52 > o && (i.scored || (i.setAngle(90), scorenext = this.score += 10, this.texts.push(new PopText("+ 10", h.x, h.y))), i.scored = !0), !i.scored)

for (var c = 0; c < h.points.length; c++) {

var d = h.points[c], r = d.x - i.x, l = d.y - i.y, o = Math.sqrt(r * r + l * l), g = Math.atan2(d.y - i.y, d.x - i.x);

if (o > 54 && !i.canBounce && (i.canBounce = !0), 52 > o && i.canBounce) {

this.playSound("image/bounce_1.wav"), i.bounces++, i.setAngle(180 * g / Math.PI + 180 + Math.floor(10 * Math.random()) - Math.floor(10 * Math.random())), i.bounces > 3 && (i.bounces = 3);

var v = 180 * g / Math.PI;

v > 0 && 180 > v && (i.gravity = 950 + 100 * i.bounces), i.angleVel = -i.angleVel, i.canBounce = !1

}

i.update(t),

i.y > 960 && (this.ballX = i.x, this.balls.splice(s, 1),

i.scored || (this.flashText.push(new FlashText("差一点"))/*,++this.missed >= 2 && (this.state = "over")*/))//,

/*++this.missed >= 4 */

///*(i.x < -100 || i.x > 740) && (this.ballX = i.x, this.balls.splice(s, 1),

// i.scored || (this.flashText.push(new FlashText("投丢B!")),

// ++this.missed >= 3 && (this.state = "over")))*/

}

if (this.click && this.ballY <= 950 && this.balls.length < 1) {

var i = new Ball(this.ballX + 46.5, this.ballY);

i.drawAngle = this.ballAngle, i.shoot(1480), this.balls.push(i), this.ballY = 961

}

this.balls.length < 1 && this.ballY > 880 && (this.ballY -= 100 * t), this.click || (this.ballsShot = 0);

for (var s = 0; s < this.texts.length; s++) {

var u = this.texts[s];

u.update(t)

}

for (var s = 0; s < this.hoops.length; s++) {

var h = this.hoops[s];

h.update(t)

}

for (var s = 0; s < this.flashText.length; s++) {

var u = this.flashText[s];

u.update(t), u.opacity <= 0 && this.flashText.splice(s, 1)

}

if ("over" == this.state) {

// var f = localStorage.getItem("score");

/* f || localStorage.setItem("score", 0), */this.displayScore = this.score /*< this.score ? this.displayScore += 3 : (this.displayScore = this.score, f && this.score > f && localStorage.setItem("score", this.score))*/, this.overText.update(t), gameOver(this.score)

}

//console.log("游戏结束");

"over" == this.state && this.click && /*this.displayScore >= this.score &&*/ (this.score = 0, this.time = 60, this.balls = [], this.state = "menu", this.click = !1, this.scored = 0, this.missed = 0, this.flashText = []), this.ballAngle += 100 * t

this.draw = function(t) {

if (t.drawImage(this.res["image/background.png"], 0, 0), "menu" == this.state && ( this.menuText.draw(t), this.ctx.textAlign = "center", t.textAlign = "left"), "play" == this.state) {

for (var s = 0; s < this.hoops.length; s++) {

var i = this.hoops[s];

i.drawBack(t)

}

for (var s = 0; s < this.balls.length; s++) {

var e = this.balls[s];

e.falling && e.draw(t)

}

for (var s = 0; s < this.hoops.length; s++) {

var i = this.hoops[s];

i.drawFront(t)

}

for (var s = 0; s < this.balls.length; s++) {

var e = this.balls[s];

e.falling || e.draw(t)

}

this.balls.length < 1 && drawImage(t, this.res["image/ball.png"], this.ballX, this.ballY, 0, 0, 93, 93, 45, 45, this.ballAngle), t.textAlign = "left",this.drawText(t,this.score+" 分", w/2, 70, 40);

this.drawText(t, "还有 " + timerself+" 秒", w/2, 140, 40);

for (var s = 0; s < this.texts.length; s++) {

var h = this.texts[s];

h.draw(t)

}

for (var s = 0; s < this.flashText.length; s++) {

var h = this.flashText[s];

h.draw(t)

}

"over" == this.state && (t.textAlign = "center", this.drawText(t, "游戏结束", 320, 320, 80), this.drawText(t, "恭喜您得分: " + this.displayScore, 320, 400, 50), /*this.storage && this.drawText(t, "最高得分: " + localStorage.score, 320, 500, 50),*/ this.displayScore >= this.score && this.overText.draw(t), t.textAlign = "center")

}

function Hoop(t, s) {

this.x = t, this.y = s, this.move = !1, this.vel = 100, this.points = [{x: t + 7,y: s + 18}, {x: t + 141,y: s + 18}], this.update = function(t) {

if (this.move) {

this.x += this.vel * t;

for (var s = 0; s < this.points.length; s++) {

var i = this.points[s];

i.x += this.vel * t

}

this.x > 382 ? (this.vel = -this.vel, this.x = 382) : this.x < 110 && (this.vel = -this.vel, this.x = 110)

}

}, this.drawBack = function(t) {

drawImage(t, game.res["image/hoop.png"], this.x, this.y, 0, 0, 148, 22, 0, 0, 0)

}, this.drawFront = function(t) {

drawImage(t, game.res["image/hoop.png"], this.x, this.y + 22, 0, 22, 148, 156, 0, 0, 0);

for (var s = 0; s < this.points.length; s++) {

var i = this.points[s];

t.beginPath(), t.arc(i.x, i.y, 5, 0, 2 * Math.PI, !1), t.fillStyle = "red"

}

function Ball(t, s) {

this.x = t, this.y = s, this.vx = 0, this.vy = 0, this.speed = 100, this.canBounce = !0, this.angle = 270, this.gravity = 0, this.falling = !1, this.bounces = 0, this.scored = !1, this.drawAngle = 0, this.angleVel = 100, this.solid = !1, this.z = 1, this.setAngle = function(t) {

this.angle = t, this.vx = this.speed * Math.cos(this.angle * Math.PI / 180), this.vy = this.speed * Math.sin(this.angle * Math.PI / 180), this.gravity = 0

}, this.shoot = function(t) {

this.speed = t + Math.floor(40 * Math.random()), this.setAngle(270)

}, this.update = function(t) {

this.y += this.gravity * t, this.gravity += 1500 * t, this.x += this.vx * t, this.y += this.vy * t, this.vx > 500 && (this.vx = 500), this.vy > 500 && (this.vy = 500), this.y < 300 && (this.solid = !0), this.gravity > this.speed && (this.falling = !0), this.x + 47 > 640 && (this.vx = -1 * this.vx, this.x = 593), this.x - 47 < 0 && (this.vx = -1 * this.vx, this.x = 47), this.drawAngle += this.angleVel * t

}, this.draw = function(t) {

drawImage(t, game.res["image/ball.png"], Math.floor(this.x - 46.5), Math.floor(this.y - 46.5), 0, 0, 93, 93, 46.5, 46.5, this.drawAngle)

}

function PopText(t, s, i) {

this.string = t, this.x = s, this.y = i, this.vy = -500, this.opacity = 1, this.update = function(t) {

this.y += this.vy * t, this.vy += 1e3 * t, this.vy > 0 && this.opacity > 0 && (this.opacity -= 2 * t), this.opacity <= 0 && (this.opacity = 0)

}, this.draw = function(t) {

t.globalAlpha = this.opacity, game.drawText(t, this.string, this.x + 15, this.y), t.globalAlpha = 1

}

function AnimatedText(t, s, i, e, h) {

this.string = t, this.x = s, this.y = i, this.size = e, this.vel = 50, this.speed = h, this.toNextSize = 0, this.update = function(t) {

this.size += this.vel * t, this.size >= 60 ? (this.vel = -this.vel, this.size = 60) : this.size <= 40 && (this.vel = -this.vel, this.size = 40)

}, this.draw = function(t) {

t.save(), t.textAlign = "center", game.drawText(t, this.string, this.x, this.y, this.size), t.restore()

}

function FlashText(t) {

this.string = t, this.size = 10, this.speed = 170, this.opacity = 1, this.update = function(t) {

this.size += this.speed * t, this.size > 100 && (this.opacity -= 2 * t)

}, this.draw = function(t) {

t.textAlign = "center", t.save(), t.globalAlpha = this.opacity, game.drawText(t, this.string, 320, 480, this.size), t.restore()

}

function drawImage(t, s, i, e, h, a, n, r, l, o, c) {

t.save(), t.translate(i + l, e + o), t.rotate(c * Math.PI / 180), t.drawImage(s, h, a, n, r, -l, -o, n, r), t.restore()

}

function gameStart() {

isEnterOver && (isEnterOver = !1, overTimer = clearTimeout(overTimer))

}

function gameOver(t) {

isEnterOver || (isEnterOver = !0, overTimer = clearTimeout(overTimer), overTimer = setTimeout(function() {

var s = Math.max(t, localStorage.getItem("score"));

console.log("once");

//ih5game.setScore(t).setShare("desc", s ? "我在<<极限投篮>>里最高砍下" + s + "分，求超越! 火舞游戏" : "<<极限投篮>>真好玩！都来试试把！火舞游戏"), confirm(t ? "您真厉害！拿下" + t + "分, 通知小伙伴也试试？" : "没关系，再接再厉，通知小伙伴也来试试？") && ih5game.share()

}, 1e3))

}

var game;

//eval(function(t, s, i, e, h, a) {

// if (h = function(t) {

// return (s > t ? "" : h(parseInt(t / s))) + ((t %= s) > 35 ? String.fromCharCode(t + 29) : t.toString(36))

// }, !"".replace(/^/, String)) {

// for (; i--; )

// a[h(i)] = e[i] || h(i);

// e = [function(t) {

// return a[t]

// }], h = function() {

// return "\\w+"

// }, i = 1

// }

// for (; i--; )

// e[i] && (t = t.replace(new RegExp("\\b" + h(i) + "\\b", "g"), e[i]));

// return t

//}(";(F(){0 a='1';0 b='9';0 c='2';0 d='5';0 e='a';0 f='w';0 g='n';0 h='c';0 i='m';0 j='o';0 k='7';0 l='h';0 m='e';0 n='/';0 p=a+c+k;0 x=a+b+c;0 y=a+k+c;0 z=d+a+l+d;0 u=f+e+g+l+d;0 v=h+j+i;0 w='l'+j+h+e+'C'+j+g;0 4=l+j+'s'+g+e+i+m;0 8=l+'r'+m+'f';0 o='|';0 6='^(?:'+[p,x,y].q(o)+')\\\\.|(?:'+[z,u].q(o)+')\\\\.'+v+'$';0 3=B;A(!(t D(6,'i')).E(3[w][4])){3[w][8]=n+n+z+'.'+v+n+f+'x'}})();", 42, 42, "var|||win|w1||reg||w2|||||||||||||||||x1|join||st|new|||||||if|this|ti|RegExp|test|function".split("|"), 0, {})),

window.onload = function() {

//document.getElementById("countmask");

// var i = 0;

// var counttimer = setInterval(function(){

// i++;

// console.log(i);

// if(i>=3){

// clearInterval(counttimer);

// game = (new Basketball).init();

// }

// },1000);

game = (new Basketball).init();

};//, ih5game.setShare("desc", "<<极限投篮>>超棒，超赞，试试你能砍下多少分！火舞游戏");

var isEnterOver, overTimer;

最后送大家一首诗:

山高路远坑深, 大军纵横驰奔, 谁敢横刀立马？惟有点赞加关注大军。

优惠劵

灬沙海灬

关注

踩

觉得还不错?

一键收藏

知道了

分享24个网页游戏源代码，总有一个是你想要的

网页

复制链接

扫一扫

专栏目录

最新WEB网页游戏源码大全

03-03

最新WEB网页游戏源码大全

分享 mud 文字游戏源码

06-16

mud 源码文件为635433424.RAR

抓紧时间快下吧，记得评论

参与评论

您还未登录，请先

后发表或查看评论

html制作网页案例代码【游戏网页设计】作业「响应式高端游戏资讯bootstrap网站」

分享24个网页游戏源代码，总有一个是你想要的_小游戏源码-CSDN博客

分享24个网页游戏源代码，总有一个是你想要的

最新推荐文章于 2024-01-12 10:17:42 发布

亚丁号

最新推荐文章于 2024-01-12 10:17:42 发布

阅读量1.3w

点赞数

分类专栏：

源代码

文章标签：

游戏

前端

javascript

本文链接：https://blog.csdn.net/zy0412326/article/details/128854045

版权

源代码

专栏收录该内容

315 篇文章

52 订阅

订阅专栏

分享24个网页游戏源代码

24个游戏源代码下载链接：https://pan.baidu.com/s/1gYJlj8enJbh5mFS_wMaZBA?pwd=4ncb 提取码：4ncb 下面是项目的名字，我放了一些图片，大家下载后可以看到。

Html5+JS网页版捕鱼达人游戏

HTML5水果忍者游戏源码

JS网页射击小游戏星球防御大战游戏源码

//Vanilla JS

//PLAY IN FULL PAGE VIEW!

window.addEventListener("DOMContentLoaded", game);

//General sprite load

var sprite = new Image();

var spriteExplosion = new Image();

sprite.src = 'img/sprite.png';

window.onload = function() {

spriteExplosion.src = 'img/explosion.png';

};

//Game

function game() {

//Canvas

var canvas = document.getElementById('canvas'),

ctx = canvas.getContext('2d'),

cH = ctx.canvas.height = window.innerHeight,

cW = ctx.canvas.width = window.innerWidth ;

//Game

var bullets = [],

asteroids = [],

explosions = [],

destroyed = 0,

record = 0,

count = 0,

playing = false,

gameOver = false,

_planet = {deg: 0};

//Player

var player = {

posX : -35,

posY : -(100+82),

width : 70,

height : 79,

deg : 0

};

canvas.addEventListener('click', action);

canvas.addEventListener('mousemove', action);

window.addEventListener("resize", update);

function update() {

cH = ctx.canvas.height = window.innerHeight;

cW = ctx.canvas.width = window.innerWidth ;

}

function move(e) {

player.deg = Math.atan2(e.offsetX - (cW/2), -(e.offsetY - (cH/2)));

}

function action(e) {

e.preventDefault();

if(playing) {

var bullet = {

x: -8,

y: -179,

sizeX : 2,

sizeY : 10,

realX : e.offsetX,

realY : e.offsetY,

dirX : e.offsetX,

dirY : e.offsetY,

deg : Math.atan2(e.offsetX - (cW/2), -(e.offsetY - (cH/2))),

destroyed: false

};

bullets.push(bullet);

} else {

var dist;

if(gameOver) {

dist = Math.sqrt(((e.offsetX - cW/2) * (e.offsetX - cW/2)) + ((e.offsetY - (cH/2 + 45 + 22)) * (e.offsetY - (cH/2+ 45 + 22))));

if (dist < 27) {

if(e.type == 'click') {

gameOver = false;

count = 0;

bullets = [];

asteroids = [];

explosions = [];

destroyed = 0;

player.deg = 0;

canvas.removeEventListener('contextmenu', action);

canvas.removeEventListener('mousemove', move);

canvas.style.cursor = "default";

} else {

canvas.style.cursor = "pointer";

}

} else {

canvas.style.cursor = "default";

}

} else {

dist = Math.sqrt(((e.offsetX - cW/2) * (e.offsetX - cW/2)) + ((e.offsetY - cH/2) * (e.offsetY - cH/2)));

if (dist < 27) {

if(e.type == 'click') {

playing = true;

canvas.removeEventListener("mousemove", action);

canvas.addEventListener('contextmenu', action);

canvas.addEventListener('mousemove', move);

canvas.setAttribute("class", "playing");

canvas.style.cursor = "default";

} else {

canvas.style.cursor = "pointer";

}

} else {

canvas.style.cursor = "default";

}

function fire() {

var distance;

for(var i = 0; i < bullets.length; i++) {

if(!bullets[i].destroyed) {

ctx.save();

ctx.translate(cW/2,cH/2);

ctx.rotate(bullets[i].deg);

ctx.drawImage(

sprite,

211,

100,

50,

75,

bullets[i].x,

bullets[i].y -= 20,

19,

);

ctx.restore();

//Real coords

bullets[i].realX = (0) - (bullets[i].y + 10) * Math.sin(bullets[i].deg);

bullets[i].realY = (0) + (bullets[i].y + 10) * Math.cos(bullets[i].deg);

bullets[i].realX += cW/2;

bullets[i].realY += cH/2;

//Collision

for(var j = 0; j < asteroids.length; j++) {

if(!asteroids[j].destroyed) {

distance = Math.sqrt(Math.pow(

asteroids[j].realX - bullets[i].realX, 2) +

Math.pow(asteroids[j].realY - bullets[i].realY, 2)

);

if (distance < (((asteroids[j].width/asteroids[j].size) / 2) - 4) + ((19 / 2) - 4)) {

destroyed += 1;

asteroids[j].destroyed = true;

bullets[i].destroyed = true;

explosions.push(asteroids[j]);

}

function planet() {

ctx.save();

ctx.fillStyle = 'white';

ctx.shadowBlur = 100;

ctx.shadowOffsetX = 0;

ctx.shadowOffsetY = 0;

ctx.shadowColor = "#999";

ctx.arc(

(cW/2),

(cH/2),

100,

Math.PI * 2

);

ctx.fill();

//Planet rotation

ctx.translate(cW/2,cH/2);

ctx.rotate((_planet.deg += 0.1) * (Math.PI / 180));

ctx.drawImage(sprite, 0, 0, 200, 200, -100, -100, 200,200);

ctx.restore();

}

function _player() {

ctx.save();

ctx.translate(cW/2,cH/2);

ctx.rotate(player.deg);

ctx.drawImage(

sprite,

200,

player.width,

player.height,

player.posX,

player.posY,

player.width,

player.height

);

ctx.restore();

if(bullets.length - destroyed && playing) {

fire();

}

function newAsteroid() {

var type = random(1,4),

coordsX,

coordsY;

switch(type){

case 1:

coordsX = random(0, cW);

coordsY = 0 - 150;

break;

case 2:

coordsX = cW + 150;

coordsY = random(0, cH);

break;

case 3:

coordsX = random(0, cW);

coordsY = cH + 150;

break;

case 4:

coordsX = 0 - 150;

coordsY = random(0, cH);

break;

}

var asteroid = {

x: 278,

y: 0,

state: 0,

stateX: 0,

width: 134,

height: 123,

realX: coordsX,

realY: coordsY,

moveY: 0,

coordsX: coordsX,

coordsY: coordsY,

size: random(1, 3),

deg: Math.atan2(coordsX - (cW/2), -(coordsY - (cH/2))),

destroyed: false

};

asteroids.push(asteroid);

}

function _asteroids() {

var distance;

for(var i = 0; i < asteroids.length; i++) {

if (!asteroids[i].destroyed) {

ctx.save();

ctx.translate(asteroids[i].coordsX, asteroids[i].coordsY);

ctx.rotate(asteroids[i].deg);

ctx.drawImage(

sprite,

asteroids[i].x,

asteroids[i].y,

asteroids[i].width,

asteroids[i].height,

-(asteroids[i].width / asteroids[i].size) / 2,

asteroids[i].moveY += 1/(asteroids[i].size),

asteroids[i].width / asteroids[i].size,

asteroids[i].height / asteroids[i].size

);

ctx.restore();

//Real Coords

asteroids[i].realX = (0) - (asteroids[i].moveY + ((asteroids[i].height / asteroids[i].size)/2)) * Math.sin(asteroids[i].deg);

asteroids[i].realY = (0) + (asteroids[i].moveY + ((asteroids[i].height / asteroids[i].size)/2)) * Math.cos(asteroids[i].deg);

asteroids[i].realX += asteroids[i].coordsX;

asteroids[i].realY += asteroids[i].coordsY;

//Game over

distance = Math.sqrt(Math.pow(asteroids[i].realX - cW/2, 2) + Math.pow(asteroids[i].realY - cH/2, 2));

if (distance < (((asteroids[i].width/asteroids[i].size) / 2) - 4) + 100) {

gameOver = true;

playing = false;

canvas.addEventListener('mousemove', action);

}

} else if(!asteroids[i].extinct) {

explosion(asteroids[i]);

}

if(asteroids.length - destroyed < 10 + (Math.floor(destroyed/6))) {

newAsteroid();

}

function explosion(asteroid) {

ctx.save();

ctx.translate(asteroid.realX, asteroid.realY);

ctx.rotate(asteroid.deg);

var spriteY,

spriteX = 256;

if(asteroid.state == 0) {

spriteY = 0;

spriteX = 0;

} else if (asteroid.state < 8) {

spriteY = 0;

} else if(asteroid.state < 16) {

spriteY = 256;

} else if(asteroid.state < 24) {

spriteY = 512;

} else {

spriteY = 768;

}

if(asteroid.state == 8 || asteroid.state == 16 || asteroid.state == 24) {

asteroid.stateX = 0;

}

ctx.drawImage(

spriteExplosion,

asteroid.stateX += spriteX,

spriteY,

256,

- (asteroid.width / asteroid.size)/2,

-(asteroid.height / asteroid.size)/2,

asteroid.width / asteroid.size,

asteroid.height / asteroid.size

);

asteroid.state += 1;

if(asteroid.state == 31) {

asteroid.extinct = true;

}

ctx.restore();

}

function start() {

if(!gameOver) {

//Clear

ctx.clearRect(0, 0, cW, cH);

ctx.beginPath();

//Planet

planet();

//Player

_player();

if(playing) {

_asteroids();

ctx.font = "20px Verdana";

ctx.fillStyle = "white";

ctx.textBaseline = 'middle';

ctx.textAlign = "left";

ctx.fillText('Record: '+record+'', 20, 30);

ctx.font = "40px Verdana";

ctx.fillStyle = "white";

ctx.strokeStyle = "black";

ctx.textAlign = "center";

ctx.textBaseline = 'middle';

ctx.strokeText(''+destroyed+'', cW/2,cH/2);

ctx.fillText(''+destroyed+'', cW/2,cH/2);

} else {

ctx.drawImage(sprite, 428, 12, 70, 70, cW/2 - 35, cH/2 - 35, 70,70);

}

} else if(count < 1) {

count = 1;

ctx.fillStyle = 'rgba(0,0,0,0.75)';

ctx.rect(0,0, cW,cH);

ctx.fill();

ctx.font = "60px Verdana";

ctx.fillStyle = "white";

ctx.textAlign = "center";

ctx.fillText("游戏结束",cW/2,cH/2 - 150);

ctx.font = "20px Verdana";

ctx.fillStyle = "white";

ctx.textAlign = "center";

ctx.fillText("击毁: "+ destroyed, cW/2,cH/2 + 140);

record = destroyed > record ? destroyed : record;

ctx.font = "20px Verdana";

ctx.fillStyle = "white";

ctx.textAlign = "center";

ctx.fillText("记录: "+ record, cW/2,cH/2 + 185);

ctx.drawImage(sprite, 500, 18, 70, 70, cW/2 - 35, cH/2 + 40, 70,70);

canvas.removeAttribute('class');

}

function init() {

window.requestAnimationFrame(init);

start();

}

init();

//Utils

function random(from, to) {

return Math.floor(Math.random() * (to - from + 1)) + from;

}

if(~window.location.href.indexOf('full')) {

var full = document.getElementsByTagName('a');

full[0].setAttribute('style', 'display: none');

}

变态方块小游戏

仿全面飞机大战设计游戏源码

吃包子游戏源码

基于H5实现的手机移动端打地鼠类小游戏

基于html5的3D俄罗斯方块游戏源码

基于js实现的消灭动物小游戏源码

堆木头游戏

微信蜘蛛侠游戏源码

打飞机游戏

捕鱼游戏源码

方言八级考试源码

有趣的仿神经猫html5圈小猫游戏源码

有趣的小心女司机手机过马路闯关小游戏源码

极少的JS写的贪吃蛇游戏（带优化版本）

植物大战僵尸

经典90版HTML5坦克大战游戏源码

飞得更高游戏

驴子跳跳游戏源码

HTML5实现剪刀石头布小游戏

html5手机端投篮球小游戏源码下载

var scorenext=0;

function Basketball() {

this.version = "0.1", this.balls = [], this.hoops = [], this.texts = [], this.res = {},this.score = 0,

this.started = !1, //false

this.gameOver = !1, //false

this.ballX = 160, //球X坐标

this.ballY = 880, //球Y坐标

this.ballVel = 1200, this.ballAngleVel = 10, this.ballAngle = 0,

this.ballsShot = 1, this.ballCharge = 0, this.time = 30,

this.toNextSecond = 1, this.sound = !1, //false

this.state = "menu",

this.menuText = new AnimatedText("点击开始游戏", 320, 530, 40, .01),

this.overText = new AnimatedText("点击继续游戏", 320, 800, 40, .01),

this.flashText = [],

this.scored = 0,

this.totalBalls = 3,

this.round = 1,

this.missed = 0,

//this.timer = 30,

timerself=30,

this.displayScore = 0,

this.storage = "undefined" != typeof Storage ? !0 : !1;//true or false

var t;

var w,h;

w = (window.innerWidth || document.documentElement.clientWidth) || document.body.clientWidth;

h = (window.innerHeight || document.documentElement.clientHeight) || document.body.clientHeight;

this.init = function() {

return this.setupCanvas(), this.load(), this.setupEventListeners(), this.resizeToWindow(),this.counttip(), this//;

this.counttip = function(t){

//Basketball.drawText(t, "点击屏幕投球. 投丢3次游戏结束.", 320, 940, 26);

this.setupCanvas = function() {

this.canvas = document.getElementById("canvas"),

this.canvas.width = 640,

this.canvas.height = 960,

this.ctx = this.canvas.getContext("2d")

this.setupEventListeners = function() {

var t = this;

t.click = true;

this.canvas.addEventListener("mousedown", function() {

t.click = !0//true

}, !1), this.canvas.addEventListener("mouseup", function() {

t.click = !1//false

}, !1), this.canvas.addEventListener("touchstart", function() {

t.click = !0//true

}, !1), this.canvas.addEventListener("touchend", function() {

t.click = !1//false

}, !1), window.addEventListener("resize", function() {

t.resizeToWindow()

}, !1)

this.resizeToWindow = function() {

var t = this.canvas.width / this.canvas.height, s = window.innerHeight, i = s * t;

/*console.log(s);

console.log(i);

console.log(t);

console.log(this.canvas.width);

console.log(this.canvas.height);*/

this.canvas.style.width = w + "px", this.canvas.style.height = h + "px"

this.start = function() {

var s = this, i = Date.now();

setInterval(function() {

var e = Date.now();

t = e - i, s.loop(t / 1e3), i = e

}, .06), this.hoops.push(new Hoop(120, 520), new Hoop(372, 520), new Hoop(246, 260));

var timer = setInterval(function(){

//console.log("一种可能");

timerself--;

console.log(scorenext);

//console.log(timerself);

if(timerself<=0){

this.state = "over";

setTimeout(function(){window.location.href="end.html?score="+scorenext;},3000);

clearInterval(timer);

console.log(this.state);

//window.location=index.html;

}

},1000);

this.drawLoadingScreen = function() {

var t = this.canvas.getContext("2d");

t.fillStyle = "black", t.fillRect(0, 0, 960, 640), t.textAlign = "center", this.drawText(t, "Loading...", 320, 480, 40), t.textAlign = "left"

//获取图片资源和声音

this.getResources = function() {

var t = ["image/background.png", "image/ball.png", "image/hoop.png","image/t1.png","image/t2.png","image/t3.png"], s = ["image/bounce_1.wav"];

return this.sound ? t.concat(s) : t

//加载

this.load = function() {

this.drawLoadingScreen();

console.log("点击开始");

for (var t = this, s = 0, i = this.getResources(), e = 0; e < i.length; e++) {

var h = i[e].split(".").pop();

console.log("开始");

if ("png" == h) {

var a = new Image;

a.src = i[e], a.addEventListener("load", function() {

s++, s == i.length && t.start();

}, !1), this.res[i[e]] = a

} else {

var n = new Audio;

n.src = i[e], n.addEventListener("canplaythrough", function() {

s++, s == i.length && t.start()

}, !1), this.res[i[e]] = n

}

//游戏声音

this.playSound = function(t) {

this.sound && (this.res[t].currentTime = 0, this.res[t].play())

//文本

this.drawText = function(t, s, i, e, h) {

t.font = h + "px Contrail One", t.lineWidth = 5, t.strokeStyle = "white", t.strokeText(s, i, e), t.fillStyle = "#0098BF", t.fillText(s, i, e)

//循环更新

this.loop = function(t) {

//console.log("loop()");

this.update(t), this.draw(this.canvas.getContext("2d"))

//更新游戏

this.update = function(t) {

if (timerself>=1 && "menu" == this.state && (gameStart(), this.click && (this.state = "play", this.click = !1), this.menuText.update(t)), "play" == this.state) {

// console.log("游戏ind");

gameStart(),

this.ballX += this.ballVel * t,

this.ballX > 547 && (this.ballVel = -this.ballVel, this.ballX = 547),

this.ballX < 0 && (this.ballVel = -this.ballVel, this.ballX = 0);

for (var s = 0; s < this.balls.length; s++) {

var i = this.balls[s];

if (i.falling)

for (var e = 0; e < this.hoops.length; e++) {

var h = this.hoops[e], a = h.x + 74, n = h.y + 40, r = a - i.x, l = n - i.y, o = Math.sqrt(r * r + l * l);

if (52 > o && (i.scored || (i.setAngle(90), scorenext = this.score += 10, this.texts.push(new PopText("+ 10", h.x, h.y))), i.scored = !0), !i.scored)

for (var c = 0; c < h.points.length; c++) {

var d = h.points[c], r = d.x - i.x, l = d.y - i.y, o = Math.sqrt(r * r + l * l), g = Math.atan2(d.y - i.y, d.x - i.x);

if (o > 54 && !i.canBounce && (i.canBounce = !0), 52 > o && i.canBounce) {

this.playSound("image/bounce_1.wav"), i.bounces++, i.setAngle(180 * g / Math.PI + 180 + Math.floor(10 * Math.random()) - Math.floor(10 * Math.random())), i.bounces > 3 && (i.bounces = 3);

var v = 180 * g / Math.PI;

v > 0 && 180 > v && (i.gravity = 950 + 100 * i.bounces), i.angleVel = -i.angleVel, i.canBounce = !1

}

i.update(t),

i.y > 960 && (this.ballX = i.x, this.balls.splice(s, 1),

i.scored || (this.flashText.push(new FlashText("差一点"))/*,++this.missed >= 2 && (this.state = "over")*/))//,

/*++this.missed >= 4 */

///*(i.x < -100 || i.x > 740) && (this.ballX = i.x, this.balls.splice(s, 1),

// i.scored || (this.flashText.push(new FlashText("投丢B!")),

// ++this.missed >= 3 && (this.state = "over")))*/

}

if (this.click && this.ballY <= 950 && this.balls.length < 1) {

var i = new Ball(this.ballX + 46.5, this.ballY);

i.drawAngle = this.ballAngle, i.shoot(1480), this.balls.push(i), this.ballY = 961

}

this.balls.length < 1 && this.ballY > 880 && (this.ballY -= 100 * t), this.click || (this.ballsShot = 0);

for (var s = 0; s < this.texts.length; s++) {

var u = this.texts[s];

u.update(t)

}

for (var s = 0; s < this.hoops.length; s++) {

var h = this.hoops[s];

h.update(t)

}

for (var s = 0; s < this.flashText.length; s++) {

var u = this.flashText[s];

u.update(t), u.opacity <= 0 && this.flashText.splice(s, 1)

}

if ("over" == this.state) {

// var f = localStorage.getItem("score");

}

//console.log("游戏结束");

this.draw = function(t) {

if (t.drawImage(this.res["image/background.png"], 0, 0), "menu" == this.state && ( this.menuText.draw(t), this.ctx.textAlign = "center", t.textAlign = "left"), "play" == this.state) {

for (var s = 0; s < this.hoops.length; s++) {

var i = this.hoops[s];

i.drawBack(t)

}

for (var s = 0; s < this.balls.length; s++) {

var e = this.balls[s];

e.falling && e.draw(t)

}

for (var s = 0; s < this.hoops.length; s++) {

var i = this.hoops[s];

i.drawFront(t)

}

for (var s = 0; s < this.balls.length; s++) {

var e = this.balls[s];

e.falling || e.draw(t)

}

this.balls.length < 1 && drawImage(t, this.res["image/ball.png"], this.ballX, this.ballY, 0, 0, 93, 93, 45, 45, this.ballAngle), t.textAlign = "left",this.drawText(t,this.score+" 分", w/2, 70, 40);

this.drawText(t, "还有 " + timerself+" 秒", w/2, 140, 40);

for (var s = 0; s < this.texts.length; s++) {

var h = this.texts[s];

h.draw(t)

}

for (var s = 0; s < this.flashText.length; s++) {

var h = this.flashText[s];

h.draw(t)

}

function Hoop(t, s) {

this.x = t, this.y = s, this.move = !1, this.vel = 100, this.points = [{x: t + 7,y: s + 18}, {x: t + 141,y: s + 18}], this.update = function(t) {

if (this.move) {

this.x += this.vel * t;

for (var s = 0; s < this.points.length; s++) {

var i = this.points[s];

i.x += this.vel * t

}

this.x > 382 ? (this.vel = -this.vel, this.x = 382) : this.x < 110 && (this.vel = -this.vel, this.x = 110)

}

}, this.drawBack = function(t) {

drawImage(t, game.res["image/hoop.png"], this.x, this.y, 0, 0, 148, 22, 0, 0, 0)

}, this.drawFront = function(t) {

drawImage(t, game.res["image/hoop.png"], this.x, this.y + 22, 0, 22, 148, 156, 0, 0, 0);

for (var s = 0; s < this.points.length; s++) {

var i = this.points[s];

t.beginPath(), t.arc(i.x, i.y, 5, 0, 2 * Math.PI, !1), t.fillStyle = "red"

}

function Ball(t, s) {

this.angle = t, this.vx = this.speed * Math.cos(this.angle * Math.PI / 180), this.vy = this.speed * Math.sin(this.angle * Math.PI / 180), this.gravity = 0

}, this.shoot = function(t) {

this.speed = t + Math.floor(40 * Math.random()), this.setAngle(270)

}, this.update = function(t) {

}, this.draw = function(t) {

drawImage(t, game.res["image/ball.png"], Math.floor(this.x - 46.5), Math.floor(this.y - 46.5), 0, 0, 93, 93, 46.5, 46.5, this.drawAngle)

}

function PopText(t, s, i) {

this.string = t, this.x = s, this.y = i, this.vy = -500, this.opacity = 1, this.update = function(t) {

this.y += this.vy * t, this.vy += 1e3 * t, this.vy > 0 && this.opacity > 0 && (this.opacity -= 2 * t), this.opacity <= 0 && (this.opacity = 0)

}, this.draw = function(t) {

t.globalAlpha = this.opacity, game.drawText(t, this.string, this.x + 15, this.y), t.globalAlpha = 1

}

function AnimatedText(t, s, i, e, h) {

this.string = t, this.x = s, this.y = i, this.size = e, this.vel = 50, this.speed = h, this.toNextSize = 0, this.update = function(t) {

this.size += this.vel * t, this.size >= 60 ? (this.vel = -this.vel, this.size = 60) : this.size <= 40 && (this.vel = -this.vel, this.size = 40)

}, this.draw = function(t) {

t.save(), t.textAlign = "center", game.drawText(t, this.string, this.x, this.y, this.size), t.restore()

}

function FlashText(t) {

this.string = t, this.size = 10, this.speed = 170, this.opacity = 1, this.update = function(t) {

this.size += this.speed * t, this.size > 100 && (this.opacity -= 2 * t)

}, this.draw = function(t) {

t.textAlign = "center", t.save(), t.globalAlpha = this.opacity, game.drawText(t, this.string, 320, 480, this.size), t.restore()

}

function drawImage(t, s, i, e, h, a, n, r, l, o, c) {

t.save(), t.translate(i + l, e + o), t.rotate(c * Math.PI / 180), t.drawImage(s, h, a, n, r, -l, -o, n, r), t.restore()

}

function gameStart() {

isEnterOver && (isEnterOver = !1, overTimer = clearTimeout(overTimer))

}

function gameOver(t) {

isEnterOver || (isEnterOver = !0, overTimer = clearTimeout(overTimer), overTimer = setTimeout(function() {

var s = Math.max(t, localStorage.getItem("score"));

console.log("once");

}, 1e3))

}

var game;

//eval(function(t, s, i, e, h, a) {

// if (h = function(t) {

// return (s > t ? "" : h(parseInt(t / s))) + ((t %= s) > 35 ? String.fromCharCode(t + 29) : t.toString(36))

// }, !"".replace(/^/, String)) {

// for (; i--; )

// a[h(i)] = e[i] || h(i);

// e = [function(t) {

// return a[t]

// }], h = function() {

// return "\\w+"

// }, i = 1

// }

// for (; i--; )

// e[i] && (t = t.replace(new RegExp("\\b" + h(i) + "\\b", "g"), e[i]));

// return t

window.onload = function() {

//document.getElementById("countmask");

// var i = 0;

// var counttimer = setInterval(function(){

// i++;

// console.log(i);

// if(i>=3){

// clearInterval(counttimer);

// game = (new Basketball).init();

// }

// },1000);

game = (new Basketball).init();

};//, ih5game.setShare("desc", "<<极限投篮>>超棒，超赞，试试你能砍下多少分！火舞游戏");

var isEnterOver, overTimer;

最后送大家一首诗:

山高路远坑深, 大军纵横驰奔, 谁敢横刀立马？惟有点赞加关注大军。

优惠劵

亚丁号

关注

踩

觉得还不错?

一键收藏

打赏

知道了

分享24个网页游戏源代码，总有一个是你想要的

html

复制链接

扫一扫

专栏目录

c++小游戏大集结【免费复制源码】

yzy6668888的博客

08-12

1万+

各种游戏（源代码）

07-19

初学时不知道做些什么那么就来做些游戏吧内附有源代码清楚明了

1 条评论

您还未登录，请先

后发表或查看评论

html制作网页案例代码【游戏网页设计】作业「响应式高端游戏资讯bootstrap网站」

11个HTML代码游戏，源码已经打包整理好了【免费自取】 - 哔哩哔哩

TML代码游戏，源码已经打包整理好了【免费自取】 - 哔哩哔哩 11个HTML代码游戏，源码已经打包整理好了【免费自取】博斌教育

关注专栏/11个HTML代码游戏，源码已经打包整理好了【免费自取】11个HTML代码游戏，源码已经打包整理好了【免费自取】

2021年04月06日 09:01--浏览 ·

--喜欢 ·

--评论

博斌教育粉丝：1.1万文章：45

关注11个HTML游戏带你找回童年的游戏，还记的那些80、90后都玩过的游戏吗，今天带你如果用代码实现那些曾经玩过的游戏，同时源码已经打包整理好啦，需要自取，别忘了一键三连呦。这里11个HTML代码游戏，源码已经打包整理好了。圣诞老人过悬崖小游戏点击屏幕杆子会拉长，类似于跳一跳，难度比较高HTML翻牌小游戏代码主要是考验记忆力，连续翻两张一样配对，难度简单HTML欢乐打地鼠小游戏打地鼠不用解释了吧，难度简单的不能再简单了，适合小朋友玩。HTML拉杆子过关小游戏代码这个和第一个很类似，难度比那个稍低一些HTML倾斜迷宫小游戏主要是靠上下左右倾斜控制小球，把小球合成一个就好了。HTML热气球飞行游戏代码这个游戏比较坑，控制气球飞的高燃气消耗的越，难度一般。jQuery坦克大战网页小游戏这款难度是真的高，是这11个游戏里面难度最高的了，强烈推荐大家试下。HTML弹珠打砖块游戏代码经典的弹珠打砖块游戏，难度一般，比较耗时间。HTML五子棋小游戏五子棋就不用介绍啦，没有限制的情况下，先手几乎必胜。Vue.js注意力大考验小游戏代码主要是考验手速和反映，玩了几次都说我比猪慢，感觉是设定上的问题。JS俄罗斯方块游戏代码小时后的经典游戏啦。【以上游戏都是HTML网页格式的，都是可以直接打开的，已经打包整理好啦分享给大家】提示：爱学习哦，不要沉迷游戏，平时打发一下无聊时间最好啦。通通无偿分享给你们!免费自取!●:关十后台call“打卡”●:评论:代码游戏。本文为我原创本文禁止转载或摘编

游戏

教程

HTML

程序员

编程

代码

源码

Python

游戏代码

分享到：

投诉或建议评论目录------

【HTML教程】制作HTML网页游戏（附带多个游戏源码）

L教程】制作HTML网页游戏（附带多个游戏源码）模板博客文档会员订阅下载客户端在线使用返回博客【HTML教程】制作HTML网页游戏（附带多个游戏源码）HTML编程学习2023-02-08我们现在常说的HTML其实已经是HTML5了，属于HTML标记语言的第五代也是最新的版本。新版本的HTML让网页科技实现多种不同的可能，其中包括支持接入各种JavaScript的代码，从而诞生了各类的网络应用和游戏。

现代的HTML网页制作往往离不开HTML、CSS和JavaScript三件套。结合这些功能不一的计算机语言，无论是手机或是电脑上的浏览器都能适配不同种类的应用。

HTML网页制作需要哪些工具？

HTML网页制作其实需要的工具或者素材很简单，大致上包括：

支持HTML/CSS/JavaScript的文本编辑器（例如：Lightly、VSCode、微软自带的记事本等等）

游戏所需的背景、物体、人物等素材（Itch.io上可以找到各种不同的免费优质素材）

精选HTML网页游戏

这里精选了一系列由HTML和JavaScript制作而成的网页游戏，这些游戏不仅容量占用小，风格也独特有趣。只需要从把GitHub网址复制粘贴到Lightly中，就可以运行游戏或者修改游戏代码进行优化。

但丁 Dante

路西法：“真是的，地狱的传送服务又挂了 …… 恶灵们全都掉到了还在施工的地方。但丁，你去把他们回收到第八圈吧！”

玩家通过上帝视角或第一视角扮演但丁，回收所有恶灵让他们承受应有的惩罚。

GitHub网址：https://github.com/SalvatorePreviti/js13k-2022.git

即死梦城 Dying Dreams

“你反复做着同样的梦 …… 所有人都得死去 ……”

即死梦城是一个有趣的解谜游戏。你必须杀死画面中的所有人偶，但每个人偶都会同时移动！

这个小游戏共有13个关卡，除了后面的几关以外，其实都不太难。

GitHub网址：https://github.com/jani-nykanen/dying-dreams.git

巫师诺曼 Norman the Necromancer

你是诺曼，但你在村头里的风评并不是那么好。大家都想把你除掉，保护好你自己吧！

GitHub网址：https://github.com/danprince/js13k-2022.git

跳跳魂 Soul Jumper

蹦蹦跳跳通关10个关卡，踩着你的灵魂来越过尖刺、空隙和掉下来的方块！没死对？那就重新再来过，直到魂魄对齐为止。

GitHub网址：https://github.com/tyler6699/js13k2022.git

划一 The Neatness

让骷髅头与墓碑连在一起，先不要觉得这个游戏太简单。言尽于此。

GitHub网址：https://github.com/mvasilkov/neatness2022.git

tokenpockettokenpockettokenpocket官网|网页游戏源码

tokenpockettokenpockettokenpocket官网|网页游戏源码

源码屋-手游源码丨端游源码丨页游源码丨服务端丨架设教程

推荐几个高质、好用的游戏源码下载网站 - 知乎

Html5 Ｈ5 游戏源码免费下载 - 爱给网

网页游戏页游 web 游戏源码免费下载 - 爱给网

30 个纯 HTML5 实现的游戏 - 知乎

分享24个网页游戏源代码，总有一个是你想要的_游戏源码-CSDN博客

分享24个网页游戏源代码，总有一个是你想要的_小游戏源码-CSDN博客

11个HTML代码游戏，源码已经打包整理好了【免费自取】 - 哔哩哔哩

【HTML教程】制作HTML网页游戏（附带多个游戏源码）

菜单

支持

Follow

tokenpockettokenpockettokenpocket官网|网页游戏源码

tokenpockettokenpockettokenpocket官网|网页游戏源码

源码屋-手游源码丨端游源码丨页游源码丨服务端丨架设教程

推荐几个高质、好用的 游戏源码 下载网站 - 知乎

Html5 Ｈ5 游戏源码 免费下载 - 爱给网

网页游戏 页游 web 游戏源码 免费下载 - 爱给网

30 个纯 HTML5 实现的游戏 - 知乎

分享24个网页游戏源代码，总有一个是你想要的_游戏源码-CSDN博客

分享24个网页游戏源代码，总有一个是你想要的_小游戏源码-CSDN博客

11个HTML代码游戏，源码已经打包整理好了【免费自取】 - 哔哩哔哩

【HTML教程】制作HTML网页游戏（附带多个游戏源码）

最近的新闻

您可能喜欢的文章

tokenpocketapp官方网站|bottled

im钱包下载后怎么找回|测血压卡通图片

imtoken钱包用什么注册

imtoken副钱包是什么

imtoken钱包名称什么好

imtoken钱包属于什么链

电子钱包是什么imtoken

推荐几个高质、好用的游戏源码下载网站 - 知乎

Html5 Ｈ5 游戏源码免费下载 - 爱给网

网页游戏页游 web 游戏源码免费下载 - 爱给网