shitou's blog 

  • Home
  • About
  • Feed
  • 十人族
  • MIX BOY
  • 塌客
16
Jan

Tri-survive - HTML5 Game

其实这个游戏早在2011年7月份,就是shitou在研究impactjs的时候做的,由于后来一直很忙,加上当时做的还不完善,问题多多,就一直没有在这里公开出来,现在就放出来给对impactjs感兴趣的同学参考下

 

http://www.ccok.me/photo/image/83/medium/logo.png

游戏名称, Tri-survive, 游戏使用impactjs引擎开发,游戏中图片素材是shitou自己PS的, 也有一部分是从其他游戏中扣过来了, 音效来自于http://www.partnersinrhyme.com/pir/PIRsfx.shtml和http://opengameart.org/, 上面两个网站的资源都是开源的, 对程序员来说是再好不过的资源了

 

还有很多不完善的地方,半成品都算不上,点击游戏右上的HELP按钮查看操作帮助吧, Tri-survive

Tags: Canvas,Webgame,Impactjs

2012-01-16 23:21:15, 24 reviews, comment

send to mailbox

Your email:

15
Jan

Cut the rope - HTML5版

微软最近又有新动作了,和cut the rope合作推出了游戏的HTML5版,而且开发团队也给出了开发日志.

 

cut the rope

 

Tags:

2012-01-15 23:50:08, 22 reviews, comment

send to mailbox

Your email:

16
Dec

json_formatter

最近一直在用sinatra做API, OAuth2的东西, 调试用的curl, 数据的返回格式是json, 默认情况下一对一对字符串是直接在console输出出来的,不方便查看,像这样:
{"accounts":[{"name":null,"id":"4ea060742c76682ab800a807","api_url":"https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts/4ea060742c76682ab800a807","email":"skidave32289@gmail.com"},{"name":null,"id":"4ea06b5e2c76682aa6002ac5","api_url":"https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts/4ea06b5e2c76682aa6002ac5","email":"skidave32289+20@gmail.com"},{"name":null,"id":"4ea071862c766848c3000055","api_url":"https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts/4ea071862c766848c3000055","email":"skidave32289+21@gmail.com"},{"name":null,"id":"4ea075e02c766848c8000ae5","api_url":"https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts/4ea075e02c766848c8000ae5","email":"skidave32289+22@gmail.com"}]}
今天在rubyflow上看到一个不错的工具gem: json_formatter, 直接gem install后,就可以在命令行用了:
#curl -H 'EXAMPLE-API-KEY: b60b5400dd6f012eg16c12313b0ecdxc2' "https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts?per_page=100" | json_formatter 
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100  5812  100  5812    0     0   3358      0  0:00:01  0:00:01 --:--:-- 11049
{
  "accounts": [
    {
      "name": null,
      "id": "4ea060742c76682ab800a807",
      "email": "skidave32289@gmail.com",
      "api_url": "https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts/4ea060742c76682ab800a807"
    },
    {
      "name": null,
      "id": "4ea06b5e2c76682aa6002ac5",
      "email": "skidave32289+20@gmail.com",
      "api_url": "https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts/4ea06b5e2c76682aa6002ac5"
    },
    {
      "name": null,
      "id": "4ea071862c766848c3000055",
      "email": "skidave32289+21@gmail.com",
      "api_url": "https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts/4ea071862c766848c3000055"
    }
  ]
}

#也可以直接输入字符串
#json_formatter "{}"

ps: 关于curl
上面提到了curl,就再多说一点吧,在用curl进行POST请求添加数据时需要注意, 使用 -d "name=value" 的方法是不会自动给value进行编码(url escape)的, 如果想让curl给数据进行escape需要使用 --data-urlencode 选项:
#curl -d "site=www.ccok.me" --data-urlencode "email=li+lei.hand-some2@yottaa.com" -H 'EXAMPLE-API-KEY: b60b5400dd6f012ec57c123112b0ecda2' "https://api-dev.example.com/partners/4ea05b812c76682ab800a0b0/accounts"
Tags: ruby,shell,json

