前言最近没什么需求，借着上班摸鱼的时间，写点代码玩玩。过年的时候总是和爷爷下象棋，这次用原生JS写了一个象棋小游戏，但是技术有限，只能自己一个人左右手互博来下棋。象棋规则基本上都实现了，下面就来给大家分享一下。我正在参与码上掘金编程挑战赛，请为我点赞吧！一、绘制棋盘和棋子游戏的元素是棋盘和棋子，图片都是在网上搜，然后用截图工具截下来，就可以直接使用了。棋子通过遍历数组来渲染，因为棋子的种类很多，所
转载
2023-10-23 20:07:09
89阅读
1. console.log("ddd") var data = []; for(var i = 0 ; i < 3; i++){ data[i]=function() { console.log(i); } } data[0]();// 3 data[1]();// 3 data[2]();// ...
转载
2021-10-29 11:06:00
138阅读
2评论
有这么一个场景，假设有n级的台阶。每走一步可以有三种走法 要不走一步，要不走两步，要不走三步问总共有几种走法。
这是一个可以利用递归的场景。可以使用这个方法算出共n级台阶的走法。
转载
2023-06-06 08:18:21
62阅读
最近看了几本JavaScript的本，主要想学习下JavaScript面向对象的编码方式，想从游戏入手，特收集了一些JavaScript经典小游戏。突然发现JS还是很给力，有图有真相，以下是截图：1、90坦克，经典中的经典呀，实现的真是太给力了，可惜代码经过压缩了，我已经尽力整理格式，可以看看思路2、俄罗斯方块，这也是很经典的游戏，代码清楚条理清晰，亲码直接看代码吧3、贪吃蛇，也很不错 4、还有数
转载
2023-06-08 17:25:48
395阅读
原文作者：Matthew Casperson • 编辑：Michele McDonough 1、认识一下Canvas 2、在Canvas上绘图 3、通过Canvas元素实现高级图像操作 4、通过Canvas实现视差滚动 5、写一个游戏框架（一） 6、写一个游戏框架（二） 7、动画 8、JavaScript键盘输入 9、综合运用 10、定义级别 11、跳跃与坠落 12、添加道具 13、加载资源 14
相信大家都玩过扫雷这个经典的小游戏，它规则简单但耐玩。你有没有想过自己动手开发一个呢？今天我们就教你做一个网页版的扫雷，先上一张效果截图：知识点javascriptcss3扫雷原理实验原理在开始开发之前，我们先来设计一下游戏算法。扫雷游戏的规则很简单：游戏面板上有一些格子，每个格子中有一个数字（空白表示数字为 0）或是地雷，格子中的数字表示格子周围格子中地雷的数量。玩家要做的就是把数字格子找出来，
转载
2023-08-30 23:08:23
100阅读
操作方式在游戏区域中任意位置滑动手势，点击屏幕下方的按钮，键盘WASD和↑←↓→都可以操作。游戏动作操作方块向左移动左划、按下蓝色键（左一）、A、←方块向右移动右划、按下橙色键（右一）、D、→强制方块下落下划、按下粉色键（左二）、S、↓改变方块方向上划或轻触、按下绿色键（右二）、W、↑游戏内容初始化游戏区域啥都没有，每种方块面积都是4个方格，如果水平一行充满方块那么这一行就被整体消去，否则方块堆积
转载
2023-08-29 16:22:30
22阅读
网页扫雷游戏 - part 1?前些天在网上闲逛，偶然看到大神们制作的网页版经典游戏扫雷，正好自己也在学习JavaScript，于是自己尝试着做一个网页版的扫雷游戏。写代码之前在写代码之前，需要对整个项目进行需求分析和实现顺序。基本页面结构基本的页面结构比较简单，只需要几个按钮，再加个扫雷游戏主区域，页脚需要显示剩余的雷的数量。按钮区域
用来切换 初级/中级/高级 模式，以及重新开始按钮。主
转载
2023-09-01 14:02:49
106阅读
编程思路核心：跟随游戏的步骤逻辑，思考其中所需的功能，并尽量将各部分功能分离，可以使编程思路更清晰、代码易读性更强，也方便调试先写大框架，有需要的功能直接调用（虽然未编写），交给后面的代码实现细节功能初始化：随机生成战舰的位置（这一功能最后再实现，先使用硬编码指定战舰位置（即：指定固定的位置），优先编写和调试后面的核心功能）获取玩家输入：用controller对象实现。将输入的"A3"转换为"03
转载
2023-07-07 16:31:47
314阅读
最近几天都比较休闲，有时间空闲下来写写文档之类的。过得真是快。感觉没做什么就过去了。想到之前想坚持每个月写一写博客都没坚持到。希望后面可以吧。无聊之余，看到了之前写的一个拼图游戏。就发一发共享下。写了有1年了。有些地方写得不是很好。但也能用了。先上图看效果：完整的代码可以去 git下载：https://github.com/zhouxitian/puzzle.这里主要说一下思路什么的。1、写这个之
转载
2023-06-30 17:00:06
126阅读
你知道你最喜欢的网络游戏是用哪种编程语言开发的吗?很多人会马上想到HTML5和C++，他们其实是对的。这些是最常见的选项。但是JavaScript呢?想要对JavaScript有更深入的了解和认识。 JS被认为是现代世界中最流行和最著名的编程语言。它的流行是由许多原因造成的，包括用户友好的代码和多功能性。的确，在开发网络游戏时，JavaScript也可以是一个极好的帮手。它的脚本可以轻松地将
转载
2023-06-09 17:56:05
113阅读
javascript版仿windows扫雷游戏，单个HTML文件。 简述:规则与Windows扫雷相同，支持双键翻雷，标记可疑地区，自定义难度。2004年08月，写了这个Javascript版扫雷，并在CSDN发布。2006年12月，重新翻出这个旧作，改进双键效果，精简部分代码，并增强了代码可读性。v2.1修改代码使得在firefox 1.0下可以运行。2013年10月，v2.2，修改小
转载
2023-06-13 11:42:04
74阅读
原生JavaScript抒写——贪吃蛇小游戏 文章目录原生JavaScript抒写——贪吃蛇小游戏前言一、需求分析二、效果展示三、具体逻辑代码分析1.首先创建一个html文件，然后我们利用canvas布局一个画板2.绘制一条蛇、格子、食物以及蛇的长度3.确定方向键并执行相应的方法和判断方向以及自动触发跑动4.定义我们的游戏机制规则来完善我们的游戏总结 前言前端开发的核心逻辑思维，莫过于就是对Jav
转载
2023-07-22 17:41:58
157阅读
文章目录五、傻瓜射击游戏（简单的游戏构建）5.1 准备5.2 控制乌鸦的刷出频率5.3 回收不需要的乌鸦5.4 绘制乌鸦图像以及动画5.5 计分5.6 简单的碰撞检测5.7 碰撞特效5.8 游戏结束5.9 额外部分——为乌鸦加位移特效六、敌人品种（参考结构）6.1 准备6.2 加入各种敌人附录 素材可以去一位大佬放在github的源码中直接下，见附录。五、傻瓜射击游戏（简单的游戏构建）这一个项目
转载
2023-07-11 20:59:36
0阅读
拼图游戏一、 实验目的本次实验目为练习 JavaScript 的程序编写，以实现 Web 页面的交互功能二、实验内容制作一个拼图游戏（3*3）三、实验步骤1.确定需求一个拼图游戏要实现一个 3*3 的网格布局，其中一块为空白，剩余 8 块可以自由移动，当 8 块位置正确后，再添加剩余的一块，就可以完成拼图要有完整图片的提示信息记录游戏时间、步数可以随机打乱拼图2. 设计页面原型根据需求，设计界面原
转载
2023-06-13 10:10:07
250阅读
# 使用ArcGIS JavaScript创建地图应用的步骤
## 引言
ArcGIS JavaScript是用于创建交互式地图应用程序的强大工具。在本文中，我将向你介绍如何使用ArcGIS JavaScript创建一个简单的地图应用程序。无论你是一个经验丰富的开发者，还是一个刚入行的小白，我都会尽力解释清楚每个步骤和相关的代码。
## 步骤概览
下面是创建ArcGIS JavaScript地
原创
2023-08-08 04:42:13
101阅读
我是三钻，一个在《技术银河》中等你们一起来终生漂泊学习。点赞是力量，关注是认可，评论是关爱！下期再见 ?！这个笔记是基于 Winter 老师的 《重学前端》的内容总结而得。JavaScript 中最小的结构，同学们已知的有什么呢？我想同学们都应该会想到一些东西，比如一些关键字，数字 123，或者 String 字符等等。这里我们从最小的单位，字面值和运行时类型开始讲起。原子(Atom)这里分为语法
转载
2024-09-30 19:57:24
78阅读
# JavaScript 图形绘制入门指导
在这篇文章中，我们将一起学习如何使用 JavaScript 绘制图形。我们的目标是通过 Canvas API 来创建一个简单的图形实例。下面我将详细介绍实现这一目标的步骤，并展示相应的代码和注释。
## 整体流程
| 步骤 | 描述 |
| ---- | -------------------------
# JavaScript入门指南
## 导言
欢迎来到JavaScript的世界！作为一名经验丰富的开发者，我将会带你逐步了解如何实现“JavaScript入例子”。本指南将会向你展示整个过程，并提供每个步骤所需的代码和详细注释。
## 整个流程
以下是实现“JavaScript入例子”的整个流程的概述：
| 步骤 | 描述 |
| ---- | ---- |
| 1. | 创建HTML
原创
2023-08-04 14:07:05
27阅读
# 使用 JavaScript 实现 Bounds 的完整教程
在当今的软件开发环境中，JavaScript 是一个不可或缺的工具，尤其是在 Web 开发领域。本文将引导你一步步完成一个简单的“Bounds”示例，这个功能可以用于限制定位元素在某个区域内的位置。
## 整体流程
在开始之前，我们需要明确实现这个功能的步骤。这里我们制作了一个流程表，便于你理解每个步骤的具体目标。
| 步骤
原创
2024-09-13 05:03:35
145阅读
