h拼图小游戏大全

一、win7系统自带小游戏图片拼图板中添加图片的方法

1、很多用户都玩过win7系统里面自带的小游戏吧，其中有一款叫做“图片拼图板”的小游戏，很多人都喜欢玩，可是这款游戏默认只有十一张图片，玩多了就觉得没什么意思了。那么有什么办法可以自己添加一些新的图片作为拼图呢?下面就来看小编是如何操作的。

2、一、我们先给文件夹增加Administrator账户权限。接着我们在C盘目录找到ProgramFiles\WindowsSidebar\Gadgets\PicturePuzzle\Gadget\Zh-cn\js文件夹，使用鼠标右键点击Settings文件，并且选择属*。其次大家在打开的属*窗口里面，把界面切换到“安全”选项卡中，并且点击“高级”按钮即可打开Settings的高级安全设置窗口。然后切换至“所有者”选项卡下，单击“编辑”按钮，将所有者修改为Administrator帐户。

3、二、其次返回至Settings属*窗口，紧跟着选择Administrator用户，*后我们使用鼠标点击编辑按钮，并且勾选“安全控制”以及“修改”项，*后再点击确定按钮退出窗口。

4、三、接着大家用记事本打开Settings文件，其次把VarMaxImage=11的值修改为VarMaxImage=12，并且添加图片。如果我们想要添加两幅图片，则修改为13，依次类推。

5、四、*后一步，大家把新图片尺寸直接修改为108108，它的格式为PNG，并且把它的名字更改为12，将其保存至C盘ProgramFiles\WindowsSidebar\Gadgets\PicturePuzzle.Gadget\Imagesy文件夹里面。

二、前端实战:从零到一实现H5拼图小游戏(附源码)

去年，我开发了一个基于H5、JavaScript和CSS3的拼图小游戏。这款游戏利用了我自己封装的类Jquery框架Xuery，融合了许多经典的JavaScript算法和CSS3特*，对提升大家的编程能力大有裨益。文章末尾将提供源码获取方式，供大家学习体验。

由于这款应用属于H5游戏，为了使项目更轻量，我没有使用第三方UI库。如果大家想使用基于Vue的第三方移动端UI库，我可以推荐几个我之前使用过的靠谱组件库：[此处省略推荐内容]。以上推荐的都是社区完善、bug较少的组件库，大家可以试试看。

回到我们的小游戏开发，主要考验大家对JavaScript和CSS3的掌握程度。学习完这篇文章后，相信大家对JavaScript和CSS3的编程能力都会有**的提升。之后，我还会介绍如何使用canvas实现生成战绩海报图的功能。

本文的算法实现方式在之前的拼拼乐文章中已有说明，这里主要介绍核心算法，至于vue-cli的使用方法，我之前也写过对应的文章，大家可以研究学习一下。vue-cli搭建项目方式如下：[此处省略搭建方法]。

关于vue-cli3配置实战，可以参考《一张图教你快速玩转vue-cli3》。

目前，我主要整理了以下核心功能，接下来我会一一为大家实现：实现纯JavaScript上传预览图片、实现拼图分割功能、实现洗牌算法、实现生成战绩海报功能。

1.实现纯JavaScript上传预览图片：文件上传预览主要采用FileReader API实现，原理是将file对象传给FileReader的readAsDataURL，然后转化为data:URL格式的字符串（base64编码）以表示所读取文件的内容。具体代码如下：[此处省略代码]。

2.实现拼图分割功能：一般处理拼图游戏时，我们会采用以下方案：使用canvas分割图片、采用n张不同的切好的切片图片（方法简单，但会造成多次请求）、动态背景分割。经过权衡，我选择了一种自认为比较优雅的方法——动态背景分割，只需使用1张图片，然后利用CSS切割图片，有点像经典的雪碧图。具体实现如下：[此处省略实现方法]。

3.实现洗牌算法：洗牌逻辑依托于随机算法，结合坐标系，实现一个随机生成二维坐标系的逻辑，然后通过改变每个切片的translate位置，配合过渡动画，即可实现洗牌功能和洗牌动画。具体实现如下：[此处省略实现方法]。