2011-12-16 01:30:23, 130 reviews, comment

send to mailbox

Your email:

21
Nov

Google Analytics更新了

又快半年没更新了.., 为了证明shitou's blog仍然活着, 凑点字数吧..

 

最近Google的活动又多了起来, 收购Moto的手机业务, Android 4.0的发布, Google Music, 新的UI页面..

 

今天收到封Google Analytics的邮件, 说有更新了, 主要有:

实时的数据更新. 现在可以看到几秒之前用户活动信息了

Google Realtime

 

Multi-Channel Funnels, 这个是针对电子商务网站, 提供各种用户来源的转化率.

Google Multi-Channel Funnels

 

Mobile Reporting, 移动端数据统计的加强, 之前GA已经支持查看访问来源的UA(User Agent)了,不过功能比较简单,这次是在原来基础上的加强,支持直接查看访问用户的手机型号, 还有手机图片.

Google Mobile Reporting

 

Flow Visualization, 这个功能也是之前功能的加强,以更直观的曲线图查看用户的访问数据.

Google Flow Visualization

 

上面的图可能会被q-i-a-n-g掉, uncle fu****

 

Tags:

2011-11-21 19:39:32, 203 reviews, comment

send to mailbox

Your email:

26
May

Google HTML5 web font

Goole HTML5 Web Font

HTML5支持自定义字体,Google专门开设了一个服务开发者可以上传和共享自己的字体,使用方法很简单:

 

1) 查看字体列表,选择你要使用的字体

 

2) 然后在header中加入CSS调用,比如:

<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>

 

3) 最后就是使用了:

h1 {font-family: Ubuntu}

或者在Canvas中使用

var context = document.getElementById("canvas").getContext("2d");

context.font = "bold 12px Ubuntu";

context.fillText("Hello World", 20, 20)

 

Tags: HTML5,google

2011-05-26 21:07:22, 375 reviews, comment

send to mailbox

Your email:

22
May

HTML5 & Impactjs

HTML5 Powered with Connectivity / Realtime, CSS3 / Styling, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage

最近一直在看HTML5游戏开发这方面的东西,从小学FC上的超级玛丽 ,魂斗罗一直到现在的全机种制霸(这绝对不是赤果果的炫耀...),shitou的玩龄也有快15年了,虽然一直在做程序开发的东西但从来没接触多游戏开发这方面的内容,个人严重抵触flash,虽然几年前研究过flex,但是还是不想用flex/flash来起步做游戏,最近HTML5已经被各大浏览器厂商推到风口浪尖了,各种支持也越来越完善,尤其是HTML5中的Canvas, Audio标签对游戏开发都是很至关重要的,在没有HTML5之前,web game都是javascript和flash来实现的,现在有了新选择。

 

加之iOS对flash的封杀,所有基于flash的web game都是被悲剧了,而各大厂商(包括移动浏览器)都力挺HTML5,这样用HTML5开发的游戏经过简单的修改(基本上是用户控制方面的,比如鼠标的点击,屏幕触摸等操作)就可以运行在移动平台了。

 

关于游戏引擎/开发库

