2010-11-06 155 views
2

我想構建一個遊戲,用戶可以爲他創建一個角色,遊戲結束後會將其轉換爲PNG文件。創建簡單的角色遊戲

用戶將選擇角色的衣服,當他完成時將在線看到它 - 他將點擊完成並將其作爲PNG文件。

我可以使用哪種語言編程它?它可能與JS?你能給我任何線索嗎?

謝謝。

回答

3

看來你可以用HTML5和JS使用Canvas元素做到這一點:

Canvas2Image : Saving Canvas data to image file

注意,目前這不會與Internet Explorer,直至IE9工作。

如果您需要支持IE,您應該可以在沒有太多問題的情況下在JS中執行接口,然後使用像PHP這樣的服務器端語言來生成映像。

也許最好的方法是使用AJAX獲取角色部分(衣服等)的圖像,然後使用它將所選部分發送到服務器,以返回組合圖像。

0

你可以用一個畫布元素在客戶端執行 - 加載衣服圖像並在畫布中繪製它們。

如果您希望它與瀏覽器兼容,請使用一些服務器端腳本來生成圖像。

+0

它被標記爲HTML5,所以我不認爲它需要與舊瀏覽器兼容:] – Harmen 2010-11-06 12:18:00

+0

僅在IE6中不支持HTML,否(和舊的firefox,舊歌劇等)?問題..我不知道如何開始..有代碼可以給我「inspirtaion」? – Luis 2010-11-06 12:31:37

+0

@Luis:https://developer.mozilla.org/en/Canvas_tutorial/Using_images – thejh 2010-11-06 12:38:49

0

您可以使用Adobe Flash爲這類事物提供一個很好的交互式GUI。然後,使用export PNG插件提供要下載的文件。

這種方法有一些缺點。例如,您需要購買Adobe Flash軟件,而您的webapp只有在用戶安裝了最新插件後才能使用。由於Flash播放器的專有性質,您的應用程序僅適用於少數平臺。儘管如此,根據您的使用情況,這可能是最快,最簡單的方法來獲得您想要完成的任務。

+1

..但他問'HTML5'和'Javascript' .. – 2010-11-06 12:23:56

+0

是真的,但我只是把可能性放在那裏。 – fmark 2010-11-06 12:27:11

+0

我知道有一種閃光的方式 - 但我不能在這個項目上使用Flash。 – Luis 2010-11-06 12:28:16