2010-11-06 123 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