目前有很多基于JS+Canvas的游戏开发库,大部分都是开源的,不过功能都不是很完善,也有商业的,比如Impactjs,shitou目前就是用的这个引擎,版权费用是99刀,在研究了近两个星期后,简单总结了这个引擎的一些特点:

 

  • 地图完全是基于tile-based
  • 非常适合开发横版滚动卷轴类的游戏,像古董级的超级玛丽,魂斗罗,最近XBLA上的Limbo(地域边缘),Super Meat Boy(超级肉肉哥)这类游戏; 垂直视角的RPG或者SLG战棋类游戏,像塞尔达传说,早期版本的最终幻想3/4(不是NDS上的3D妇科版...),GBA上的火焰文章; 还有横版(或竖版)射击类游戏也可以
  • 对collision detect, tile-based map, sound, music, image animation, mobile support, input, timer都有不错的支持,目前版本不支持isometric类型的地图,还有没有path finding
  • 已经整合了Box2djs
  • 引擎中有一个自带的地图编辑器weltmeister,功能非常强大,适合用来编辑关卡
  • 官方文档非常完善;官方论坛也比较活跃,而且有很多第三方插件可以使用
  • 通过Phonegap可以直接将自己的游戏打包成iOS, Android, WP等上的本地app应用
  • 对游戏元素的鼠标点击事件支持的不好,需要通过hack的方法才能实现

 

总体上impactjs的功能还是很不错的,尤其对于刚接触游戏开发的朋友来说,而且授权价格也还可以接受,感兴趣的同学可以买一个license研究研究,也可以和shitou联系一起研究。

 

ps: 欢迎各位同学来信性骚扰,mytake6ATgmailDOTcom

 

Tags: HTML5,Canvas,Webgame,Impactjs

2011-05-22 21:18:12, 369 reviews, comment

send to mailbox

Your email:

上一页 1 2 3 ... 34 35 下一页

Tags

json Impactjs Canvas fun gen_server superfly PS3 Webgame HTML5 jquery SSH tenerer MooseFS gearman-ruby Gearman MongoDB MochiChat TCP U-ka saegusa IN db command Mai Kuraki Norah Jones log iPhoneException ACG Mac Safari objective-c CouchDB LVS AJAX debian 推荐 AMQP google mail bug gettext Erlang 北京 iptables 架构 tips mysql backup function 我看 postfix 监控 SEO cache Etag memcache thread 进程 线程 无锡 yield file column mixboy xml rss gems ruby shitou shell lighttpd 安全 csrf 公司 nginx linux 模块 apache webserver 朋友 大学 生活 尼古拉斯凯奇 movie 文件同步 笑笑 歌词 auto complete plugin rails music ubuntu blog

Category

  • HTML5[3]
  • iPhone[17]
  • Erlang[11]
  • google[13]
  • 生活[45]
  • 音乐[13]
  • 电影[11]
  • linux[29]
  • web server[6]
  • mail server[3]
  • cluster[1]
  • system manage[9]
  • ruby[20]
  • ruby on rails[28]
  • 开源[4]

Episode

  • MongoDB
  • MochiChat
  • iPhoneException
  • shell
  • thread
  • memcache


Popular Posts

  • 准备开始学习Erlang了(恶狼, 二郎..)
  • Ruby遍历MemCached的key
  • 服务器监控小脚本
  • MySQL Innodb备份
  • [转载]5个有用的ruby gems

Recommended Posts

  • Tri-survive - HTML5 Game
  • Cut the rope - HTML5版
  • json_formatter
  • 在gen_server中spawn新的进程
  • Superfly - Wildflowers
  • 继续凸墙 for Mac OS
  • MongoDB Beijing 2011
  • MongoDB删除map_reduce生成的tmp collection
  • Mai Kuraki - Future Kiss
  • Erlang OOP
  • 用SSH tunnel凸墙
  • Google的语法高亮工具包
  • 大量数据的批量操作
  • 再次被和谐-_-
  • 十人族: 上线了

Friends' blogs

  • levy
  • sphance
  • andreas
  • yangkunlun
  • {:dev=>:wxianfeng}
  • bheye
  • joeydarko

Login

   注册

留言 查看留言

留言

   取消

留言 查看留言


Statistics

  • 访问次数: 312445
  • 今天访问: 296
  • 日志: 213
  • 评论: 4967
  • 音乐: 9
  • 用户: 1739


少女,不点下广告吗!

 

all by shitou

blog comments powered by Disqus

close