4.实现生成战绩海报功能：生成战绩海报我采用canvas来实现，对于canvas的api不*悉的可以查看MDN，讲得比较详细。这里我简单实现一个供大家参考：[此处省略实现方法]。

H5拼图小游戏我已在github开源，感兴趣的朋友可以在我github上学习参考。以上逻辑部分的代码可以直接整合到vue项目中，由于实现比较简单，这里我就不详细介绍了。

如果想学习更多H5游戏、webpack、node、gulp、css3、javascript、nodeJS、canvas数据可视化等前端知识和实战，欢迎在《趣谈前端》一起学习讨论，共同探索前端的边界。

三、求所有NDS汉化游戏名单

0003-恶魔城-苍月的十字架 ^.tg7%dJ

0005-任天狗狗(官方体验版) l%ZhA=TKQ

0008-摸摸耀西云中漫步.pq%?&

0011-新**马里奥兄弟)+M0Y_r

0012-双重记忆异色代码 z~Q)/d,Ac

0013-牧场物语精灵驿站 ddo#P%sH'

0014-锻炼成为脑力强者的DS练习&~!Wym

0015-右脑达人*解找茬*** eFAnFJ][L

0017-游戏王噩梦吟游诗人-hV*EPQ/

0018-牧场物语精灵驿站女孩版 z=FZiH

0026-恶魔城废墟的肖像+O5hH8<&b

0027-**战士猎人 ap~^Ty<>

0029-任天狗拉布拉多犬 Ve=b16H

0030-任天狗腊肠犬*' X3z@R

0033-游戏王GX精灵的召唤 tl].r|yl

0034-重装机兵钢之季节frQ{iUx

0036-大航海时代4诺亚** l+R+&b^

0039- TAO魔法之塔与魔法之卵Lxk[;j+

0046-胜利十一人DS=>dGL|

0047-游戏王世界大赛2007 5BJmA2L

0050-新牧场物语符石工厂&=k,?TJO>

0051-*终幻想12**之翼X~i<g?]

0055-雷顿教授与不可思议的小镇*+wW(#[

0057-围棋玩得更强银星围棋DS<1COZ)

0058-结界师鸟森妖奇谈 CWP2{

0059-名**柯南DS**力锻炼 g|Fn7]G

0061-**黑巴斯垂钓北半球 AZ}Xj>=

0065-塞尔达传说幻影沙漏 Q'mM3pq4r

0067-中华雀士天奉牌娘封印九尾狐Remix,$+V

0071-脑内觉醒蜂巢冲击SrK<fAkx

