[Widget] MyMiniCity 我的小城市

Posted on 一月 7, 2008 by evenrain

特別感謝名單：(依照 ID 排序)
bibicall 協助 icon 去背
ivanuston & Kirin Lin 協助多語系發展
We4You 提供俄語語系檔

目前提供：正體中文(zhTW)、英文(enUS)、日文(ja)、俄語(ru) 四種語言版本

--- 1/10 widget 語法修正通知 ---

因應 IE 在 document.write 上的執行順序問題，造成 IE 無法看見 Flash 的問題，請大家修改語法如下 (底下的範例亦同步更正)：

PLAIN TEXT

CODE:

<script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
<script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname" type="text/javascript" charset="UTF-8"></script>

--- 以下是正文 ---

前幾天在 twitter 上看到許多人在討論 MyMiniCity。號稱不需要註冊、不需要下載，只需要依靠網友的點擊就可以發展你的小城市。說真格的，我也不知道好玩在哪裡，不過看自己的城市慢慢發展起來感覺也滿有趣的，於是我也去申請了一個。

由於需要網友點擊，而且每人每天只能點一次連結¹，所以需要容易廣播的管道。依稀記得好像有人提到如果有 widget 可以放在 blog 邊欄會更容易 promote 些，於是我興起了動手寫寫看的念頭。

實際的成果大概如上圖 (或是看邊欄上的)。最上端會顯示城市的名稱，接著是縮小的 Flash 與城市的各項數值，最底下則隨著人口數會有增加居民、興建工廠、發展交通網、擴張警力、興建公園等連結圖示。~~目前的問題是，在網站上找不到發展商業的圖案，所以這個連結還沒有放上去~~ 1/8 16:00 Update:已修正。要把這個 widget 放到你的 blog 只需要加入下面這行 code 到你的邊欄 (或是任何可以放 Javascript 的地方，記得改 cityname)：

PLAIN TEXT

CODE:

<script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
<script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname" type="text/javascript" charset="UTF-8"></script>

我覺得程式需要改進的地方還滿多的，例如提供更多的客製選項，而且我實際撰寫 PHP 才半年，所以有 bug 是正常的 XD。歡迎大家測試並提供建議喔。

1/7 Update: 進階用法

PLAIN TEXT

CODE:

<script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
<script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname&width=165&f1=14&c1=ffffff&bg1=9dc55e&f2=12&c2=000000&bg2=c9fd79" type="text/javascript" charset="UTF-8"></script>

只有 city 是必要參數，只需加上你要修改的參數即可，例如：

PLAIN TEXT

CODE:

<script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
<script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname&width=300&c2=ff0000" type="text/javascript" charset="UTF-8"></script>

參數說明：

