簡易語言
          

          數字溝通
          

           
          
			
          
				
					


          
	
			  

          


		
          
			
          安裝rails(ruby on rails)
          
			
			
            記得兩年前使用ror做網站，自動生成功能記憶猶新，只是當時網絡知識實在缺乏，體會不到其中的樂趣。現在了解的很多了，書也有兩本，一直想重新體驗最新版做個網站。安裝這個過程實在有點坑爹，查找網上若干ror的書包括2012年版的書，按照上面的步驟都沒法安裝完成，搞得我一會在linux下試驗，一會在windows下試驗，都沒成功，只好放下。時間花不少，很不爽的體驗。

            好在，過了一段時間，忽然想看看ruby的那兩本書，然后就愛上這個語言了。于是做一些想做的試驗，一些試驗需要做些配置，對安裝目錄也就了解了。下載一些插件居然自己跑到了ruby的下載頁。看到上面居然一個版本有3樣要下的，幫助文件和安裝文件不就夠了嗎。還要一個mingw做工具么？這個不是有自己的官網下載么。也沒管。想起ruby目錄下include中有i386-mingw32，才聯系起來。應該是以mingw做make工具的。rails應該需要make，因為每次安裝都拋出make出錯信息。雖然有mingw官網，但這里應該是做成自己的插件。于是到下載頁http://rubyforge.org/frs/?group_id=167下載相應版本的mingw32工具解壓覆蓋到安裝目錄中，要是怕出問題先對目錄做備份

            另外下載不了的都cross wall下載


          C:\Documents and Settings\Administrator>gem install rails
          ERROR:  Error installing rails:
                  The 'json' native gem requires installed build tools.

          Please update your PATH to include build tools or download the DevKit
          from 'http://rubyinstaller.org/downloads' and follow the instructions
          at 'http://github.com/oneclick/rubyinstaller/wiki/Development-Kit'

            還有錯，但明顯不是曾經報的make錯誤了。
            按照網址下載和遵從上面的方法安裝即可（下面的命令即是按照安裝方法安裝的）
            其中config.yml文件僅僅描述ruby所在路徑，修改成你的ruby路徑即可

          D:\>cd D:\Ruby192\devkit

          D:\Ruby192\devkit>ruby dk.rb init
          [INFO] found RubyInstaller v1.9.2 at D:/Ruby192

          Initialization complete! Please review and modify the auto-generated
          'config.yml' file to ensure it contains the root directories to all
          of the installed Rubies you want enhanced by the DevKit.

          D:\Ruby192\devkit>ruby dk.rb review
          Based upon the settings in the 'config.yml' file generated
          from running 'ruby dk.rb init' and any of your customizations,
          DevKit functionality will be injected into the following Rubies
          when you run 'ruby dk.rb install'.

          D:/Ruby192

          D:\Ruby192\devkit>ruby dk.rb install
          [INFO] Updating convenience notice gem override for 'D:/Ruby192'
          [INFO] Installing 'D:/Ruby192/lib/ruby/site_ruby/devkit.rb'

          D:\Ruby192\devkit>gem install rdiscount --platform=ruby
          Fetching: rdiscount-1.6.8.gem (100%)
          Temporarily enhancing PATH to include DevKit...
          Building native extensions.  This could take a while...
          Successfully installed rdiscount-1.6.8
          1 gem installed
          Installing ri documentation for rdiscount-1.6.8...
          Installing RDoc documentation for rdiscount-1.6.8...

          D:\Ruby192\devkit>ruby -rubygems -e "require 'rdiscount'; puts RDiscount.new('**
          Hello RubyInstaller**').to_html"
          <p><strong>Hello RubyInstaller</strong></p>

          下面安裝rails

          D:\Ruby192\devkit>gem install rails
          Temporarily enhancing PATH to include DevKit...
          Building native extensions.  This could take a while...
          Fetching: rdoc-3.12.gem (100%)
          Depending on your version of ruby, you may need to install ruby rdoc/ri data:

          <= 1.8.6 : unsupported
           = 1.8.7 : gem install rdoc-data; rdoc-data --install
           = 1.9.1 : gem install rdoc-data; rdoc-data --install
          >= 1.9.2 : nothing to do! Yay!
          Fetching: railties-3.2.8.gem (100%)
          Fetching: bundler-1.2.0.gem (100%)
          Fetching: rails-3.2.8.gem (100%)
          Successfully installed json-1.7.5
          Successfully installed rdoc-3.12
          Successfully installed railties-3.2.8
          Successfully installed bundler-1.2.0
          Successfully installed rails-3.2.8
          5 gems installed
          Installing ri documentation for json-1.7.5...
          Installing ri documentation for rdoc-3.12...
          unable to convert U+00A9 from UTF-8 to GBK for lib/rdoc/text.rb, skipping
          Installing ri documentation for railties-3.2.8...
          Installing ri documentation for bundler-1.2.0...
          Installing ri documentation for rails-3.2.8...
          Installing RDoc documentation for json-1.7.5...
          Installing RDoc documentation for rdoc-3.12...
          unable to convert U+00A9 from UTF-8 to GBK for lib/rdoc/text.rb, skipping
          Installing RDoc documentation for railties-3.2.8...
          Installing RDoc documentation for bundler-1.2.0...
          Installing RDoc documentation for rails-3.2.8...

            果然成功了，哈哈

          D:\Ruby192\devkit>rails -v
          Rails 3.2.8

            想做個實例，搜一下網上的書，還是不行，那些書最新的2012的都不用命令行做，2011的還是老的命令行方式。根本沒法用，上官網看就是了。
          D:\Ruby192\devkit>rails new D:/project/ruby/railsapp
                create
                create  README.rdoc
                create  Rakefile
                create  config.ru
                create  .gitignore
                create  Gemfile
                create  app
                create  app/assets/images/rails.png
                create  app/assets/javascripts/application.js
                create  app/assets/stylesheets/application.css
                create  app/controllers/application_controller.rb
                create  app/helpers/application_helper.rb
                create  app/mailers
                create  app/models
                create  app/views/layouts/application.html.erb
                create  app/mailers/.gitkeep
                create  app/models/.gitkeep
                create  config
                create  config/routes.rb
                create  config/application.rb
                create  config/environment.rb
                create  config/environments
                create  config/environments/development.rb
                create  config/environments/production.rb
                create  config/environments/test.rb
                create  config/initializers
                create  config/initializers/backtrace_silencers.rb
                create  config/initializers/inflections.rb
                create  config/initializers/mime_types.rb
                create  config/initializers/secret_token.rb
                create  config/initializers/session_store.rb
                create  config/initializers/wrap_parameters.rb
                create  config/locales
                create  config/locales/en.yml
                create  config/boot.rb
                create  config/database.yml
                create  db
                create  db/seeds.rb
                create  doc
                create  doc/README_FOR_APP
                create  lib
                create  lib/tasks
                create  lib/tasks/.gitkeep
                create  lib/assets
                create  lib/assets/.gitkeep
                create  log
                create  log/.gitkeep
                create  public
                create  public/404.html
                create  public/422.html
                create  public/500.html
                create  public/favicon.ico
                create  public/index.html
                create  public/robots.txt
                create  script
                create  script/rails
                create  test/fixtures
                create  test/fixtures/.gitkeep
                create  test/functional
                create  test/functional/.gitkeep
                create  test/integration
                create  test/integration/.gitkeep
                create  test/unit
                create  test/unit/.gitkeep
                create  test/performance/browsing_test.rb
                create  test/test_helper.rb
                create  tmp/cache
                create  tmp/cache/assets
                create  vendor/assets/javascripts
                create  vendor/assets/javascripts/.gitkeep
                create  vendor/assets/stylesheets
                create  vendor/assets/stylesheets/.gitkeep
                create  vendor/plugins
                create  vendor/plugins/.gitkeep
                   run  bundle install
          Fetching gem metadata from https://rubygems.org/.........
          Installing rake (0.9.2.2)
          Installing i18n (0.6.1)
          Installing multi_json (1.3.6)
          Using activesupport (3.2.8)
          Using builder (3.0.0)
          Using activemodel (3.2.8)
          Using erubis (2.7.0)
          Using journey (1.0.4)
          Using rack (1.4.1)
          Using rack-cache (1.2)
          Using rack-test (0.6.1)
          Using hike (1.2.1)
          Using tilt (1.3.3)
          Using sprockets (2.1.3)
          Using sprockets (2.1.3)
          Using actionpack (3.2.8)
          Installing mime-types (1.19)
          Using polyglot (0.3.3)
          Using treetop (1.4.10)
          Using mail (2.4.4)
          Using actionmailer (3.2.8)
          Using arel (3.0.2)
          Using tzinfo (0.3.33)
          Using activerecord (3.2.8)
          Using activeresource (3.2.8)
          Using bundler (1.2.0)
          Installing coffee-script-source (1.3.3)
          Installing execjs (1.4.0)
          Installing coffee-script (2.2.0)
          Using rack-ssl (1.3.2)
          Using json (1.7.5)
          Using rdoc (3.12)
          Installing thor (0.16.0)
          Using railties (3.2.8)
          Installing coffee-rails (3.2.2)
          Installing jquery-rails (2.1.1)
          Using rails (3.2.8)
          Installing sass (3.2.1)
          Installing sass-rails (3.2.5)
          Using sqlite3 (1.3.6)
          Installing uglifier (1.2.7)
          Your bundle is complete! Use `bundle show [gemname]` to see where a bundled gem
          is installed.

          D:\Ruby192\devkit>cd D:\project\ruby\railsapp

          D:\project\ruby\railsapp>rails server
          => Booting WEBrick
          => Rails 3.2.8 application starting in development on http://0.0.0.0:3000
          => Call with -d to detach
          => Ctrl-C to shutdown server
          [2012-09-01 06:44:40] INFO  WEBrick 1.3.1
          [2012-09-01 06:44:41] INFO  ruby 1.9.2 (2011-07-09) [i386-mingw32]
          [2012-09-01 06:44:41] INFO  WEBrick::HTTPServer#start: pid=2924 port=3000

            瀏覽器中輸入http://localhost:3000/，熟悉的界面出現


            所以ror厚厚的書讀完也沒用，可能動手連代碼都沒機會敲。

            另外也可以到網站http://railsinstaller.org/下載配置好的安裝包，就免去手動配置啦。
          
			
			
          		
				posted @ 2012-09-02 01:17 yangyusong 閱讀(4682) | 評論 (0) | 編輯 收藏
			
          
		
          
	
		
          
			
          涂鴉秀秀游戲項目介紹
          
			
			
            
            這是六月初完成的一個游戲
            
           
            
          兩個月時間終于完成了我們的涂鴉秀秀項目，與同類產品相比，我們內容更多些，分為雙人對戰模式，多人模式，相信可以同時在線很多人。
            
           
            
          技術上實踐了一把前后端都js的游戲。算是過了把小癮。用到nodejs，socket.io，phonegap，express框架和其他細枝末節。一路上我們披荊斬棘，果然爽。
            
           
            
          其實從項目需求到解決各個小bug，真是刷了若干個夜
            
           
            
          這樣的項目特點就是能在各手機上玩，包括ipod，pad。Pc上只要支持canvas也可以一起玩，多好的一個大融合。當然其實要兼容ie6也不是什么難事，難在我根本沒時間理了，真不好意思。簡單說就是跨平臺。適配的機器也較多，能有較廣的群眾基礎。
            
           
            
          我們也有好友系統，分享，邀請，當然不會做深，我們的目標是先吸引住市場，然后再集中力量對用戶喜歡的點做深入研發。
            
           
            
          做完后同學陪我玩好長時間，他很喜歡玩，這一點讓我比較欣慰。感覺畫圖游戲來源于人類的自戀，人類天然喜歡用圖來表達意思。只是世界上的系統還是符號的多。
            
           
            
          如圖：
            
           
            
           
            
          SouApp.com還給我們蓋了章，我特地確認了一下，這是人家主動蓋的章。在審核的時候就下載了一百多次。當然我也不知道這算什么概念。至少覺得有人感興趣，其實這游戲對美術是樂事，他們功底好，pc上有自己的畫圖板，畫起來非常專業。贏點小禮品根本不是問題。當然以后的版本會更好，更吸引人。已經有不少想法，可改進的地方也不少。
            
           
            
           
            
          如下是一些界面截圖

            
           
            
           
            
           
            
           
          一些小作品
            
           

           
            
           
            
          下載地址
            
          http://souapp.com/app_detail/?appid=aaf7a621-205a-4c73-a88b-a5ef3ebb9431
            
           
            
          http://www.appchina.com/soft_detail_291505_0_10.html
            
           
            
          游戲地址
            
          m.tuyaxiuxiu.com
            
          360.tuyaxiuxiu.com
            
          google.tuyaxiuxiu.com
            
          官網地址
            
          www.tuyaxiuxiu.com
            
           
            
          兩個月我們都做了什么？
            
          美術需求，協議定制，詳細編碼，修bug，手機測試，穩定服務，官網搭建，后臺搭建，推廣運維。非常多的細節，充實有趣。
            
           
            
          現已通過sina,google等各大平臺，能搜到精選，分享，當然不是我們自己弄的，比如下面這個精選，人家是還要注冊才能下載的社區。我們自己搞這種就過頭了。
            
           
            
           
            
           
            
          如果大家覺得兩個月太長了，其實試試就知道，光推廣就夠累的，各個平臺各種限制。不玩得技術欲仙欲死才怪。官網，后臺，各種修改更新。甚至圖都要自己改改。開始半個月，美術需求就寫了10次，不敢說每次都很詳細，但也夠有調理和詳細的了。
            
           
            
          不過從中也獲得不少經驗，本來規劃非常短的時間來完成，這個按照很理想的條件來處理的話。當然其實也準時完成了，只不過我們又要了加倍的功能，而我們的人數從開始實施時就減少了一半。這樣的條件下，沒報告什么特別的，既然說了就做吧，通宵很多個晚上，弄得我經常起不來。
            
           
            
          另一些感觸就是積極加入各種思考分析中就好，根本不要去考慮回報，這個世界上能去考慮回報的人并不多。
            
           
            
          其實其中有的地方不太到位，比如分享界面、官網、統計分析。只能等人來幫忙了。
            
           
            
          如下圖是當時做的一個極限測試
            
           
            
           
            
          當時數據量一大就丟失數據。于是自己做了個編碼方式，減少數據量，這個圖證明的就是只要網絡能傳輸，內容再多都能處理。
            
           
            
          這個游戲的不好之處就是必須有一定的玩家基數才能帶動起來。另外，我們開發很多功能其實沒必要，先開發主要功能，看市場反應，在進一步開發才有意義。于是有了下一個游戲，見下一篇。
            
          
			
			
          		
				posted @ 2012-07-18 15:49 yangyusong 閱讀(874) | 評論 (0) | 編輯 收藏
			
          
		
          
	
		
          
			
          進軍手機游戲和一些建議
          
			
			
            
          轉眼又過了幾個月，但是這幾個月做了好多游戲，瘋狂了。其中做的第一款游戲今天進了google應用首頁最上面的圖。如圖中，有好多金幣那個圖，就是我們的游戲。一個非常簡單的游戲。
            


            
          這個游戲名稱叫砸金幣水果機，我們做了英文版，中文版，ios版,andriod版。如下就是英文andriod版，模仿街機風格，頗有懷舊的味道。當然技術上我并不看好這款游戲，但實際效果卻不好說，圖片精美，物理效果不錯，觸發的神奇界面不少，就看游戲屌絲對街機是否著迷過了。估計也是這些原因導致被google推薦吧，我們也沒花任何一分錢買推薦。
            
           
            
          其實我更想推薦的是多人網上互動的手機游戲，希望在下一篇給大家做介紹。
            
           
            
          現在我們發現最火的語言成了javascript，原因是html5的推出，其實原理上講，這個語言也是必然要火的，首先人類交互最密集的地方轉移到互聯網上了，人類交互的重要性是不言而喻的，就要求我們的網頁有更多的功能，而這個功能的提供者第一個是js，且語言簡潔，開源，這就奠定了它的競爭力基礎。有了這些基礎后，最大數量的研究人員都會在這上面。如果將it產業比喻成火山，那么網絡這部分就是巖漿部分，就是變化最快的地方。一開始都是最專業的人研究底層，當這些底層成熟后，應用層就快速發展起來，推陳出新非常快。Html5推出將人們最常用的應用以很簡潔的方式表達出來，nodejs將js推向后端，socket.io加速交互效率和交互設計。當然有非常多的js框架都出來了。這里不具體說了。
            
           
            
          這幾個月的經驗總結希望給大家一些啟發， 如果我們做一個跨平臺手機游戲發最好做好以下準備
            
           
            
          Js越熟越好，不要以為它真的很簡單，要做手機游戲，必須學會優化，如果是客戶端，要求很高，如果在繪圖時畫一大堆對象，andriod一定會過不去的。那么就一方面研究js（我的建議是，不要去啃面向對象，代碼清晰，規范最重要），一方面細讀html5規范吧。
            
           
            
          有java基礎，那么在用phonegap打包到andriod系統下時，就能較快明白怎么做配置，怎么添加插件和使用。Java和js都不錯的話那么寫點插件也不錯。有的功能是必須用插件的哦。
            
           
            
          有點andriod設計的基礎，我是沒什么基礎，所以也花不少時間研究，其實就研究它的一些配置關系。也會有煩人問題的。
            
           
            
          有點mac下的xcode基礎，xcode的基本的使用最好明白，否則還是要花不少時間摸索，對于mac系統的設計，我實在不太茍同，雖然我能挺快適應。至于oc，會一些也更好，這樣方便使用插件和寫插件。
            
           
            
          想進軍app store，越早申請賬號，越早提交越好，遇到的問題非常之多。也許怪物英文不好，mac不熟吧。
            
           
            
          當然硬件上最好有幾個手機，ipod,pad做測試，ipad3尤其要測。
            
           
            
          你還會遇到的問題，比如手機屏幕適配，音樂的使用，兼容瀏覽器等。
            
           
            
           另一個建議就是認準了自己喜歡的，一頭扎進去動手就是了。
            
           
            
          這篇文章總體質量不高，沒給大家講講技術細節，商業游戲，不太方便哈，會給大家講開源的。甚至有的地方可能講失誤也歡迎批評指出。本篇完。
            
           
            
          游戲地址1：http://app.baidu.com/273943
            
          游戲地址2：
            
          https://chrome.google.com/webstore/detail/jdjcanmclknahldoohmphkiicmggghdf?hl=zh-CN
            
          （要在chrome下安裝過才可玩）
            
          
			
			
          		
				posted @ 2012-06-13 04:26 yangyusong 閱讀(1549) | 評論 (2) | 編輯 收藏
			
          
		
          
	
		
          
			
          用yecc（erlang）寫一個json解析器
          
			
			
            昨天寫了個json的解析器。其實yecc早看過了，只是那時對自己要求太高，想一下子寫個小語言。然后大腦就陷入混亂... 后來注意力轉移了。就不那么急著去開發些難道大的。今天回來一看，覺得都理解了，實踐一下，發現沒人寫json的，太好了。于是就在紙上寫了一下。晚上沒事都敲掉計算機里試試。果然很好用。廢話就不多說了，不專業的我在readme里面已經寫了不少廢話了。主要也不知道git有沒規范約束readme不能寫廢話。其實被google騙了一下，有人寫過json的erlang解析，每次我搜yrl，它就主動搜url文件。還要點一下堅持搜索才行。看看https://github.com/jchris/erlang-json-eep-parser/downloads這上面就是一個解析器，還好我們寫的不是太像，他寫的更精細一點。我寫的更容易使用上手。我寫的就到這下載吧https://github.com/yangyusong/erlang_json_parser。

            接著就是講講內容了，大學學過編譯原理就很容易理解這其中的內容。yrl文件就是erlang中的滿足LALR-1規范的解析生成器，相似于yacc。會有很多文章做解釋，這里不詳述。yrl文件或yacc中的.y這類文件就是給我們寫編譯規則用的，我們寫好一個推理機制，按照規范分解成4部分，放到這一個文件中，那么yecc就可以給我們生成一個符合這個推理規則的解析器，當然這里就是生成.erl的源文件給我們使用，其中會有parse作為默認方法提供給我們解析我們的字符串。

            yrl文件中一共有四部分，其實三部分分別用Nonterminals Terminals Rootsymbol關鍵字來標識，意義很明顯，非終結符，終結符，起始符（這個忘了怎么翻譯）。要解釋一下也行，一個更好的理解方式就是，非終結符可以在推理符號（->）的左邊和右邊，相當于函數作用，最終分析為終結符的組合。終結符只能在推理符號（->）的右邊。意義就是一個符號系統的基本集合。 Rootsymbol是其中一個非終結符，作為推理的起始點。用一棵解析樹來表示的話，Rootsymbol就是根節點。Nonterminals就是樹枝。Terminals就是樹葉。任何一個符合此推理規則的字符串都可以用這樣一棵解析樹表示出來（我就不畫了）。

            除了上面說的三部分就剩下最重要的部分了:推理規則。其實這四部分都是列表，只不過Rootsymbol這個表只有一個元素。規則列表有多條，通常每行一條規則，和erlang一樣用.結束一條規則。
          終結符用單引號引起，冒號后面是我們解析后的erlang表達式。$1,$2,$3這種相似正則表達式規則，也說一下吧，就是對冒號左邊的元素作為列表并從1計數。再搞不懂就發郵局問吧，呵呵。

            那么這樣的一個規則列表就很好建立了，其實這個過程還是有很多規則可以遵循的，其中這里遵循了左遞歸，終結字符先出現的規則優先表達這兩條規則。更多，你還可以畫個有限狀態機，做一下分析，化解，做成閉包，某些運算還要考慮優先級之類。當然這里這樣小的結構基本是最優了，沒什么化解的必要。

          代碼附上
          Nonterminals list object kv_list v_list kv k v. % 7

          Terminals ',' ':' 'element' '[' ']' '{' '}'. % 7

          Rootsymbol object.

          object -> '{' '}' : {}.
          object -> '{' kv_list '}' : { '$2' }.


          kv_list -> kv ',' kv_list : '$1' , '$3'.
          kv_list -> kv : '$1'.

          kv -> k ':' v : {'$1', '$3'}.

          k -> 'element' : '$1'.

          v -> 'element' : '$1'.
          v -> list : '$1'.
          v -> object : '$1'.

          list -> '[' ']' : [].
          list -> '[' v_list ']' : [ '$2' ].

          v_list -> v ',' v_list : '$1' , '$3'.
          v_list -> v.

            其中object，list就是json中最基本的結構。kv_list就是剝離大括號后的鍵值對列表。v_list是剝離中括號的列表。

            再講講這個解析器的使用吧，json_parser就是yrl文件生成的解析器了，我們就用這個解析器來做解析。文件use_json_parser對json_parser的使用做了一個包裝，那就是parser/1函數了，我們給它傳入json字符串就返回解析后的erlang列表。例如我們輸入use_json_parser:parser("{a, b, c}").就會返回[{'{',1},
                                                  {atom,1,a},
                                                  {',',1},
                                                  {atom,1,b},
                                                  {',',1},
                                                  {atom,1,c},
                                                  {'}',1},
                                                  {'$end',999}]。
            這個文件還提供一個測試函數了unit_test_()。為了方便大家，我還是講講測試方法吧。在命令行輸入
          cd erlang_json_parser
          erl -pa ./ebin/ -eval "make:all([{d, 'EUNIT'},{outdir, \"./ebin/\"}, debug_info]) ,eunit:test(\"./ebin\",[]),init:stop()"

            參考更多的解析器制作，可以參考erlang官網提供的計算表達式解析，list解析。也可以從其他網站搜到html,xml等的解析,當然如果你看得多一點還會看到aleppo,erlydtl這類的工程。希望更多的人們投入到這些更有意思的開發中。下次再寫yecc，就不寫這么簡單的了。哈哈。不要期待在下一篇里出現哦。
          
			
			
          		
				posted @ 2011-12-30 23:28 yangyusong 閱讀(3465) | 評論 (0) | 編輯 收藏
			
          
		
          
	
		
          
			
          一個小游戲ChainReaction的設計（html5）
          
			
			
              
          本來一直覺得js是個讓人混亂不堪的語言，html5的出現改變了我對它的看法。到了html5的時代，各種犀利的設計就更明顯的需要js了。看了一些小游戲設計，忽然來了興趣，于是寫了幾個小游戲，這是其中一個。已經開源，歡迎下載https://github.com/yangyusong/ChainReaction。
            
           
            
          游戲叫連鎖反應，這個游戲是看到有人在ipad上面玩的游戲，覺得好玩，自己實現一遍。游戲是這樣的，一群小球在區域內彈來彈去，玩家鼠標點擊一個地方，在一個圓的范圍內，小球碰上就會爆炸，爆炸的過程中其他小球碰上也會發生爆炸，這就叫連鎖反應。每一關爆破一定數量的小球就算勝利。
            
           
            
          我的設計中一個有20關，數值增長比較平和，運氣不是太差的話都能一次通關。在說有個再玩本級的功能，過一關的壓力是一點都沒有。這樣設計是為了給工作后的朋友緩解壓力。我們輕松的一點就爆炸一片。
            
           
            
          看看截圖

            
            
           
            
          大的那個灰色的（其實是半透明的）圓是鼠標范圍。其他是彈來彈去的小球。可以看到，小球是各種顏色的。
            
           
            
          我們看看小球的定義
            
          function Circle(x, y, xSpeed, ySpeed, radius, color, liveTime, state){
            
              //圓心坐標
            
              this.x = x;
            
              this.y = y;
            
              //運動速度
            
              this.xSpeed = xSpeed;
            
              this.ySpeed = ySpeed;
            
              //半徑
            
              this.radius = radius;
            
              //顏色
            
              this.color = color;
            
              //生存計數器
            
              this.liveTime = liveTime;
            
              //狀態：
            
              this.state = state;
            
          }
            
           
            
          其中生存計數器是要和狀態結合使用的，狀態分為如下5個狀態
            
          //小球狀態
            
          var SMALL = 0;
            
          var BIG = 1;
            
          var EXPEND = 2;
            
          var END = 3;
            
          var DIS_VISIBLE = 4;
            
           
            
          當處于EXPEND狀態的時候，就說明小球進入爆炸狀態，這時候生存計數器就用上了。計數器是個倒計時，計時到零，小球進入DIS_VISIBLE狀態。這時候小球就不再渲染出來。
            
           
            
          我們的小球有不同大小，不同顏色，看看小球的初始化就知道了，代碼在ObjectMgr.js中
            
          for(i = 0; i < g_StepsArr[g_Steps].ballsNum; i++){
            
                      //_Util.dump_obj(_Color.color_str(new Color(Math.random(), Math.random(), Math.random())));
            
                      var raduis = _Util.random_range(SMALL_RADIUS1, SMALL_RADIUS2);
            
                      this.circles.push(new Circle(
            
                          _Util.random_range(raduis*2, this.canvasWidth-2*raduis),
            
                          _Util.random_range(raduis*2, this.canvasHeight-2*raduis),
            
                          _Util.random(SPEED_MIN, SPEED_MAX),
            
                          _Util.random(SPEED_MIN, SPEED_MAX),
            
                          raduis,
            
                          _Color.color_rgba_str(new Color1(Math.random(), Math.random(), Math.random(), 0.8)),
            
                          MID_LIVE_TIME,
            
                          SMALL
            
                          ));
            
                  }
            
           
            
          其中g_StepsArr負責我們關卡的管理，有這一關的小球數，和通關需要爆破的小球數。總之，這里按照本關需要的小球數初始化小球，可以看到里面有很多的隨機函數使用。小球的半徑處于如下兩個數之間
            
          var SMALL_RADIUS1 = 3;
            
          var SMALL_RADIUS2 = 10;
            
          通過random_range來進行這個范圍隨機。我們看到速度也是隨機的，范圍是
            
          var SPEED_MIN = 10;
            
          var SPEED_MAX = 50;
            
          顏色中的color_rgba_str函數的第四個參數說明我們的每個小球的透明度是0.8，這樣我們就能在爆破的時候，或彈動的時候仍然看清其他小球。這段代碼就說到這。
            
           
            
          我們講講主要流程，其實其中的詳細注釋，我覺得已經可以教會很多初學者。不過還是講講好。主要流程就在Main.js中。負責初始化，渲染和循環。開始我們設置了一堆全局變量。
            
          var g_ObjectMgr = null;
            
          var g_MouseEventDispatch = new MouseEventDispatch();
            
          var g_MouseMgr = null;//g_MouseMgr在g_ObjectMgr初始化后才初始化
            
          //當前關
            
          var g_Steps = 1;//todo 顯示出來
            
          //關卡數組
            
          var g_StepsArr = [];
            
          g_StepsArr = stepsInit();
            
          //爆炸開始標識
            
          var _ExpendStart = false;
            
           
            
          if(DEBUG){
            
              _CircleLib.test();
            
          }
            
          var _Main = { 。。。
            
           
            
          包括關卡數組，當前關數，爆炸標識等。居然還設置了一個是否調試的狀態量，其實我也不知道js調試怎樣才好，基本就按自己的方式調。 _Main是個很大的結構。我更寧愿把它當做單例來思考。主要是，它包括了渲染，這個渲染不具通用性，僅此一例就夠。其他地方用了且不是畫出什么就難說了。當然已經設計其實我會更多考慮通用性的設計，盡量不設計成這種單例。
            
           
            
          這個_Main結構中有我們的畫布canvas,我們的初始化函數，每關調用一次，它來負責2d對象的初始化，游戲對象的初始化。鼠標監聽初始化。然后就是進入我們的循環。循環很簡單，就干四件事情
            
          /*
            
               * 循環繪圖
            
               * 1.清空畫面
            
               * 2.游戲對象關系處理
            
               * 3.渲染出來
            
               * 4.循環調用
            
               */
            
              step: function(){
            
                  this.clear();
            
                  g_ObjectMgr.step();
            
                  this.render();
            
                  _this = this;
            
                  this._st = setTimeout(function(){
            
                      _this.step();
            
                  }, 50);
            
              }
            
           
            
          看看我們的下一關都干些什么
            
          /*
            
               * 下一關
            
               */
            
              nextStep: function(){
            
                  clearTimeout(this._st);
            
                  if(this.canvas.getContext)
            
                  {
            
                      g_MouseEventDispatch.start();
            
                      this.initObjects();
            
                      this.step();
            
                  }
            
              }
            
          它就是清除計時器，重新分配事件，初始化對象。然后進入循環，為什么是這樣呢？清除計時器以使我們之前的循環停止。因為我們馬上有新的循環了，其實事件可以看做有兩個狀態，我們按下鼠標的時候，這個事件就不可用了，下次使用必須初始化。小球數量變了，必須按照本關的需求來初始化。進入循環，新的循環開始。
            
          看看再玩一次（本級）按鈕的調用：
            
          /*
            
               * 再玩一次（本級）
            
               */
            
              again: function(){
            
                  this.nextStep()
            
              }
            
           
            
          為什么居然是調用下一關呢？只能說我設計的太懶惰，nextStep()本身根本不管關卡的變更。關卡的變更完全在爆炸檢查函數里，一旦發現小球爆炸，就會修改當前關卡。而單純調用nextStep所使用的關卡是未改變過的，故而是在玩本級。
            
           
            
          我們再看一下ObjectMgr.js中的爆炸檢查函數
            
           
            
          expendCheck: function(){
            
                  if(_ExpendStart){
            
                      this.expendNum = _CircleLib.intersect(this.circles, g_MouseMgr.mouseCircle);
            
          //            _Util.dump_obj(g_StepsArr[g_Steps])
            
                      if(this.expendNum >= g_StepsArr[g_Steps].killNum){
            
                          var next = g_Steps + 1;
            
                          alert("成功爆破超過"+this.expendNum+"個小球，恭喜進入第"+ next + "關，\n\
            
          下一關需要爆破" +g_StepsArr[g_Steps + 1].killNum + "個小球");
            
                          g_Steps++;
            
                          _Main.init();
            
                      }
            
                  }
            
              }
            
           
            
          還記得_ExpendStart這個變量的意思么？就是說鼠標是否按下了，按下的話我們就要檢查是否有小球撞上鼠標范圍或撞上爆炸中的小球。其實這里的調用_CircleLib.intersect這個函數是有些小問題的。它是通過引用修改的當前小球的狀態，至于為什么有很少量的小球未修改狀態，這個我還沒弄明白。總之，這個函數檢查了爆炸小球的數量，一旦爆炸小球的數量符合本關的要求，那么就可以進入下一關，可以看到我們進入下一關的提示是一個對話框，不是很友好，可以設計為一個圖片較好，可惜我沒時間找美術。
            
            
           
            
          點擊確定，我們玩下一關
            
            
           
            
          小球多了很多，找個好點的位置，能捕捉很多小球。
            
          看一下爆炸過程吧：

            
            
          這是第十八關的一個爆炸情形，更具體的內容歡迎看具體代碼吧，要不還講好長時間。
            
           
            
          做完這個例子，發現其實非常多的小游戲很好設計，可惜沒那么多時間，再說設計別人設計過的游戲也不是我的目標。設計一些有趣的小游戲到手機里，這個倒是個不錯的方向
            
          
			
			
          		
				posted @ 2011-12-18 23:03 yangyusong 閱讀(2141) | 評論 (2) | 編輯 收藏
			
          
		
          
	
		
          
			
          游戲中最近可達點（用erlang寫一個簡單算法）
          
			
			
          游戲中有點擊障礙點，人物走到離障礙物最近點的算法。我這給一個簡單的算法，這個問題可以復雜化，另外這個問題應該由客戶端來完成。

          如圖，玩家在b點，點擊了a點，a在一個障礙區（紅色，玩家只能在障礙區外移到）。這時候玩家應該走到c點，我們就需要計算出c點，一個簡單的數學題，用什么語言都沒幾行代碼，我就用erlang寫一下。


          障礙物通常都不規則的，我們只能從a點開始一個個點測試，直到不是障礙點，也就是x自增，y=x*tan(A),然后測試這個點，地圖數據都是靜態的數據，方便測試，這里就寫死一個x為障礙結束的地方作為障礙檢測函數。

          我們還需要一個記錄表示點，tan函數在erlang中是有的，但其實可以不用，我們就直接要一個比值，但需要一個向上取整的函數，據說是round函數，但測試一下，不行，難道是因為不是最新otp
          D:\NetBeanPj\mytest\src>erl
          Eshell V5.8.1.1  (abort with ^G)
          1> round(1.2).
          1

          所以這里我們要寫的一個輔助函數，最后就是我們的重點，取最近點，用一個列表解析就夠了，剩下的就看具體實現吧，還可以寫個測試函數，這次就不寫成單元測試了。好的我們看代碼：
          -module(nearst_point).

          -export([ceil/1, is_barrier/1, nearst_point/2]).

          -export([p1/0, p2/0, test_1/0]).

          %% 一個點
          -record(point,{
              x,
              y
                        }).

          %% 向上取整
          ceil(Num) ->
              Num1 = round(Num),
              case Num1 >= Num of
                  true ->
                      Num1;
                  false ->
                      Num1+1
              end.

          %% 判斷是否是障礙物
          is_barrier(Point) ->
              Point#point.x =/= 5 .

          %% 查找最近點
          nearst_point(Pointa,Pointb) ->
              Tan = (Pointa#point.x - Pointb#point.x)/(Pointa#point.y - Pointb#point.y),
              case Pointa#point.x > Pointb#point.y of
                  true ->
                      MaxX = Pointa#point.x,
                      MinX = Pointb#point.x;
                  false ->
                      MaxX = Pointb#point.x,
                      MinX = Pointa#point.x
              end,
              try
                  [
                      begin
                          Point = #point{
                              x = X,
                              y = ceil(X*Tan)},
                          case is_barrier(Point) of
                              true ->
                                  ok;
                              false ->
                                  throw(Point)
                          end
                      end|| X <- lists:seq(MinX, MaxX)]
              catch
                  throw: Point ->
                      io:format("~p", [Point]),
                      Point
              end.

          %% 下面函數測試用，可以改成單元測試，這里就免了
          p1() ->
              #point{
                  x = 1,
                  y = 9}.

          p2() ->
              #point{
                  x = 15,
                  y = 25}.

          test_1() ->
              nearst_point(p1(),p2()).

          編譯和測試
          2> c(nearst_point).
          {ok,nearst_point}
          3> nearst_point:test_1().
          {point,5,5}{point,5,5}
          4>

          我們的測試如預期的在5那個點得到，好像有個小問題，怎么這個點輸出了兩次？哦，這不是問題，一個點是代碼里的io輸出的，一個點是返回給shell，shell的輸出，看來寫代碼的人太懶，疑惑也會增多啊。在nearst_point中用到了一個小技巧，就是用throw來跳出循環（這個在erlang中還是挺有意思），這次到這，應該說寫的很基礎很難看。下次會來點有意思的，歡迎大家學習erlang。
          
			
			
          		
				posted @ 2011-06-24 23:54 yangyusong 閱讀(2887) | 評論 (0) | 編輯 收藏
			
          
		
          
	
		
          
			
          給www.bayke.com做的一個簡單seo分析
          
			
			
          曾經也是寫java程序，如今也寫起了網站，還做起了seo分析，看到雪落無聲的兩篇博文：《SEO新手從bayke網站建設到關鍵詞排名第一的詳細步驟》和《做為百客購物返利網(bayke)站長，哥感覺鴨梨很大!》發現在這個博客里還有不少同仁，和他一樣也為了推廣自己的網站，開始寫關于seo的博文，就目前我所掌握給他做一些分析，不知道他會不會建議，早點發現和我聊聊。其實我和他一樣，感覺很辛苦，而且我是孤軍奮戰，但感覺死的是自己,也就不是那么在意了，我的網站建得晚，簡單，效果比他的差，但相信我的分析很實用。時間有限，內容不會多。建議從第三條看起。
          

          1.       我進了他的網站：http://www.bayke.com/，內容非常豐富，各種分類非常全，一個正規的購物類網站。我相信它的前途是好的，只是知道的人還太少，產生信任也要一段時間。
          

          2.       好像會定時自動刷新，也許是為了實時性。
          

          3.       他是09年8月建的網站，我是今年10月建的網站。他的是商業網站，我的是專業網站。
          

          4.       我給他查了一下收錄情況，情況如下：
          

          


          
    也就是說谷歌對它的認同比較好，收錄了          43個頁面（或鏈接），有道，必應有都有一個鏈接，百度收錄為0，這個我懷疑不是很準，用另一家的工具查看，情況如下
          

          


          
    百度有          26個反向鏈接，雅虎有43個反向鏈接，說明哥們寫了很多博文，發了不少鏈接，搜狗收錄了12個鏈接。百度沒有收錄或說很少，我想原因有3，（1）可能頁面的定時刷新被百度認為是作弊，（2）可能關鍵詞的密度太低，我不知道這個是否真重要到如此程度。（3）百度是個中文網，商品網站的詞對百度來說基本都是熟詞，但百度幾乎只收錄不熟的，感覺是原創的網頁。這些只是猜測。
          

          5.       現在做一下密度測試，百客（或bayke）應該作為該站的一個關鍵詞，我們看如下查詢結果：
          

          


          
    結果告訴我們在首頁中，關鍵詞百客的密度是          0.2%，而正常的網頁在2%-8%比較恰當，當然通常不用刻意在意。
          

          我們在查一下“瀟灑男裝”分類頁中的關鍵字“百客”的密度，如圖：
          

          


          
    頻率特別的小，我對          bayke也在這兩個頁面查詢，結果是一樣。建議站長在各頁做長尾關鍵詞。
          

          6.       查了一下該站的死鏈接，做的特別好，沒有死鏈接，如圖
          

          


          
    該站一共兩百多站內鏈接，          20站外鏈接，還能看出站長用的是php寫的網站。
          

          7.       網站出錯時返回404是最好的，有很多網站為了美觀頁面，總對404錯誤做重定向，導致出現301等錯誤，這些錯誤是會受到引擎處罰的。貴站這點做的不錯，返回的是404，如圖：
          

          


          
    時間有限，下次再接著分析。歡迎到我的網站          http://www.suchseo.com/了解更多具體seo內容和對網站的分析方法。一定要看看本站分析，seo工具，這些分類，你就知道今天的分析很簡單，也還算實用。
          

			
			
          		
				posted @ 2010-10-21 22:21 yangyusong 閱讀(1625) | 評論 (2) | 編輯 收藏
			
          
		
          
	
		
          
			
          什么是躲貓貓
          
			
			
              躲貓貓是云南的一個游戲，小朋友都愛玩，躲避的時間由這段話的時間來度量：“蒙貓貓，躲老耗，老耗老耗躲穩點，不給老貓拿得著，一碗油，二碗油，放個貓貓拿氣球；一碗水，二碗水，放個貓貓拿小鬼”。
          
    躲貓貓事件讓這個詞變得很熱門，而這段膾炙人口的順口溜卻一直只能在云南的小朋友中口口相傳，小時候還有很多順口溜，書上并不能見，如“XXX，放個屁，放到意大利，意大利的老板在看戲，聞到這個屁，真生氣...”，xxx表示任一人名。省略號是因為我記不清了，哎；再如“切切切，切韭菜，兩只小貓翻鍋蓋”。現在就我一個人在外地，暫時還沒老鄉過來，玩不起腦力激蕩，就回憶這兩句。民間藝術是要我們快樂的，是不要錢的，流傳那么多年，還是沒人寫出來。也許會漸漸消失，也許還是口口相傳下去。很多地方，很多方言，很多的表達方式，只有我們去玩，去聽，才能體會人們生活的許多樂趣。并非就普通話表達的那一點。網上也開始流行各地方言的教科書。往往都是異想天開的學生們對生活樂趣的一種表達，對自己每天用的語言的一種熱愛。網絡會慢慢承載更多文化，更多樂趣。
          
    就寫這么點了，理科生就這樣，已經寫不少廢話。覺得有點味道就行了。
          

			
			
          		
				posted @ 2010-02-26 21:39 yangyusong 閱讀(380) | 評論 (0) | 編輯 收藏
			
          
		
          
	
		
          
			
          打包——izpack(2)
          
			
			 

          現在我們接著玩上次的試驗結果，雙擊生成的install.jar運行安裝，如下圖：
          

          


          