0072-开花吧小机器人 rkY[E(SY

0075-美少女**3 Remix M$8^9
1%4B

0076-马里奥篮球 3on3 9lH?-~9

0077-火影忍者疾风传*强忍者大集结5 WoRZW%

0078-美丽的水族馆DS鲸鱼海豚**o\pVpbB

0079-美丽的水族馆DS灯鱼孔雀鱼天使鱼 BC<^a)D=

0080-西游记金角银角的阴谋|:<f-j7t~

0081-噗哟噗哟 15周年 Gc;{\VU

0086-*终幻想水晶编年史命运戒指 QTX
t8I

0087- 1500 Spirits Vol.4黑白棋DS ssxzC4m

0088-海贼王换档之魂 GV69eG3bX#

0089-死了都要记 L的继承者&3Sz je

0091- ASH远古封印之炎 L(-b@Joh

0095-心跳回忆女生版-初恋 QPg8;O

0096-召唤之夜孪生时代～精灵的共鸣～~**<,-Kg

0099- 1500系列 Vol.3打砖块DS IS 2^g>T#1

0100-从今开始DS卡路里指南,\ k(x>oy

0101-粉色街道闪耀音乐时间 S`;?z

0103-迷宫制造者魔法铲和小勇者/ZPyN<@

0106-寻找！库洛洛军曹找茬大作战！ f Tl<p&b

0107-游戏王世界大赛2008 m~u5kbHOi=

0112-雷顿教授与恶魔之箱2.CU5}Tv-

0113-勇者斗恶龙4被引导者们 Vq;A>

0116-太鼓达人DS触控音乐祭 cwWodPNm

0117-右脑回转火柴棒迷题D e9[|!/./5

0118-降魔灵符传2伊津奈F>[,zN

0120-代号基亚斯反叛的鲁路修 I{:(z3

0122- Super Lite 2500超难数字游戏 qfz8jY]

0123-简单DS系列 Vol.27 The密室逃脱' n$%Ls}S

0125- Super Lite 2500深红房间{aJJ`t

0126-简单DS系列 Vol.24 The战车 n>`as

0127-简单DS系列 Vol.31 The超弹丸！改造战车{aC!~qR

0128- 1500元DS系列 Vol.1**\qR%%S

0129-传说中的翠君夏色射手 FEW_bP/4

0131-简单DS系列 Vol.32僵尸危机 ]&{ci

0132-**先生的泡妞生活夜晚把妹实战篇 9Xo[(h)5d

0135-*终幻想战略版A2 ZzBQe

0136-超演习！库洛洛军曹全员集合 C 2w2252T

0139- Superlite2500东京台场*场 W$Yc'E;

0142-简单DS系列 Vol.35原始人|s)?cpb

0144-模拟人生2孤岛物语 n7YEG-J

0145- Bleach死神DS追逐苍天的命运 tD Cw-

0148-高速卡片大战卡片英雄7RvUH-S[

0153-**先生的泡妞夜生活 V8~jf-\$b

0154-名**柯南DS消失的*士与找茬之塔*AIEl"29

0155-僵尸式英语力重生术死亡英语)P>u9=?,=E

0157-暴走货柜车传奇BLACK-)y%~Zn

0158-狼与香辛料我与赫罗的一年{hO`6mr&t

0163-马里奥与索尼克相约北京奥运会n!He&

0165-鬼太郎妖怪大激战~L+]n0*

0166-牧场物语闪耀太阳和伙伴们 G7* h{nE

0167-简单DS系列Vol.39 THE消防队 WO,xM
fK

0169-陆行鸟与魔法画册:a<hQ|p

0171-简单DS系列Vol.20 The战舰 C/v}^#cLD

0176-超剧场版库洛洛军曹3 5z]\$=TE

0177- 1500 DS魂 Vol.10围棋 Ud3""C5B

0180- 120日元之冬中文语音汉化版 6d{j0?mM

0182-触摸撤退！柔软战车 If}lJ6jZ

0184- GABU★GABU星球 lvufkVG|

0187-结界师黑芒楼袭来 9oq)X[

0188-无名战士**的咆哮 98<zCSe\]

0191- AWAY混乱迷宫%vc
'{`P

0192-恶魔城被夺走的刻印+(AwSh!

0196-废屋病房逃出被诅咒的医院 gX"T*d>y

0197-迷失蔚蓝3小岛上的大秘密?zE<

0198-盗贼皇女 Y\>\[*.v

0199-牧场物语养育你的小岛;8EjjF [>

0200-乙女的恋革命 GG>Y/;^

0202-北欧女神负罪者 ZE ^u.>5

0208-勇者斗恶龙5天空的新娘%8g$T6E[<2

0210-窃国头脑战信长的野望 1 S^'C2/b

0211-泡泡龙双重射击 Rgs3A)[`d/

0213-凯蒂猫的熊猫体育馆 _=)!xnYf

0214-波斯王子复国之王 v7g
[Lk

0215-****同时镇压东京多起**活动@<
VG8{

0216-莱顿教授*后的时间旅行 G@;Nz i89

0213-凯蒂猫的熊猫体育馆.?gpI Zv

0214-波斯王子复国之王D62xC5

0215-****同时镇压东京多起**活动 e}Y|' bG

0216-莱顿教授*后的时间旅行 MX=mGfoa

0217-愿望之屋天使的记忆（美版名称黄昏旅馆 215房间） 7=YjY)6r^

0218-简单DS系列Vol.45 The密室逃脱2[Sl uYmW

0219-海因兹·沃尔夫夫教授重力大挑战 J/M_cO*U

0223-**机器人大战W VA9" Au

0225-英语苦手的**DS训练更多的英语难题 _m;#+`E

0227-**机器人大战OG传说"3kIQsD|j

0232-哈罗德**簿*****\2q!2XWgK

0234-游戏王5DS 2009 Te%2(w,B

0235-简单DS系列Vol.16不可思议的昆虫之森 MP5 vc5[

0239-谜题伙伴绘图方块,e6n3]W8

0240-口袋妖怪守护者2融合,{"%-U#z

0241-勇者斗恶龙怪兽篇 PuKT0*_ 7

0245-高级战争DS2毁灭之日AfU~k!4`

0258-*终幻想水晶编年史时之回声mmN!=mf*

0261-江户川乱步二十面相aPR0DZ@

0262-谋略的未来（运筹帷幄）#2dd`F8

0263-美少女梦工厂4DS V_1'` F

0265-心灵传说-动画版 N;\G=q] 9

0265-心灵传说- CG版 kNqIPvuMr

0267-山地越野车**疯狂 ZxvqLu

0268-美丽至*的水族馆～世界的鱼和海豚、鲸鱼～ _^Ds[VAgA

0269-口袋妖怪白金-繁体中文版 Y6&B%t<b
o

0271-藤堂龙之介**日记琥珀色的遗言 k+D32]b@

0272- Q新世纪福音战士$y2"Q,n+

0273-樱花大战因为有你~F{u4p
7{N

0274-牧场物语风之集会RyAss0Sm^

0275-怪盗瓦里奥变相七杰| e&v;48

0276- Game&Watch小游戏合集2$@VQ{S

0277-巴哈姆特之血 Z
RD@8'1p

0278-大剑银眼的魔女 f^EDiG>b`

0279-守护甜心兴高采烈甜心旋律 kS\A_"bc

0281- GameWatch游戏合集!)nA4l= S#

0282-马里奥和路易RPG2ec$kcD!

0283-闪电十一人 fw[Z7`\Q5

0286-汀格尔的蔷薇色卢比乐园 M^e;WY@ D

0287-恋爱布丁恋爱大冒险(|
*CVI;

0288-樱兰高校男**部>~D-\,d|f

0289-交错的两位名** jMH=lQ+8

0290-口袋妖怪不可思议的迷宫暗之探险队 C`>1x`n

0292-狼与香辛料跨越大海的风{e1akg.

0297-勇者斗恶龙9星空的守望者 q\`0'Z,

0298-死神BLEACH DS 4th火焰传承者 Q8~|0X\
.g

0299-使命召唤现代战争动员|P
>Yf 0

0300-光之四战士*终幻想外传 Hk
v4^|

0302-流光倾泻的庭园DS KH~o0 W

0304-小小机器人快乐大扫除 u@{z xYn

0305- To Heart 2 DS 7SyysH<H

0306-新牧场物语符文工场2 t 5{Y'

0307-新牧场物语符文工场3 U=G}@Y

0308-塞尔达传说大地的汽笛 vK10p)ZV

0011- New**马力欧兄弟-神游版

0312-益智冒险亚加利亚的骑士j<*

0313-金田一少***簿恶魔的**航海!
sTOo

0314-**校园禁锢都市传说 DfPC@` k

0315-斯隆与马克贝尔的谜之物语\OzPDN

0316-怪鸡星际卡丁车赛 H$@5\pP>

0318-噬魂师美杜莎的阴谋 T"bH{|:%*=

0291-逆转检事-逆转ACE-完美汉化版 e=H,|)P

0208-勇者斗恶龙5天空的新娘- NdsBBS& DQGame-完美典藏汉化版-%G}T}"_

0322-勇者斗恶龙6幻之大地- NdsBBS& DQGame}G/#Nb)

0323-斯隆与马克贝尔的谜之物语2 n5NwiSE

0324-爱上爱 Love Plus IG(1h+5 R(

0327- Memories将记忆的全部m~fJ_

0328-游戏王5DS桃源乡的**世界冠军2010 Ovhd%qV;Y

0336-爱丽丝梦游仙境 gLzQM3{X9

0337-不可思议的迷宫风来之西林DS j&|>Aa${

0339-心跳回忆女生版第二季 _q
p^+

0342-口袋妖怪：不可思议迷宫暗之探险队

0343-口袋妖怪：不可思议迷宫时之探险队

0344-口袋妖怪：不可思议迷宫空之探险队

后面几个是我自己加的~其他是复制论坛的~因为有盗复。。所以后面有些符号，如果介意的话~可以自己去我写的参考资料那看~