city：城市名稱 (必要參數)
width：widget 寬度 (數字就好，單位為 px，預設 165)
f1：標題的字體大小 (數字就好，單位為 px，預設 14)
c1：標題的字體顏色 (不需加 #，預設為 ffffff)
bg1：標題的背景色 (不需加 #，預設為 9dc55e)
f2：數據的字體大小 (數字就好，單位為 px，預設 12)
c2：數據的字體顏色 (不需加 #，預設為 000000)
bg2：數據的背景色 (不需加 #，預設為 c9fd79)

~~你會發現改完後，圖示那邊的背景還是 c9fd79，這是因為 icon 我沒有去背(我也不會)，所以...XD~~ 1/7 11:50 Update: 感謝 bibicall 幫忙去背，現在會跟著 bg2 改顏色了。

如果你會改 CSS 的話，也可以看 source 去改，在這我就不多做說明了 :p

1/8 Update:
新增語系參數 lang，繁體中文不需此參數，英文加上 lang=enUS、日文加上 lang=ja 即可。

1/10 Update:
增加兩參數 s 與 m
s=1 時，底部會顯示 powered by ~~evenrain~~ myminicity-widgets
m=1 時，flash 上方會顯示最近的城市新聞 (此功能目前僅提供給正體中文語系使用者，事件的日期已改為台灣時間)

PLAIN TEXT

CODE:

<script type="text/javascript" src="http://widgets.evenrain.net/swfobject.js"></script>
<script src="http://widgets.evenrain.net/myminicity.php?city=yourcityname&s=1&m=1" type="text/javascript" charset="UTF-8"></script>

請參照 sidebar 上的範例。

1/21 Update:
新增參數 tr。當 tr 為 1 時， Flash 會加上 wmode = transparent

1/27 Update:
新增俄語語系，lang=ru

1/29 Update:
新增參數 tz & df，可變更城市新聞時間的時區與時間格式，詳見專案頁面。

隨著人口數的增加，會有更多連結供不同目的的發展 [↩]

The [Widget] MyMiniCity 我的小城市 by evenrain, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Taiwan License.

146 thoughts on “[Widget] MyMiniCity 我的小城市”

http://basaras-farm.myminicity.com/ on 一月 14, 2008 at 4:26 上午 said:

yahoo 的blog放這段
都會變成自己下載js檔這邊不知如何解決
撒旦 on 一月 14, 2008 at 7:48 上午 said:

…不知道去哪找flash的更新檔…囧rz
evenrain on 一月 14, 2008 at 9:27 上午 said:

to basaras:
可能要請你先確認 yahoo blog 支不支援放 javascript
to 撒旦:
http://www.adobe.com/products/flashplayer/
http://basaras-farm.myminicity.com/ on 一月 15, 2008 at 2:57 上午 said:

yahoo 好像沒支援java…囧
callbusy on 一月 15, 2008 at 8:42 下午 said:

非常感謝evenrain兄的熱心分享！^^
crazyrushstar on 一月 15, 2008 at 10:08 下午 said:

這個東西我也玩的很瘋..
一直找不到能把它跟blog合在一起的東西，昨天才輾轉找到一個日本人寫的外掛，這人是用cgi做的，剛剛又有一個朋友給我說這邊也有一個，原來台灣早有人做了…

日本人做的配色方面是參考本來的網站的，但是沒有做即時的flash地圖預覽。

最後… 如果這東西掛在blog上,來看blog的人會連帶的增加minicity的人口嗎?
日本人寫的那個還沒辦法做到這點….~!
Paolo on 一月 15, 2008 at 10:24 下午 said:

試過..都不能~

謝謝你的回答^^
crazyrushstar on 一月 15, 2008 at 10:42 下午 said:

格主你真是太棒了… 我把日本人的版本換掉了..
還對顏色做了客制化~~!

(y)

下面作者的訊息有點….

但是為了支持作者的用心一定會會把參數s=1掛上的
加油超棒… 非常感謝
墨琳 on 一月 16, 2008 at 12:09 上午 said:

感謝你的分享哦～
^^
tinatina413 on 一月 16, 2008 at 2:25 上午 said:

哇，真是太貼心了
感謝版主~~謝謝!
onkio on 一月 16, 2008 at 11:58 上午 said:

想請教evenrain兄：
這篇文章的部份語法可否借我轉載到蔽人的Blog呢^^?謝謝。
會註明網址、出處、作者~^^"
evenrain on 一月 16, 2008 at 1:58 下午 said:

轉載歡迎 :)
evenrain on 一月 16, 2008 at 2:02 下午 said:

to crazyrushstar:
看 blog 無法連帶增加人口 (其實應該說會，但是每個人都是透過我的 server，所以一樣一天一次，所以一天100個人看你的 blog，仍然只會增加 1個人口)

另外 s=1 不強制加啦，不然我何必寫成一個參數 XD
crazyrushstar on 一月 16, 2008 at 8:40 下午 said:

可能是有技術上的困難吧~~!

我本來想說如果來看blog的人就自動加minicity
那就再多一個參數讓這個自動參觀minicity 指定為人口還是環保之類的

至於s=1 一定要的，不加對不起良心

找一天比較閒也會把這篇link過去..
我想一樣是中文我也不用多說什麼，直接開一篇出來說有人寫了這東西打打廣告就行了~~!
nijiafat on 一月 17, 2008 at 8:59 下午 said:

感謝evenrain大大的分享~實在太好用了
我也用了~還引用了一些內文在文章中~希望你不會介意
我也有建了一個小城~名字就是nijiafat
有空也來坐坐喔^^~一起努力發展吧~
jiaming on 一月 18, 2008 at 3:37 下午 said:

我也成功的加入widget

我的minicity

http://jiaming.myminicity.com/
vesalius on 一月 19, 2008 at 3:22 下午 said:

evenrain大你好
我是用blogger 可是我加了那段語法了還是沒有辦法顯示耶
是我哪裡有做錯嗎
謝謝大大!
evenrain on 一月 19, 2008 at 10:21 下午 said:

to vesalius:
我去看你的 blog 沒看到你放在哪耶，這樣沒辦法幫你看 orz
crazyrushstar on 一月 20, 2008 at 1:52 下午 said:

Hello,

我又來了，我想要請你幫忙多做一個option, 選擇flash的wmode, 因為我想要wmode="transparent"，這樣才不會擋到其他東西~~!..

謝謝
evenrain on 一月 21, 2008 at 9:52 上午 said:

to crazyrushstar:
已新增參數 tr，請見文末說明，如有問題煩請告知 :)
K on 一月 21, 2008 at 11:42 上午 said:

你好, 我加了widget後, 不知道為什麼電腦拖得很慢, 有時更會hang機. 請指教~
vesalius on 一月 21, 2008 at 3:09 下午 said:

evenrain大
我加了minicity的title了
原本應該是會在那個title下方出現
可是都沒有
可以幫我看一下嗎
謝謝你!!
雪爧 on 一月 21, 2008 at 4:48 下午 said:

我把語法貼上去嚕
可是圖一直跑不出來

http://blog.yam.com/lovedada
http://annieskye.myminicity.com/
evenrain on 一月 21, 2008 at 5:27 下午 said:

to K:
更新 Flash 版本試試？
to vesalius & 雪爧:
你們兩個的問題是一樣的，算是程式 bug，修改中 XD
evenrain on 一月 21, 2008 at 5:50 下午 said:

to vesalius & 雪爧:
搞定，我去看你們的 blog 已經有顯示 widget 了
destilia on 一月 21, 2008 at 9:28 下午 said:

真是超級好用的>//////<
我也在想會不會有神人把他寫成blog工具
大感謝~~~

對了
請問一下，我把語法放上去已經可以用，
只是用來發展的那幾個按鈕不知道為什麼
通通排成一直線了，而不是在同一橫列上
為什麼會有這種情形呢??? Orz
evenrain on 一月 22, 2008 at 12:13 上午 said:

to destilia:
已修正，感謝回報。
crazyrushstar on 一月 22, 2008 at 10:37 上午 said:

加了 tr=1之後 flash會跑不出來耶

所以我又拿掉了
evenrain on 一月 22, 2008 at 11:21 上午 said:

to crazyrushstar:
哈哈，我有個地方打錯了，現在應該可以了 :$
crazyrushstar on 一月 23, 2008 at 12:09 上午 said:

成了成了… 非常感謝… (y)
We4You on 一月 27, 2008 at 2:02 上午 said:

I`am make translation widget to Russian lang.

http://wcam.free-web-hosting.biz/wp-content/uploads/2008/01/widget_myminicity_ru.zip

Please publish with file to your blog, plugins and SVN project.
We4You on 一月 27, 2008 at 2:08 上午 said:

Also Widget with translate Russian to my web-blog http://wcam.free-web-hosting.biz

Thank you very much for Widget, and I want help you to your work in project Widget MyMiniCity.
evenrain on 一月 27, 2008 at 2:38 下午 said:

Hi We4You,
Thanks for your helping :)
Pingback: 有趣的MyMiniCity，我也來加入啦！！ ¦ ★拜金雜物哈啦舖★
We4You on 一月 27, 2008 at 9:37 下午 said:

Hi Evenrain,

I am translate News in the widget
http://wcam.free-web-hosting.biz/wp-content/uploads/2008/01/widget_myminicity_ru_news.zip
Local time-zone Europe/Moscow +3 UTC.

Also if I must help you translation to Russian, your join me to SVN project? My Gmail username we4your@gmail.com.
evenrain on 一月 28, 2008 at 9:43 上午 said:

Hi We4You,
Welcome to join this project :)
cheryne on 一月 30, 2008 at 2:34 上午 said:

真是一個貼心的設計，非常感謝^^

我的minicity
http://cheryne.myminicity.com/
hihihi on 一月 30, 2008 at 6:55 下午 said:

CHECK THIS OUT!

http://mybike.myminicity.com/

Probabaly the bigger CITY in EUROPE
evenrain on 一月 30, 2008 at 10:49 下午 said:

上面那個我點過了，羅馬尼亞來的朋友，
目前是羅馬尼亞第 51 名。
目前城市規模略低我一點 (我點的時候人口 437)，
有點被騙的感覺 orz
話說，連羅馬尼亞的人都跑來了…真是國際化…XD
Know-it-all on 一月 31, 2008 at 2:48 下午 said:

Abend您好,

謝謝您提供的城市, 我也在我的blog使用了:
http://blog.pixnet.net/knowitall

請問:
1. 統計的數字可以改變字色嗎?
2. 可以整個block都有Link 嗎?

再次感謝~~
阿凱 on 一月 31, 2008 at 3:01 下午 said:

我再funP搜尋myminicity也好幾個人把自己的city網址拿去貼文~_~
Know-it-all on 一月 31, 2008 at 3:03 下午 said:

Abend您好,

謝謝您提供的 "程式" (前個留言打錯了), 我也在我的blog使用了:
http://blog.pixnet.net/knowitall

請問:
1. 統計的數字可以改變字色嗎? 怎麼變?
2. 可以整個block都有Link 嗎?

再次感謝~~
evenrain on 一月 31, 2008 at 4:07 下午 said:

to Know-it-all:
目前沒辦法針對統計數字改變字的顏色，另外我不是很懂你的"整個block"都有Link"的意思。
Know-it-all on 一月 31, 2008 at 4:12 下午 said:

"整個block” 都有Link”的意思是:
語言貼好後是一塊圖 (block),
滑鼠指著這block會有手指, 但點不進去minicity,
要指著 "增加人口" (等等) 標幟, 才能點進minicity.
是這意思. :D
Know-it-all on 一月 31, 2008 at 4:14 下午 said:

比方說, evenrain的blog裏的Minicity block,
就是滑鼠指著它就點入了呀~~~
evenrain on 一月 31, 2008 at 4:24 下午 said:

to Know-it-all:
ㄟ～基本上這是兩個 widget，
JavaSciprt 版本包含了多個物件，況且那個 Flash 還是可以操作的，當初設計的原意就是讓使用者自己選擇要點什麼建設。
Image 版本因為本身只是張圖，所以會透過另一隻程式來導向需要的建設。
你可以根據你的需求來選擇 :)
Know-it-all on 一月 31, 2008 at 5:13 下午 said:

阿里嘎多!!
我再用功看看好了, 我有點像野田妹,
亂彈, 還自己作曲 (但沒她的天份)

感恩喔~
crazyrushstar on 一月 31, 2008 at 5:15 下午 said:

你好我又來了，
因為我發現這個widget 有點慢，所以想用ifram的方式去做呼叫
等待回應時就可以做下一件事, 加快blog loading

我改成
但是似乎有一些語法不對，所以flash出不來，而且也多了一些不必要的文字。
這個可能要從源頭php那邊改起了~~!
link也是 , link 的 target="_blink" 這樣才不會卡在frame之中~!

希望這個有辦法解決
evenrain on 一月 31, 2008 at 5:30 下午 said:

to crazyrushstar:
你改成啥？我看不見 XD
要改成用 iframe 的話，建議你自己做一頁 html，
把語法貼上去。
直接把 widget 的 url 寫到 iframe 的 src 是無法運作的
XIAN on 一月 31, 2008 at 9:45 下午 said:

對不起!! 奇摩部落格可以用嗎??? 我不會