整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
學(xué)習(xí)編程對(duì)大多數(shù)人來(lái)說(shuō)是枯燥而無(wú)聊，大家有時(shí)候往往會(huì)覺(jué)得精神崩潰，提不起學(xué)習(xí)的興趣，因此從入門(mén)到放棄（笑哭），面臨這種困境該怎么辦呢？這時(shí)候就有一些大牛設(shè)計(jì)出用游戲來(lái)學(xué)習(xí)編程知識(shí)點(diǎn)，所以,這世界上就出現(xiàn)了許多寓教于樂(lè)的通過(guò)游戲的形式來(lái)教你編程的網(wǎng)站。讓你快樂(lè)學(xué)習(xí)編程。
在本節(jié)中，我為大家推薦12個(gè)適合入門(mén)和進(jìn)階的編程小游戲，希望能讓你或你的朋友或者你的孩子都可以喜歡上編程。
1.CodinGame
從平臺(tái)名稱(chēng)就可以看出，CodinGame和游戲有關(guān)——不是游戲開(kāi)發(fā)，也不是游戲化，只是簡(jiǎn)單的游戲。平臺(tái)每一個(gè)練習(xí)背后的邏輯，都與一個(gè)實(shí)際的游戲相連，讓你能夠獲得實(shí)時(shí)視覺(jué)反饋，你完成練習(xí)之后也能獲得實(shí)際的獎(jiǎng)勵(lì)。
2. Code CombatCodeCombat
CodeCombat是一個(gè)讓學(xué)生通過(guò)玩游戲?qū)W習(xí)編程的平臺(tái),CodeCombat課程已通過(guò)特別測(cè)試,足夠滿(mǎn)足教學(xué)需求,無(wú)編程經(jīng)驗(yàn)的教師也可掌控。CodeCombat是完全開(kāi)源的HTML5編程游戲!（支持Python，JS，HTML等等語(yǔ)言）
3.Check iO
基于瀏覽器的游戲,你需要使用 Python 或 JavaScript 來(lái)解決問(wèn)題才能將游戲進(jìn)行下去(需要登錄)。
4.Codewars
CodeWars 是個(gè)的一個(gè)通過(guò)實(shí)戰(zhàn)訓(xùn)練來(lái)達(dá)到提高編程開(kāi)發(fā)技能的站點(diǎn)，主要提供的編程語(yǔ)言有：C++、C#、Java、JavaScript、PHP、Clojure、CoffeeScript、Elixir、Haskell、Python、Ruby、TypeScript。
5.極客戰(zhàn)記
網(wǎng)易《極客戰(zhàn)記》是一款在線(xiàn)的寓教于樂(lè)的編程，教育，產(chǎn)品。產(chǎn)品通過(guò)循序漸進(jìn)的游戲過(guò)程,讓用戶(hù)在不知不覺(jué)中掌握編程，支持 JavaScript、Python語(yǔ)言。
6.Hacker Org
hacker.org 挑戰(zhàn)賽是一系列的拼圖、敲磚塊、測(cè)試和智力題，用來(lái)測(cè)試你的黑客能力。要通過(guò)這一系列的考驗(yàn)，你需要破解加密、寫(xiě)出精巧的代碼，揭開(kāi)重重迷霧。
7.Git Games
git-game 是一個(gè)基于終端的游戲，它用來(lái)教授 git 中的那些非常酷的功能。游戲的主題內(nèi)容是搜尋，通過(guò) git 命令來(lái)找到線(xiàn)索，解開(kāi)謎題。
8.ruby Quiz
Ruby Quiz 是一個(gè)面向 Ruby 程序員的每周編程挑戰(zhàn)，當(dāng)前已經(jīng)有 156 個(gè)競(jìng)賽挑戰(zhàn)。
9.Elevator Saga
電梯編程游戲，需要一步步解決問(wèn)題過(guò)關(guān)。比如說(shuō)第一關(guān)是在 60 秒內(nèi)運(yùn)輸 15 個(gè)人。
10.Code Mok
通過(guò)嘗試捕獲香蕉來(lái)學(xué)習(xí)編程。可以用來(lái)教孩子們學(xué)習(xí)編程（付費(fèi)的）。
11.Cyber DoJo
Cyber-dojo 是一個(gè)程序員實(shí)戰(zhàn)編程的地方。支持 Python ,JS,HTML等語(yǔ)言
12.Vim Adventures
通過(guò)游戲來(lái)學(xué)習(xí) Vim。
既能玩游戲又可以學(xué)習(xí)Python，何樂(lè)不為呢？
學(xué)習(xí)從來(lái)不是一個(gè)人的事情，要有個(gè)相互監(jiān)督的伙伴，工作需要學(xué)習(xí)python或者有興趣學(xué)習(xí)python的伙伴可以私信回復(fù)小編“學(xué)習(xí)” 領(lǐng)取全套免費(fèi)python學(xué)習(xí)資料、視頻()安裝包
今天小編教大家如何用Python編程語(yǔ)言創(chuàng)建Web游戲，如果你能完成，你就可以算是一個(gè)能力相當(dāng)不錯(cuò)的Python初學(xué)者了。雖然還需要多讀一些書(shū)，多寫(xiě)一些程序，不過(guò)你已經(jīng)具備進(jìn)一步學(xué)習(xí)的功底了。接下來(lái)的學(xué)習(xí)就只是時(shí)間、動(dòng)力及資源的問(wèn)題了。
在這個(gè)習(xí)題中，我們不會(huì)去創(chuàng)建一個(gè)完整的游戲，相反，我們會(huì)為習(xí)題42中的游戲創(chuàng)建一個(gè)“引擎”（engine），讓這個(gè)游戲能夠在瀏覽器中運(yùn)行起來(lái)。這會(huì)涉及重構(gòu)習(xí)題42中的游戲，混合習(xí)題47中的結(jié)構(gòu)，添加自動(dòng)測(cè)試代碼，最后創(chuàng)建一個(gè)可以運(yùn)行這個(gè)游戲的Web引擎。
這是一個(gè)很龐大的習(xí)題。預(yù)計(jì)你要花一周到一個(gè)月才能完成。最好的方法是一點(diǎn)一點(diǎn)來(lái)，每晚完成一點(diǎn)，在進(jìn)行下一步之前確認(rèn)上一步已經(jīng)正確完成。
你已經(jīng)在兩個(gè)習(xí)題中修改了gothonweb項(xiàng)目，這個(gè)習(xí)題中會(huì)再修改一次。你學(xué)習(xí)的這種修改的技術(shù)叫做“重構(gòu)”，或者用我喜歡的講法來(lái)說(shuō)，叫“修理”。重構(gòu)是一個(gè)編程術(shù)語(yǔ)，它指的是清理舊代碼或者為舊代碼添加新功能的過(guò)程。你其實(shí)已經(jīng)做過(guò)這樣的事情了，只不過(guò)不知道這個(gè)術(shù)語(yǔ)而已。重構(gòu)是軟件開(kāi)發(fā)中經(jīng)歷的最習(xí)以為常的事情。
在這個(gè)習(xí)題中你要做的是將習(xí)題47中的可以測(cè)試的房間地圖和習(xí)題43中的游戲這兩樣?xùn)|西合并到一起，創(chuàng)建一個(gè)新的游戲結(jié)構(gòu)。游戲的內(nèi)容不會(huì)發(fā)生變化，只不過(guò)我們會(huì)通過(guò)“重構(gòu)”讓它有一個(gè)更好的結(jié)構(gòu)而已。
第一步是將ex47/game.py的內(nèi)容復(fù)制到gothonweb/map.py中，然后將tests/ex47_tests.py的內(nèi)容復(fù)制到tests/map_tests.py中，然后再次運(yùn)行nosetests，確認(rèn)它們還能正常工作。
注意
從現(xiàn)在開(kāi)始，我不會(huì)再展示運(yùn)行測(cè)試的輸出了，我假設(shè)你會(huì)回去運(yùn)行這些測(cè)試，而且知道什么樣的輸出是正確的。
將習(xí)題47的代碼復(fù)制完畢后，就該開(kāi)始重構(gòu)它，讓它包含習(xí)題43中的地圖。我一開(kāi)始會(huì)把基本結(jié)構(gòu)為你準(zhǔn)備好，然后你需要去完成map.py和map_tests.py里邊的內(nèi)容。
首先要做的是用Room這個(gè)類(lèi)來(lái)構(gòu)建地圖的基本結(jié)構(gòu)。
map.py
1 class Room(object):
2
3 def __init__(self, name, description):
4 self.name=name
5 self.description=description
6 self.paths=[]
7
8 def go(self, direction):
9 return self.paths.get(direction, None)
10
11 def add_paths(self, paths):
12 self.paths.update(paths)
13
14
15 central_corridor=Room("Central Corridor",
16 """
17 The Gothons of Planet Percal #25 have invaded your ship and destroyed
18 your entire crew. You are the last surviving member and your last
19 mission is to get the neutron destruct bomb from the Weapons Armory,
20 put it in the bridge, and blow the ship up after getting into an
21 escape pod.
22
23 You're running down the central corridor to the Weapons Armory when
24 a Gothon jumps out, red scaly skin, dark grimy teeth, and evil clown costume
25 flowing around his hate filled body. He's blocking the door to the
26 Armory and about to pull a weapon to blast you.
27 """)
28
29
30 laser_weapon_armory=Room("Laser Weapon Armory",
31 """
32 Lucky for you they made you learn Gothon insults in the academy.
33 You tell the one Gothon joke you know:
34 Lbhe zbgure vf fb sng, jura fur fvgf nebhaq gur ubhfr, fur fvgf nebhaq gur ubhfr.
35 The Gothon stops, tries not to laugh, then busts out laughing and can't move.
36 While he's laughing you run up and shoot him square in the head
37 putting him down, then jump through the Weapon Armory door.
38
39 You do a dive roll into the Weapon Armory, crouch and scan the room
40 for more Gothons that might be hiding. It's dead quiet, too quiet.
41 You stand up and run to the far side of the room and find the
42 neutron bomb in its container. There's a keypad lock on the box
43 and you need the code to get the bomb out. If you get the code
44 wrong 10 times then the lock closes forever and you can't
45 get the bomb. The code is 3 digits.
46 """)
47
48
49 the_bridge=Room("The Bridge",
50 """
51 The container clicks open and the seal breaks, letting gas out.
52 You grab the neutron bomb and run as fast as you can to the
53 bridge where you must place it in the right spot.
54
55 You burst onto the Bridge with the netron destruct bomb
56 under your arm and surprise 5 Gothons who are trying to
57 take control of the ship. Each of them has an even uglier
58 clown costume than the last. They haven't pulled their
59 weapons out yet, as they see the active bomb under your
60 arm and don't want to set it off.
61 """)
62
63
64 escape_pod=Room("Escape Pod",
65 """
66 You point your blaster at the bomb under your arm
67 and the Gothons put their hands up and start to sweat.
68 You inch backward to the door, open it, and then carefully
69 place the bomb on the floor, pointing your blaster at it.
70 You then jump back through the door, punch the close button
71 and blast the lock so the Gothons can't get out.
72 Now that the bomb is placed you run to the escape pod to
73 get off this tin can.
74
75 You rush through the ship desperately trying to make it to
76 the escape pod before the whole ship explodes. It seems like
77 hardly any Gothons are on the ship, so your run is clear of
78 interference. You get to the chamber with the escape pods, and
79 now need to pick one to take. Some of them could be damaged
80 but you don't have time to look. There's 5 pods, which one
81 do you take?
82 """)
83
84
85 the_end_winner=Room("The End",
86 """
87 You jump into pod 2 and hit the eject button.
88 The pod easily slides out into space heading to
89 the planet below. As it flies to the planet, you look
90 back and see your ship implode then explode like a
91 bright star, taking out the Gothon ship at the same
92 time. You won!
93 """)
94
95
96 the_end_loser=Room("The End",
97 """
98 You jump into a random pod and hit the eject button.
99 The pod escapes out into the void of space, then
100 implodes as the hull ruptures, crushing your body
101 into jam jelly.
102 """
103 )
104
105 escape_pod.add_paths({
106 '2': the_end_winner,
107 '*': the_end_loser
108 })
109
110 generic_death=Room("death", "You died.")
111
112 the_bridge.add_paths({
113 'throw the bomb': generic_death,
114 'slowly place the bomb': escape_pod
115 })
116
117 laser_weapon_armory.add_paths({
118 '0132': the_bridge,
119 '*': generic_death
120 })
121
122 central_corridor.add_paths({
123 'shoot!': generic_death,
124 'dodge!': generic_death,
125 'tell a joke': laser_weapon_armory
126 })
127
128 START=central_corridor你會(huì)發(fā)現(xiàn)Room類(lèi)和地圖有一些問(wèn)題。
1．我們必須把以前放在if-else結(jié)構(gòu)中的房間描述做成每個(gè)房間的一部分。這樣房間的次序就不會(huì)被打亂了，這對(duì)我們的游戲是一件好事。這是你后面要修改的東西。
2．原版游戲中我們使用了專(zhuān)門(mén)的代碼來(lái)生成一些內(nèi)容，如炸彈的激活鍵碼、艦艙的選擇等，這次我們做游戲時(shí)就先使用默認(rèn)值好了，不過(guò)后面的附加練習(xí)里，我會(huì)要求你把這些功能再加到游戲中。
3．我為游戲中所有錯(cuò)誤決策的失敗結(jié)尾寫(xiě)了一個(gè)generic_death，你需要去補(bǔ)全這個(gè)函數(shù)。你需要把原版游戲中所有的場(chǎng)景結(jié)局都加進(jìn)去，并確保代碼能正確運(yùn)行。
4．我添加了一種新的轉(zhuǎn)換模式，以"*"為標(biāo)記，用來(lái)在游戲引擎中實(shí)現(xiàn)“捕獲所有操作”的功能。
等把上面的代碼基本寫(xiě)好以后，接下來(lái)就是你必須繼續(xù)寫(xiě)的自動(dòng)測(cè)試tests/map_test.py了。
map_tests.py
1 from nose.tools import *
2 from gothonweb.map import *
3
4 def test_room():
5 gold=Room("GoldRoom",
6 """This room has gold in it you can grab. There's a
7 door to the north.""")
8 assert_equal(gold.name, "GoldRoom")
9 assert_equal(gold.paths, {})
10
11 def test_room_paths():
12 center=Room("Center", "Test room in the center.")
13 north=Room("North", "Test room in the north.")
14 south=Room("South", "Test room in the south.")
15
16 center.add_paths({'north': north, 'south': south})
17 assert_equal(center.go('north'), north)
18 assert_equal(center.go('south'), south)
19
20 def test_map():
21 start=Room("Start", "You can go west and down a hole.")
22 west=Room("Trees", "There are trees here, you can go east.")
23 down=Room("Dungeon", "It's dark down here, you can go up.")
24
25 start.add_paths({'west': west, 'down': down})
26 west.add_paths({'east': start})
27 down.add_paths({'up': start})
28
29 assert_equal(start.go('west'), west)
30 assert_equal(start.go('west').go('east'), start)
31 assert_equal(start.go('down').go('up'), start)
32
33 def test_gothon_game_map():
34 assert_equal(START.go('shoot!'), generic_death)
35 assert_equal(START.go('dodge!'), generic_death)
36
37 room=START.go('tell a joke')
38 assert_equal(room, laser_weapon_armory)你在這個(gè)習(xí)題中的任務(wù)是完成地圖，并且讓自動(dòng)測(cè)試可以完整地檢查整個(gè)地圖。這包括將所有的generic_death對(duì)象修正為游戲中實(shí)際的失敗結(jié)尾。讓你的代碼成功運(yùn)行起來(lái)，并讓你的測(cè)試越全面越好。后面我們會(huì)對(duì)地圖做一些修改，到時(shí)候這些測(cè)試將用來(lái)確保修改后的代碼還可以正常工作。
在Web應(yīng)用程序運(yùn)行的某個(gè)位置，你需要追蹤一些信息，并將這些信息和用戶(hù)的瀏覽器關(guān)聯(lián)起來(lái)。在HTTP協(xié)議的框架中，Web環(huán)境是“無(wú)狀態(tài)”的，這意味著你的每一次請(qǐng)求和你的其他請(qǐng)求都是相互獨(dú)立的。如果你請(qǐng)求了頁(yè)面A，輸入了一些數(shù)據(jù)，然后點(diǎn)了一個(gè)頁(yè)面B的鏈接，那你發(fā)送給頁(yè)面A的數(shù)據(jù)就全部消失了。
解決這個(gè)問(wèn)題的方法是為Web應(yīng)用程序建立一個(gè)很小的數(shù)據(jù)存儲(chǔ)，給每個(gè)瀏覽器進(jìn)程賦予一個(gè)獨(dú)一無(wú)二的數(shù)字，用來(lái)跟蹤瀏覽器所做的事情。這個(gè)存儲(chǔ)通常用數(shù)據(jù)庫(kù)或者存儲(chǔ)在磁盤(pán)上的文件來(lái)實(shí)現(xiàn)。在lpthw.web這個(gè)小框架中實(shí)現(xiàn)這樣的功能是很容易的，下面就是一個(gè)這樣的例子。
session.sample.py
1 import web
2
3 web.config.debug=False
4
5 urls=(
6 "/count", "count",
7 "/reset", "reset"
8 )
9 app=web.application(urls, locals())
10 store=web.session.DiskStore('sessions')
11 session=web.session.Session(app, store, initializer=['count': 0])
12
13 class count:
14 def GET(self):
15 session.count +=1
16 return str(session.count)
17
18 class reset:
19 def GET(self):
20 session.kill()
21 return ""
22
23 if __name__=="__main__":
24 app.run()為了實(shí)現(xiàn)這個(gè)功能，需要?jiǎng)?chuàng)建一個(gè)sessions/文件夾作為程序的會(huì)話(huà)存儲(chǔ)位置，創(chuàng)建好以后運(yùn)行這個(gè)程序，然后檢查/count頁(yè)面，刷新一下這個(gè)頁(yè)面，看計(jì)數(shù)會(huì)不會(huì)累加上去。關(guān)掉瀏覽器后，程序就會(huì)“忘掉”之前的位置，這也是我們的游戲所需的功能。有一種方法可以讓瀏覽器永遠(yuǎn)記住一些信息，不過(guò)這會(huì)讓測(cè)試和開(kāi)發(fā)變得更難。如果你回到/reset頁(yè)面，然后再訪(fǎng)問(wèn)/count頁(yè)面，你可以看到你的計(jì)數(shù)器被重置了，因?yàn)槟阋呀?jīng)關(guān)掉了這個(gè)會(huì)話(huà)。
你需要花點(diǎn)時(shí)間弄懂這段代碼，注意會(huì)話(huà)開(kāi)始時(shí)count的值是如何設(shè)為0的，另外再看看sessions/下面的文件，看能不能打開(kāi)。下面是我打開(kāi)一個(gè)Python會(huì)話(huà)并解碼的過(guò)程：
>>> import pickle
>>> import base64
>>> base64.b64decode(open("sessions/XXXXX").read())
"(dp1\nS'count'\np2\nI1\nsS'ip'\np3\nV127.0.0.1\np4\nsS'session_id'\np5\nS'XXXX'\np6\ns."
>>>
>>> x=base64.b64decode(open("sessions/XXXXX").read())
>>>
>>> pickle.loads(x)
{'count': 1, 'ip': u'127.0.0.1', 'session_id': 'XXXXX'}所以，會(huì)話(huà)其實(shí)就是使用pickle和base64這些庫(kù)寫(xiě)到磁盤(pán)上的字典。存儲(chǔ)和管理會(huì)話(huà)的方法很多，大概和Python的Web框架那么多，所以了解它們的工作原理并不是很重要。當(dāng)然如果你需要調(diào)試或者清空會(huì)話(huà)，知道點(diǎn)兒原理還是有用的。
你應(yīng)該已經(jīng)寫(xiě)好了游戲地圖和它的單元測(cè)試代碼。現(xiàn)在要你制作一個(gè)簡(jiǎn)單的游戲引擎，用來(lái)讓游戲中的各個(gè)房間運(yùn)轉(zhuǎn)起來(lái)，從玩家收集輸入，并且記住玩家所在的位置。我們將用到你剛學(xué)過(guò)的會(huì)話(huà)來(lái)制作一個(gè)簡(jiǎn)單的引擎，讓它可以：
1．為新用戶(hù)啟動(dòng)新的游戲；
2．將房間展示給用戶(hù)；
3．接收用戶(hù)的輸入；
4．在游戲中處理用戶(hù)的輸入；
5．顯示游戲的結(jié)果，繼續(xù)游戲，直到玩家角色死亡為止。
為了創(chuàng)建這個(gè)引擎，你需要將bin/app.py搬過(guò)來(lái)，創(chuàng)建一個(gè)功能完備的、基于會(huì)話(huà)的游戲引擎。這里的難點(diǎn)是，我會(huì)先使用基本的HTML文件創(chuàng)建一個(gè)非常簡(jiǎn)單的版本，接下來(lái)將由你完成它。基本的引擎是下面這個(gè)樣子的：
app.py
1 import web
2 from gothonweb import map
3
4 urls=(
5 '/game', 'GameEngine',
6 '/', 'Index',
7 )
8
9 app=web.application(urls, globals())
10
11 # little hack so that debug mode works with sessions
12 if web.config.get('_session') is None:
13 store=web.session.DiskStore('sessions')
14 session=web.session.Session(app, store,
15 initializer=['room': None])
16 web.config._session=session
17 else:
18 session=web.config._session
19
20 render=web.template.render('templates/', base="layout")
21
22
23 class Index(object):
24 def GET(self):
25 # this is used to "setup" the session with starting values
26 session.room=map.START
27 web.seeother("/game")
28
29
30 class GameEngine(object):
31
32 def GET(self):
33 if session.room:
34 return render.show_room(room=session.room)
35 else:
36 # why is there here? do you need it?
37 return render.you_died()
38
39 def POST(self):
40 form=web.input(action=None)
41
42 # there is a bug here, can you fix it?
43 if session.room and form.action:
44 session.room=session.room.go(form.action)
45
46 web.seeother("/game")
47
48 if __name__=="__main__":
49 app.run()在這個(gè)腳本里你可以看到更多的新東西，不過(guò)了不起的事情是，整個(gè)基于網(wǎng)頁(yè)的游戲引擎只要一個(gè)小文件就可以做到了。這段腳本里最有技術(shù)含量的就是將會(huì)話(huà)帶回來(lái)的那幾行，這對(duì)于調(diào)試模式下的代碼重載是必需的，否則每次刷新網(wǎng)頁(yè)，會(huì)話(huà)就會(huì)消失，游戲也不會(huì)再繼續(xù)了。
在運(yùn)行bin/app.py之前，你需要修改PYTHONPATH環(huán)境變量。不知道什么是環(huán)境變量？要運(yùn)行一個(gè)最基本的Python程序，你就得學(xué)會(huì)環(huán)境變量，用Python的人就喜歡這樣：
在終端輸入下面的內(nèi)容：
export PYTHONPATH=$PYTHONPATH:.如果用的是Windows，那就在PowerShell中輸入以下內(nèi)容：
$env:PYTHONPATH="$env:PYTHONPATH;."你只要針對(duì)每一個(gè)shell會(huì)話(huà)輸入一次就可以了，不過(guò)如果你運(yùn)行Python代碼時(shí)看到了導(dǎo)入錯(cuò)誤，那就需要去執(zhí)行一下上面的命令，或者是因?yàn)槟闵洗螆?zhí)行的有錯(cuò)才導(dǎo)致導(dǎo)入錯(cuò)誤的。
接下來(lái)需要?jiǎng)h掉templates/hello_form.html和templates/index.html，然后重新創(chuàng)建上面代碼中提到的兩個(gè)模板。下面是一個(gè)非常簡(jiǎn)單的templates/show_room.html，供你參考。
show_room.html
$def with (room)
<h1> $room.name </h1>
<pre>
$room.description
</pre>
$if room.name=="death":
<p><a href="/">Play Again?</a></p>
$else:
<p>
<form action="/game" method="POST">
- <input type="text" name="action"> <input type="SUBMIT">
</form>
</p>這就用來(lái)顯示游戲中的房間的模板。接下來(lái)，你需要在用戶(hù)跑到地圖的邊界時(shí)，用一個(gè)模板告訴用戶(hù)，他的角色的死亡信息，也就是templates/you_died.html這個(gè)模板。
you_died.html
<h1>You Died!</h1>
<p>Looks like you bit the dust.</p>
<p><a href="/">Play Again</a></p>準(zhǔn)備好這些文件就可以做下面的事情了。
1．再次運(yùn)行測(cè)試代碼tests/app_tests.py，這樣就可以測(cè)試這個(gè)游戲。由于會(huì)話(huà)的存在，你可能頂多只能實(shí)現(xiàn)幾次點(diǎn)擊，不過(guò)你應(yīng)該可以做出一些基本的測(cè)試來(lái)。
2．刪除sessions/*下的文件，再重新運(yùn)行一遍游戲，確認(rèn)游戲是從一開(kāi)始運(yùn)行的。
3． 運(yùn)行python bin/app.py腳本，試玩一下你的游戲。
你需要和往常一樣刷新和修正你的游戲，慢慢修改游戲的HTML文件和引擎，直到實(shí)現(xiàn)游戲需要的所有功能為止。
你有沒(méi)有覺(jué)得我一下子給了你超多的信息呢？那就對(duì)了，我想要你在學(xué)習(xí)技能的同時(shí)有一些可以用來(lái)鼓搗的東西。為了完成這個(gè)習(xí)題，我將給你最后一套需要你自己完成的練習(xí)。你會(huì)注意到，到目前為止你寫(xiě)的游戲并不是很好，這只是你的第一版代碼而已，你現(xiàn)在的任務(wù)就是讓游戲更加完善，實(shí)現(xiàn)下面的這些功能。
1．修正代碼中所有我提到和沒(méi)提到的bug，如果你發(fā)現(xiàn)了新bug，你可以告訴我。
2．改進(jìn)所有的自動(dòng)測(cè)試，以便可以測(cè)試更多的內(nèi)容，直到你可以不用瀏覽器就能測(cè)到所有的內(nèi)容為止。
3．讓HTML頁(yè)面看上去更美觀一些。
4．研究一下網(wǎng)頁(yè)登錄系統(tǒng)，為這個(gè)程序創(chuàng)建一個(gè)登錄界面，這樣人們就可以登錄這個(gè)游戲，并且可以保存游戲高分。
5．完成游戲地圖，盡可能地把游戲做大，功能做全。
6．給用戶(hù)一個(gè)“幫助系統(tǒng)”，讓他們可以查詢(xún)每個(gè)房間里可以執(zhí)行哪些命令。
7．為游戲添加新功能，想到什么功能就添加什么功能。
8．創(chuàng)建多個(gè)地圖，讓用戶(hù)可以選擇他們想要玩的一張地圖來(lái)進(jìn)行游戲。你的bin/app.py應(yīng)該可以運(yùn)行提供給它的任意地圖，這樣你的引擎就可以支持多個(gè)不同的游戲。
9．最后，使用在習(xí)題48和習(xí)題49中學(xué)到的東西創(chuàng)建一個(gè)更好的輸入處理器。你手頭已經(jīng)有了大部分必要的代碼，只需要改進(jìn)語(yǔ)法，讓它和你的輸入表單以及游戲引擎掛鉤即可。
祝你好運(yùn)！
你需要閱讀并了解帶reloader的會(huì)話(huà)：http://webpy.org/cookbook/session_with_reloader。
錯(cuò)誤路徑，錯(cuò)誤Python版本，PYTHONPATH沒(méi)設(shè)置對(duì)，漏了__init__.py文件，拼寫(xiě)錯(cuò)誤，都檢查一下吧。
擊右上方紅色按鈕關(guān)注“web秀”，讓你真正秀起來(lái)
css的屬性是非常的多，如果全靠大腦來(lái)記，相信沒(méi)有幾位能夠做到，只能通過(guò)反復(fù)編寫(xiě)，增加熟練度，知道有哪些屬性，然后根據(jù)編輯器或者瀏覽器等工具提示，得心應(yīng)手的完成樣式開(kāi)發(fā)。
比如，flex布局。flex的屬性justify-content就有12個(gè)以上的不同值，必須閱讀flexbox的完整指南，才能了解他們各自的作用，但是文檔就有幾頁(yè)內(nèi)容，看起來(lái)非常的枯燥乏味。
我最近偶然發(fā)現(xiàn)了一個(gè)塔防游戲，需要用css編程，來(lái)完成塔防，聽(tīng)起來(lái)是不是非常的有趣，下面一起看看。
上圖就是整個(gè)游戲界面，第一關(guān)卡說(shuō)明翻譯：使用justify-content屬性將這兩個(gè)塔移動(dòng)到有效位置。可以點(diǎn)擊help幫助按鈕，查看justify-content文檔說(shuō)明。 (英文水平很菜，了解意思即可)
上圖就是點(diǎn)擊幫助按鈕后的，justify-content文檔說(shuō)明
Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!
你的任務(wù)是阻止來(lái)犯的敵人越過(guò)你的防線(xiàn)。與其他塔防游戲不同，你必須使用css定位你的塔防！
We'll start with container properties. A flexbox container has a main axis and a cross axis.
我們從容器屬性開(kāi)始。一個(gè)flexbox有一個(gè)主軸和一個(gè)橫軸。
Use the justify-content property on the tower group container to move your towers into effective positions. justify-content positions a container's items along the main axis and accepts the following values:
使用塔組容器上的justify-content屬性將塔移動(dòng)到有效位置。justify-content可以設(shè)置以下值：
1、flex-start（默認(rèn)值）：左對(duì)齊 2、flex-end：右對(duì)齊 3、center： 居中 4、space-between：兩端對(duì)齊，項(xiàng)目之間的間隔都相等。 5、space-around：每個(gè)item兩側(cè)的間隔相等。所以，item之間的間隔比item與邊框的間隔大一倍。
Try justify-content: center; for example, to move the container's towers to the center of the main axis.
嘗試使用 justify-content: center;。例如，將容器的塔移動(dòng)到主軸的中心。
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
這個(gè)游戲也是關(guān)于flexbox的，它涵蓋了更多的flex屬性：align-items, justify-content, align-content, flex-direction, align-self, flex-wrap, flex-flow 和24個(gè)不同級(jí)別的 order。
第一關(guān)：使用justify-content屬性將青蛙引導(dǎo)到右側(cè)的島嶼上
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
使用grid-column-start屬性只對(duì)有胡蘿卜的區(qū)域澆水。
通過(guò)28個(gè)關(guān)卡，學(xué)習(xí)css Grid布局， 它包含以下屬性: grid-column-start, grid-column-end, grid-column, grid-row-start, grid-row-end, grid-row, grid-area, order, grid-template-columns, grid-template-rows, grid-template.
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
這是一個(gè)關(guān)于各種css選擇器的小游戲。通過(guò)所有關(guān)卡，你就可以成為css選擇器專(zhuān)家。
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
這個(gè)不完全是一個(gè)游戲，而是一個(gè)關(guān)于css 3d轉(zhuǎn)換的交互式演示。你可能覺(jué)得無(wú)聊，但是它的動(dòng)畫(huà)確實(shí)非常nice，可能你都會(huì)認(rèn)為這不可能是純粹的css。
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
解決這個(gè)小游戲需要技巧和速度，是css和html制作。這并不是直接教你使用css，但是可以通過(guò)查看源代碼可以學(xué)到很多關(guān)于剪輯路徑、變換和動(dòng)畫(huà)的知識(shí)
怎么玩？將光標(biāo)放在白點(diǎn)上開(kāi)始。避開(kāi)墻壁逃走！（僅適用于Chrome/Chrome和Firefox）
評(píng)論區(qū)留言，看看你需要多少次嘗試才能贏！
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
這個(gè)游戲純CSS完成，通過(guò)checkbox + css動(dòng)畫(huà)完成。你有8秒的時(shí)間擊中盡可能多的目標(biāo)！
源碼部分截圖
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
這個(gè)游戲相信大家都玩過(guò)，我們老家稱(chēng)為：對(duì)角棋。誰(shuí)先3顆棋子連線(xiàn)，為勝利。tic-tac-toe作為純css游戲，使用復(fù)選框和css動(dòng)畫(huà)完成開(kāi)發(fā)。
上圖，電腦已經(jīng)贏了，最多平手，想贏估計(jì)不肯了，你可以試試。
地址：可以點(diǎn)擊文章最下方“了解更多”獲取
喜歡小編或者覺(jué)得小編文章對(duì)你有幫助的，可以點(diǎn)擊一波關(guān)注哦！
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
