美高梅娱乐4858.com三十七个很棒的由html5开发的网络游戏案例

我们早已见到了愈来愈多的网站正在采用HTML5来顶替Flash,甚至网络游戏。如在点子和录像成分中HTML5担负很酷的功用,使得网页游戏也许没有安装Flash,你如故不须要插件就能够玩游戏,明天给规划是们推举四十多个那样的例子,那其中包蕴大家纯熟的气愤的鸟类
等做网游的程序员能够参见一下她是何等落成的 

方案1:二个wiki、3个数据库、多语言文字内链导航

效益:在篇章内浮现多语言文字导航,截图如下。

wiki首页:http://localhost/wiki/docs/index.php/

英文文章地址: http://localhost/wiki/docs/index.php/Hello

汉字小说地址: http://localhost/wiki/docs/index.php/Hello/zh

缺陷:uri受限制,必须是Hello、Hello/zh的格式。扩展安装步骤比较麻烦。推荐使用方案3。

todo:界面随着文章内容变化,比如Hello的界面是英文的,Hello/zh的界面是汉字的。要求自身修改一下mediawiki的代码。

美高梅娱乐4858.com 1

参考: http://www.art122-5.net/index.php/MediaWiki_Multi-language

安装步骤:

安装mediawiki,安装时语言文字接纳en。

下载Expr.php和ParserFunctions.php这2个php文件,放到extensions/ParserFunctions/目录中。

下载地址:http://www.mediawiki.org/wiki/Extension:ParserFunctions_%28extended%29

修改LocalSettings.php,出席一行require_once(
“$IP/extensions/ParserFunctions/ParserFunctions.php”);

然后在wiki中搜索Hello,新建一个Hello页面,内容如下:

{{Languages|Hello}}
Hello World!

然后点击进入Template:Languages页面,复制此页的内容
http://www.mediawiki.org/w/index.php?title=Template:Languages&action=edit

然后编辑Template:Nmbox,复制
http://www.mediawiki.org/w/index.php?title=Template:Nmbox&action=edit

编辑Template:Documentation,复制
http://www.mediawiki.org/w/index.php?title=Template:Documentation&action=edit

编辑Template:Documentation/core2,复制
http://www.mediawiki.org/w/index.php?title=Template:Documentation/core2&action=edit

编辑Template:Documentation/core,复制
http://www.mediawiki.org/w/index.php?title=Template:Documentation/core&action=edit

编辑Template:Languages/Title,复制
http://www.mediawiki.org/w/index.php?title=Template:Languages/Title&action=edit

编辑Project:Language_policy,复制
http://www.mediawiki.org/w/index.php?title=Project:Language_policy&action=edit

新建Hello/zh页面,内容如下:

{{Languages|Hello}}
你好

愤怒的小鸟(那个游戏要求用谷歌(Google)浏览器才能玩,只怕设置谷歌(谷歌(Google))浏览器插件)

 

 

美高梅娱乐4858.com 2

方案2:八个wiki、四个数据库、多语言文字外链导航

效果:在左边边栏下边出现多语言文字的外链导航,截图如下。

英文版wiki首页:http://localhost/wiki/en/index.php/

汉字版wiki首页:http://localhost/wiki/zh/index.php/

英文作品地址:http://localhost/wiki/en/index.php/Hello

汉字小说地址: http://localhost/wiki/zh/index.php/你好

可取:uri可任意,能够动用“Hello”、“你好”的格式。界面跟着uri变化,英文的小说界面也是英文的。

美高梅娱乐4858.com 3

参考:http://www.mediawiki.org/wiki/Manual:Interwiki

安装步骤:

每种语言文字独立设置1套wiki、1套数据库。

例如设置了en和zh版的。

en版:http://localhost/wiki/en/

zh版:http://localhost/wiki/zh/

签到到en版的数据库中,在interwiki表中进入zh版的链接。命令如下:

mysql -uwiki_en -p1 wiki_en
mysql> INSERT INTO `interwiki` VALUES('zh','http://localhost/wiki/zh/$1',0,0);

接下来在en版中创制Hello页面,内容如下:

[[zh:你好]]
Hello

Front Invaders

 

美高梅娱乐4858.com 4

方案3:3个wiki、二个数据库、多语言文字内链导航

作用:在左手边栏上面出现多语言文字的内链导航,截图如下。

wiki首页:http://localhost/wiki/test/index.php/

英文文章:http://localhost/wiki/test/index.php/Hello

汉字小说:http://localhost/wiki/test/index.php/你好

优点:不用安装增添,不用安装两个wiki,融合了方案1和方案2的优点。uri可任意,能够行使“Hello”和“你好”,也能够动用“Hello”和“Hello/zh”。

