katoy: cocolog: 2011-12-24

2011-12-24

enchant.js を追加： express + coffeescript + mongoose の練習 (その２)

http://youichi-kato.cocolog-nifty.com/blog/2011/12/express-coffees.html
> express + coffeescript + mongoose の練習
への追加。

さらに enchant.js でのページも追加してみた。
ファイル構成は次のようになる (nmp install する前の node_modules/ が無い状態)
$ tree
├── README.txt
├── app.coffee
├── package.json
├── public
│ ├── game.html
│ ├── images
│ │ └── miku.gif
│ ├── javascripts
│ │ ├── coffee-script.js
│ │ └── enchant.js
│ ├── src
│ │ └── sample-game.coffee
│ └── stylesheets
│ └── style.css
├── routes
│ └── index.js
└── views
├── index.jade
└── layout.jade

追加したファイルは
public/
game.html
javascripts/
      coffee-script.js
      enchant.js
images/
      miku.gif

coffee-script.js, enchant.js はネット上から download してくる。
miku.gif は自分で作るか適当なものをネット上から download してくる。

game.html、src/sample-game.coffee は
http://d.hatena.ne.jp/gigi-net/20111222/1324541519
> CoffeeScript+enchant.jsで始めるゲーム開発入門
にあったサンプル。

$ cat public/game.html
<html>
<head>
<title>CoffeScript Canvas</title>
<script src="javascripts/coffee-script.js" type='text/javascript'></script>
<script src='javascripts/enchant.js' type='text/javascript'></script>

</head>
<body>
</body>
</html>

$ cat public/src/sample-game.coffee
nchant()
class SampleGame extends Game
constructor : ->
super 320, 320
@fps = 30
SampleGame.game = @
@preload "images/miku.gif"
@onload = ->
@rootScene.addChild new Player(100, 100)
@start()

class Player extends Sprite
constructor: (x, y) ->
super 44, 32
@x = x
@y = y
game = SampleGame.game
@image = game.assets['images/miku.gif']
@addEventListener 'enterframe', ->
   if game.input.up
      @y -= 5
   else if game.input.down
      @y += 5
   if game.input.left
      @x -= 5
   else if game.input.right
      @x += 5

new SampleGame()

$ coffee app.coffee
として、サーバーを起動してから http://localhost/game.html にアクセスする。

カーソルキーでキャラクターが上下左右に移動します。

投稿者 katoy 日時 2011-12-24 | 固定リンク | コメント (0) | トラックバック (0)

express + coffeescript + mongoose の練習。

次の様にして coffeescript + mongoose を試してみることができる。
(node, npm, mongodb はインストール済みであるとする。)

$ express foo
$ cd foo
$ edit app.coffee
# ---- app.coffee の内容は鯉術 ---------

$ edit package.json
# ---- package.json の内容は鯉術 ---------

$ npm install
# ---- 実行に必要な依存パパッケージが ./node_modules に配置される

# ---- 別のターミナルで mnogodb を起動させておく
# ---- $ mongod --dbpath=./mongo

$ coffee -wc app.coffee

ブラウザで次の URL にアクセスすると、ターミナルに colsole.log の出力が表示されていく。

http://localhost:3000

http://localhost:3000/add

http://localhost:3000

http://localhost:3000/drop

http://localhost:3000

http://localhost:3000/save?nake=xxx&age=20

http://localhost:3000

========================================
$ cat app.coffee
require 'coffee-script'

express = require 'express'
mongoose = require 'mongoose'

app = module.exports = express.createServer()

app.configure ->
app.set "views", __dirname + "/views"
app.set "view engine", "jade"
app.use express.bodyParser()
app.use express.methodOverride()
app.use express.compiler(
src: __dirname + "/public"
enable: [ "sass" ]
)
app.use app.router
app.use express.static(__dirname + "/public")

app.configure "development", ->
app.use express.errorHandler(
dumpExceptions: true
showStack: true
)

app.configure "production", ->
app.use express.errorHandler()

mongoose.connect 'mongodb://localhost/node'

# schema定義
UserSchema = new mongoose.Schema
name : String
age : Number

User = mongoose.model('User', UserSchema)

app.get "/", (req, res) ->
res.redirect('/find');

# find
app.get "/find", (req, res) ->
res.render "index", title: "Express"

User.find {}, (err,users) -> for user in users
console.log user

# clean
app.get "/drop", (req, res) ->
res.render "index", title: "Express"

User.remove {}, (err) ->
console.log err if err

console.log "dropped!"

# save?name=foo&age=xx
app.get "/save", (req, res) ->
res.render "index", title: "Express"

if req.query["name"]
rec = new User()
rec.name = req.query["name"] if req.query["name"]
rec.age = req.query["age"] if req.query["age"]

rec.save (err) ->
console.log "save! #{rec}" unless err

app.get "/add", (req, res) ->
res.render "index", title: "Express"

rec = new User()
rec.name = "kato"
rec.age = 20
rec.save (err) ->
console.log "add! #{rec}" unless err

app.listen 3000
console.log "Express server listening on port %d", app.address().port

========================================
$ cat package.json
{
"name": "application-name"
, "version": "0.0.1"
, "private": true
, "dependencies": {
"express": "2.5.2"
, "jade": ">= 0.0.1"
, "expresso": ""
, "coffee-script": ""
, "mongoose": ""
}
}