圖          lzPack1-1
          

          下一步如圖：（你發現和lzPack本身的安裝過程和界面是一樣的，不過也已經夠漂亮了，是吧）（以后都是下一步的圖）
          

          


          
圖lzPack1-2
          

          

          
圖lzPack1-3
          

          


          
圖lzPack1-4
          

          


          
圖lzPack1-5
          


          
圖lzPack1-6
          

          
圖lzPack1-7
          

          


          
圖lzPack1-8
          

          

          

            點擊Done完成安裝
          

            看看我們sample的結構（即要安裝的軟件）
          

          


          
圖          lzPack1-9
          

            看看安裝好的文件結構
          

          


          
圖          lzPack1-10
          

          少了一個文件listener，多了一個文件uninstaller,進入uninstaller雙擊uninstaller.jar就看到卸載界面了（超簡單的界面，就不貼了）。我們在回頭看看那個配置文件install.xml,如下：
          

          <?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
          

          - <!--
          

           
          

              A sample installation file.
          

              Use it as a base for your own installers :-)
          

              
          

              To compile it :
          

              - go in the bin directory where you installed IzPack
          

              - call "compile ../sample/install.xml -b ../sample"
          

            --> 
          

          - <installation version="1.0">
          

          - <!--
          

           
          

                  The info section.
          

                  The meaning of the tags should be natural ...
          

              
          

            --> 
          

          - <info>
          

            <appname>Sample Installation</appname> 
          

            <appversion>1.4 beta 666</appversion> 
          

          - <authors>
          

            <author name="JPz" email="jpz@superman.org" /> 
          

            <author name="Hidden Man" email="hidden@hisdomain.com" /> 
          

            </authors>
          

            <url>http://www.anotherworld-inspace-website.net/</url> 
          

            </info>
          

          - <!--
          

           
          

                  The gui preferences indication.
          

                  Sets the installer window to 640x480. It will not be able to change the size.
          

              
          

            --> 
          

            <guiprefs width="640" height="480" resizable="no" /> 
          

          - <!--
          

           
          

                  The locale section.
          

                  Asks here to include the English and French langpacks.
          

              
          

            --> 
          

          - <locale>
          

            <langpack iso3="eng" /> 
          

            <langpack iso3="fra" /> 
          

            </locale>
          

          - <!--
          

           
          

                  The resources section.
          

                  The ids must be these ones if you want to use the LicencePanel and/or the InfoPanel.
          

              
          

            --> 
          

          - <resources>
          

            <res id="LicencePanel.licence" src="Licence.txt" /> 
          

            <res id="InfoPanel.info" src="Readme.txt" /> 
          

            </resources>
          

          - <!--
          

           
          

                  The panels section.
          

                  We indicate here which panels we want to use. The order will be respected.
          

              
          

            --> 
          

          - <panels>
          

            <panel classname="HelloPanel" /> 
          

            <panel classname="InfoPanel" /> 
          

            <panel classname="LicencePanel" /> 
          

            <panel classname="TargetPanel" /> 
          

            <panel classname="PacksPanel" /> 
          

            <panel classname="InstallPanel" /> 
          

            <panel classname="FinishPanel" /> 
          

            </panels>
          

          - <!--
          

           
          

                  The packs section.
          

                  We specify here our packs.
          

              
          

            --> 
          

          - <packs>
          

          - <pack name="Base" required="yes">
          

            <description>The base files</description> 
          

            <file src="Readme.txt" targetdir="$INSTALL_PATH" /> 
          

            <file src="Licence.txt" targetdir="$INSTALL_PATH" /> 
          

            <file src="script.bat" targetdir="$INSTALL_PATH" /> 
          

            <parsable targetfile="$INSTALL_PATH/script.bat" /> 
          

          - <!-- 
          

           The file will be parsed 
          

            --> 
          

            </pack>
          

          - <pack name="Docs" required="no">
          

            <description>The documentation</description> 
          

            <file src="doc" targetdir="$INSTALL_PATH" /> 
          

          - <!-- 
          

           Reccursive adding 
          

            --> 
          

            </pack>
          

          - <pack name="Sources" required="no">
          

            <description>The sources</description> 
          

            <file src="src" targetdir="$INSTALL_PATH" /> 
          

            </pack>
          

            </packs>
          

            </installation>
          

           我算它是七段，第一段
          

          <installation version="1.0">
          

           聲明安裝的版本
          

          第二段
          

          <info>
          

            <appname>Sample Installation</appname> 
          

            <appversion>1.4 beta 666</appversion> 
          

          - <authors>
          

            <author name="JPz" email="jpz@superman.org" /> 
          

            <author name="Hidden Man" email="hidden@hisdomain.com" /> 
          

            </authors>
          

            <url>http://www.anotherworld-inspace-website.net/</url> 
          

            </info>
          

           聲明軟件的基本信息：名稱、版本、各個作者和聯系方式、公司主頁。對應圖lzPack1-2。
          

          第三段
          

          <guiprefs width="640" height="480" resizable="no" />
          

          設置安裝導航的寬高等屬性。
          

          第四段
          

          <locale>
          

            <langpack iso3="eng" /> 
          

            <langpack iso3="fra" /> 
          

            </locale>
          

           語言選擇，對應圖圖lzPack1-1。
          

          第五段
          

          <resources>
          

            <res id="LicencePanel.licence" src="Licence.txt" /> 
          

            <res id="InfoPanel.info" src="Readme.txt" /> 
          

            </resources>
          

           提供兩個資源給客戶閱讀，對應兩個界面，圖lzPack1-3和lzPack1-4。分別為軟件說明和基本條款。
          

          第六段
          

          <panels>
          

            <panel classname="HelloPanel" /> 
          

            <panel classname="InfoPanel" /> 
          

            <panel classname="LicencePanel" /> 
          

            <panel classname="TargetPanel" /> 
          

            <panel classname="PacksPanel" /> 
          

            <panel classname="InstallPanel" /> 
          

            <panel classname="FinishPanel" /> 
          

            </panels>
          

           說明順序下來都經過那些界面。
          

          第七段
          

          <packs>
          

          - <pack name="Base" required="yes">
          

            <description>The base files</description> 
          

            <file src="Readme.txt" targetdir="$INSTALL_PATH" /> 
          

            <file src="Licence.txt" targetdir="$INSTALL_PATH" /> 
          

            <file src="script.bat" targetdir="$INSTALL_PATH" /> 
          

            <parsable targetfile="$INSTALL_PATH/script.bat" /> 
          

          - <!-- 
          

           The file will be parsed 
          

            --> 
          

            </pack>
          

          - <pack name="Docs" required="no">
          

            <description>The documentation</description> 
          

            <file src="doc" targetdir="$INSTALL_PATH" /> 
          

          - <!-- 
          

           Reccursive adding 
          

            --> 
          

            </pack>
          

          - <pack name="Sources" required="no">
          

            <description>The sources</description> 
          

            <file src="src" targetdir="$INSTALL_PATH" /> 
          

            </pack>
          

            </packs>
          

            提供了要復制的文件夾結構，由<packs>標簽包括
          

            共有三個包，每個包由<pack>標簽標識， name=”base” 的包為基本包，包括所有文件和文件夾的文件夾，其下包括三個文件。$INSTALL_PATH即安裝路徑，由用戶給出
          

            包Docs 是文件夾doc。
          

            <file >元素標明文件或文件夾，src屬性為文件或文件夾名，targetdir屬性為要放到的路徑
          

            包Sources是文件夾src。
          

            整個文件結構和關系就由最后這一段來闡釋。
          

              另外，包<pack>還可以有其他的用途，下一節是個較實用的實例，你會看到它的用途，要不我們打的包都和izpack一樣光禿禿的，沒快捷鍵，沒環境變量，在實踐中我們慢慢發現光明，原來有趣的東西等著我們去探索。
          

			
			
          		
				posted @ 2008-11-24 20:01 yangyusong 閱讀(2209) | 評論 (0) | 編輯 收藏
			
          
		
          
	
		
          
			
          打包——IzPack（1）
          
			
			 

          網頁上簡紹一堆開源打包軟件，你饒有興趣的在那閱讀，發現IzPack就是你很理想的打包軟件，點開詳細簡紹，看到了軟件的開源網址（這是基本規律嘛，沒給俺就google、baidu）http://izpack.org，常規你看到了download的按鈕，點吧，不用等網頁完全打開，就進入了http://izpack.org/downloads/頁面，就只顧找下載的那個鏈接去，當迅雷下著軟件的時候，你在看此頁面的各標題，確定重點段落閱讀一下，發現沒有教你怎么用的，就最初的那個鏈接也是草草講了一點無關緊要的然后就叫你上官方網站找學的。不用急，軟件下完了，咱先安裝，看自述不就行了。
          

           就軟件的安裝界面來看，它打出來的包也挺不錯，這算一種自身思考吧。安裝完畢時，它叫保存什么東西？連什么格式也弄不清（好幾個點呢），隨便取名保存吧。失望的是，它沒有彈出自述文件，看看桌面上，從開始菜單進去一看，有卸載和幫助，就是沒有啟動。你是不是該懷疑你下載的東西被人做過手腳，可這是官方的呀。簡單，問題來了。我們就想關鍵字，google上輸入軟件名“IzPack”，點擊相關搜索 “lzpack使用”。看了幾個簡紹的，教學大同小異，知道有大概策略，卻無從下手，關鍵就在于寫文章的不像我一樣喜歡搞策略，總是沒我需要的實際，高效。他們往往會講重點，但卻不注意切入點，在大學聽課也經常這樣，讓你痛苦不已，就像被蚊子叮了，撓癢癢的只撓旁邊。總是看不到你的存在。
          

           那些重點、難點你已經知道是那些就行了（其實還不用知道，知道是為了先跳過），只細致的搜尋這你要的切入點。有一個網頁說有兩三種用IzPack的方法，只是概述那種也把責任推給官方。不幸看到一網站這一段“這個software的基本思想就是，它給你提供了許多安裝步驟所需要的panel（比如選擇安裝路徑、選擇安裝的內容、觀看License等等），然后你自己寫一個install.xml文件將你自己軟件的信息、安裝需要的步驟、以及安裝的資源等等都寫進這個文件里，然后使用它所提供的compile批處理文件編譯這個文件(e.g. compile install.xml)，它就會自動生成一個install.jar的可執行Java包。至此，整個過程就結束了，雙擊這個install.jar，就能啟動install界面。”，可以想到應該用命令行的方式來用這個軟件，其實這個想法早出來了，因為，桌面上也沒有lzPack的快捷方式。可我使用命令上就只會如 Javac xx.java 這一種，不過這一點也夠了，我已經萌生了一個測試策略。不就是命令加參數嗎？驗證一下再看其他的。
          

                     1.       用cmd進入軟件的bin目錄（compile.bat在這里）
          

                     2.       軟件附有樣例這是常規，進入軟件目錄IzPack下的sample(只有一個xml,compile 處理的就應該是xml，總共只有一個樣例，當然所有東西全用)，全選，復制，貼入bin目錄下（不用怕混了，到時咱對照著刪就是了）。
          

                     3.       (輸入什么呢，應該以bat文件為命令吧，以所要處理的文件為參數。那就)輸入
          

          Compile install.xml 
          

            有輸出，有許多文字在輸出，你已經露微笑了，不幸命中，就是這么用，一看bin中多了個install.jar,就更放心了。雙擊看看，哦，原來是個語言選擇界面。那么你該處理“策略垃圾”了，你同時打開bin目錄和sample目錄對比著把bin中復制來的文件一個一個刪掉（這只是一種嚴慎的行為，因為錯誤總會隨時降臨）。
          

            Bin未刪sample里復制過來的文件時如下圖：
          

          


          
  你其實挺興奮，嚴格記下你的第一次，以備以后快速進入和研究，于是你還把          cmd上留下的命令行輸出復制出來留待研究。而且你的很多策略也出來了，那個sample就是你參照的對象，寫xml可以仿寫，sample的結構有多復雜，你打包處理的軟件就至少能有這么復雜。對，start里面的幫助文檔還沒使用呢，下次肯定得用上。其實你在做這個測試的時候都是數著步數的，因為你想看看和上次相比，這軟件最快的使用方式有多大差別，對，每次你都用sample來數你開始的步伐了嗎？ 
          

            這是在cmd里的操作和輸出，不是很有意義，僅作為一種完整性貼這。
          

          C:"Documents and Settings"yys>cd E:"Program Files"IzPack"bin
          

          C:"Documents and Settings"yys>e:
          

          E:"Program Files"IzPack"bin>compile install.xml
          

          .:: IzPack - Version 4.1.0 ::.
          

          < compiler specifications version: 1.0 >
          

          - Copyright (c) 2001-2008 Julien Ponge
          

          - Visit http://izpack.org/ for the latest releases
          

          - Released under the terms of the Apache Software License version 2.0.
          

          -> Processing : install.xml
          

          -> Output      : install.jar
          

          -> Base path   : .
          

          -> Kind        : standard
          

          -> Compression : default
          

          -> Compr. level: -1
          

          -> IzPack home : .
          

          Adding resource: IzPack.uninstaller
          

          Setting the installer information
          

          Setting the GUI preferences
          

          Adding langpack: eng
          

          Adding resource: flag.eng
          

          Adding langpack: fra
          

          Adding resource: flag.fra
          

          Adding resource: LicencePanel.licence
          

          Adding resource: InfoPanel.info
          

          Adding content of jar: file:/E:/Program%20Files/IzPack/lib/standalone-compiler.j
          

          ar!/bin/panels/HelloPanel.jar
          

          Adding content of jar: file:/E:/Program%20Files/IzPack/lib/standalone-compiler.j
          

          ar!/bin/panels/InfoPanel.jar
          

          Adding content of jar: file:/E:/Program%20Files/IzPack/lib/standalone-compiler.j
          

          ar!/bin/panels/LicencePanel.jar
          

          Adding content of jar: file:/E:/Program%20Files/IzPack/lib/standalone-compiler.j
          

          ar!/bin/panels/TargetPanel.jar
          

          Adding content of jar: file:/E:/Program%20Files/IzPack/lib/standalone-compiler.j
          

          ar!/bin/panels/PacksPanel.jar
          

          Adding content of jar: file:/E:/Program%20Files/IzPack/lib/standalone-compiler.j
          

          ar!/bin/panels/InstallPanel.jar
          

          Adding content of jar: file:/E:/Program%20Files/IzPack/lib/standalone-compiler.j
          

          ar!/bin/panels/FinishPanel.jar
          

          Building installer jar: E:"Program Files"IzPack"bin"install.jar
          

          [ Begin ]
          

          Copying the skeleton installer
          

          Copying 7 files into installer
          

          Merging 7 jars into installer
          

          Writing 3 Packs into installer
          

          Writing Pack 0: Base
          

          Writing Pack 1: Docs
          

          Writing Pack 2: Sources
          

          [ End ]
          

          Build time: Thu Oct 30 20:08:24 CST 2008
          

          E:"Program Files"IzPack"bin>
          

             從cmd輸出的你能看到我用的命令就是剛才寫的，就那么一條，然后輸出它打包的過程，xml配置有問題的話，就會編譯不過去。
          
  同樣izpack是個小巧的開源軟件，用大部分用java寫的，離不開java環境，打出的包就一jar文件，比起installsheild輕省多了，但問題也來了，客戶要安裝你的軟件就要安裝jdk，以后我們會解決這問題。
          
 下節看看我們的結果并簡單研究一下要配置的xml。
          

			
			
          		
				posted @ 2008-11-24 18:47 yangyusong 閱讀(4003) | 評論 (5) | 編輯 收藏
			
          
		
          
	
          僅列出標題
          
	共2頁: 1 2 下一頁 

          


				
			
          
			
          
				
					

          導航
          

					

          統計
          
	
					
					

          常用鏈接
          


          留言簿(3)
          


		
          隨筆分類
          
		
				
			
	
		
          隨筆檔案
          
		
				
			
	
		
          文章分類
          
		
				
			
	



          搜索
          



          最新評論
	
          

          
	
			
		

          


          閱讀排行榜
          



          評論排行榜
          


				
			
          			
			

	

    
          
        
	




主站蜘蛛池模板：
梧州市|
新和县|
随州市|
偏关县|
建水县|
佳木斯市|
电白县|
宣威市|
台北县|
探索|
瑞安市|
新郑市|
石阡县|
祁阳县|
长沙县|
郧西县|
台安县|
庆阳市|
新龙县|
永康市|
马边|
靖安县|
峨山|
广丰县|
新和县|
青州市|
长顺县|
永清县|
四会市|
牟定县|
旌德县|
饶平县|
盐城市|
石渠县|
海原县|
乌什县|
甘肃省|
广河县|
布尔津县|
大厂|
县级市|