todo:界面随着小说内容变化,比如Hello的界面是英文的,Hello/zh的界面是汉字的。供给协调修改一下mediawiki的代码。

美高梅娱乐4858.com 5

步骤:

mysql -uwiki_test -p1 wiki_test
mysql> INSERT INTO `interwiki` VALUES('zh','./$1',0,0);
mysql> INSERT INTO `interwiki` VALUES('en','./$1',0,0);

接下来建立“Hello”页面,内容如下:

[[zh:你好]]
Hello World.

然后建立“你好”页面,内容如下:

[[en:Hello]]
你好,世界。

3Bored

 

美高梅娱乐4858.com 6

MediaWiki支持HTML语言

修改LocalSettings.php,加入一行:

$wgRawHtml = true;

Agent 008 Ball

 

美高梅娱乐4858.com 7

MediaWiki安装后切换英文版为汉字版

修改LocalSettings.php:

$wgLanguageCode = "zh";

Web Snooker

 

美高梅娱乐4858.com 8

MediaWiki URI rewrite

vi LocalSettings.php
$wgArticlePath      = "${wgScriptPath}/$1";
sudo vi /usr/local/apache2/conf/extra/httpd-vhosts.conf
  RewriteEngine On
  RewriteRule ^/wiki/test/(images|skins)/ - [L] # so skins and images work
  RewriteRule ^/wiki/test/(.+)$ /wiki/test/index.php?title=$1 [PT,L,QSA]

Blinkwang

 

美高梅娱乐4858.com 9

MediaWiki禁止匿名编辑

vi LocalSettings.php
$wgGroupPermissions['*']['edit']   = false;

Biolab Disaster

 

美高梅娱乐4858.com 10

参考资料:

http://www.art122-5.net/index.php/MediaWiki_multi-Language_management_with_the_extension_MultiLanguageManager

美高梅娱乐4858.com 11

美高梅娱乐4858.com 12

美高梅娱乐4858.com 13

美高梅娱乐4858.com 14

美高梅娱乐4858.com 15

美高梅娱乐4858.com 16

美高梅娱乐4858.com 17

美高梅娱乐4858.com 18

PS:1年前就折腾过mediawiki多语言文字,用文件记录下来丢了,这一次公司需求用wiki,又煎熬了半天。看来依然记录到博客里比较可信赖,还是能够给供给的人带来一些参考价值。看来笔者也伊始相信云了,即使本身直接用着google
bookmarks在线收藏夹、博客,其实作者要么喜欢单机和局域网游戏,而不欣赏网游。

Bubble Trouble

 

美高梅娱乐4858.com 19

Blobby Volley 2

 

美高梅娱乐4858.com 20

Chain Reaction – Advanced

 

美高梅娱乐4858.com 21

Canvas Rider

 

美高梅娱乐4858.com 22

Canvas Defense

 

美高梅娱乐4858.com 23

PAC-MAN – Google

 

美高梅娱乐4858.com 24

Entanglement

 

美高梅娱乐4858.com 25

Crystal Galaxy

 

美高梅娱乐4858.com 26

HTML5 Blackjack

 

美高梅娱乐4858.com 27

JSLander

 

美高梅娱乐4858.com 28

HTML5 Helicopter

 

美高梅娱乐4858.com 29

Orbium

 

美高梅娱乐4858.com 30

NetTank

 

美高梅娱乐4858.com 31

Missile Fleet

 

美高梅娱乐4858.com 32

Rainbow Blocks

 

美高梅娱乐4858.com 33

PlainChess

 

美高梅娱乐4858.com 34

HTML5 Chess Game

 

美高梅娱乐4858.com 35

Pirates Love Daisies

 

美高梅娱乐4858.com 36

Sinuous

 

美高梅娱乐4858.com 37

Runfield

 

美高梅娱乐4858.com 38

RAPT

.

美高梅娱乐4858.com 39

Swarmation

 

美高梅娱乐4858.com 40

Space Cannon 3D

 

美高梅娱乐4858.com 41

Tower Of Wolin

 

美高梅娱乐4858.com 42

PaJama

 

美高梅娱乐4858.com 43

Mutant Zombie Monsters

 

美高梅娱乐4858.com 44

Super Santa Sweep 3D

 

美高梅娱乐4858.com 45

Manic Spaceman

 

美高梅娱乐4858.com 46

JS WARS

 

美高梅娱乐4858.com 47

Canvascape

 

美高梅娱乐4858.com 48

Canvas Pinball

 

美高梅娱乐4858.com 49

Onslaught! Arena

 

美高梅娱乐4858.com 50

WPilot

 

美高梅娱乐4858.com 51

发表评论

电子邮件地址不会被公开。 必填项已用*标注