Framgia OSX bro. Building MatrixGame using HTML5 canvas and WebSocket. Also implement new features for Framgia OSX

1. Team FosX bro.
Framgia Interesting Group
1. Chu Anh Tuấn
2.Trần Bá Trọng
3. Lê Thị Ngọc Ánh
4. Bùi Văn Quỳnh
5. Nguyễn Thành Linh
6. Vũ Thị Minh Hằng
7. Dương Thị Lan
8. Hoàng Đăng Khánh
9. Hoàng Thị Tuấn Dung

2. - URL: http://103.1.209.29:8888/matrixgames
- MatrixGame using
+ HTML5 Canvas/JS (Kinetic JS Library)
+ WebSocket
This slide will describe above two
techniques in creating MatrixGame
Matrix Game

3. - We completed a tech blog for introducing
about HTML5
http://tech.blog.framgia.com/vn/?p=2879
Introduction about HTML5

4. - We completed a techblog for introducing
about KineticJS
http://tech.blog.framgia.com/vn/?p=3234
Introduction about KineticJS

5. - We use HTML canvas and KineticJS library
to build MatrixGame
- The code of HTML/JS part of Matrix game
is published at my Github. Free free to
check it!
https://github.com/bs90/MatrixGameJS
HTML5/JS part of MatrixGame

6. - We use websocket-rails gem to construct
the websocket part of MatrixGame
WebSocket part of MatrixGame
GAME INDEX CHANNEL
- Clients will be sent the
information of new created
game, current games’s
points, quitted game without
reload the page.
GAME CHANNEL 1
- 2 clients will be sent the
information of opponent's moves,
opponent’s chats, opponent’s quit
and so on…
GAME CHANNEL 2

7. - By creating MatrixGame and some others interesting functions
for FramgiaOSX, members of team have learned many
knowledge about HTML5/CSS3/JS/Websocket…
- Besides 2 tech blogs we introduced above, we also completed
3 others tech blogs.
http://tech.blog.framgia.com/vn/?p=3193
http://tech.blog.framgia.com/vn/?p=2686
http://tech.blog.framgia.com/vn/?p=2790
Summary

8. - After releasing 5 days, MatrixGame have
about 300 completed interesting games and
many good feedbacks.
- We still keep it up, fix bugs and
implement new functions on MatrixGame
THANKS FOR SUPPORTING FRAMGIA OSX
Summary