flashでポリゴンキャラを動かす!
2Dのゲーム作成がまだ終わってないのに、3Dの方にも手を伸ばしちゃいました☆
クリックでアクションが変化します(立ち、歩行、ダメージ、攻撃)
モデルとモーションデータはKaru_gamo様の作です。
xファイルをdae変換の後、papervision3dを使いflashで表示しました。
gamequeryの時も思ったけど…モデルがいいと、凄い事をしているように思えますね!(実際はポリゴンモデルもモーションも借り物で、表示と切り替えを行っているだけです)
素晴らしい配布元さまはこちら
↑の記事を読んで頂けるとわかるんですが、元はxファイルという形式の3dモデル&モーションのデータです。
XNAというのはXboxで使えるツール。
なのでWEBでの仕様は想定されてないため重いのですがkaru_gamo様の責任ではありません!それにしても素晴らしく可愛い。PS2並の情報量。これがブラウザでも動くなんて驚きです。胸熱…
自分で最適なローポリが作れればいいんですけど。うう、そのうち…
新品価格 |
新品価格 |
ああ…技法書だけは買い込んでいるのに(泣
具体的な表示のさせ方ですが、
こちらを参考に。とりあえず、xファイルだったらモーション付きでもUnwrap3Dというソフトでdaeに問題なく書き出せるとわかったので。まだ自分でxファイルを作る技術がない…
他にも参考にさせて頂いたのはあって、
こちらのRokDeBone2なら、六角大王とかで作ったファイルをxファイルに!おや?よく見たらdaeも書き出せるのでは?
ユーザーの作られたプラグイン試す→少しおかしかったので断念
しかしxファイル単独なら問題無さそうなので、試してみる予定。
モーションの切り替えは、papervision2.0からある「AnimationClip3D」という機能を使いました。
参考にさせて頂いたページ
こちらのサンプルも凄っ!!
MayaとかMaxとか高くて手が出ないよ…
ネット禍
google検索に頼りすぎて、思考力が低下する事が話題になっているそうだ。
http://blog.goo.ne.jp/ikedanobuo/e/b56745c8f68e8f3498f4d7577de845bf
でも、これって新しい表現方法・メディアが出現した時に言われるお約束のものじゃないかな、とも思います。
こうした変化は、古くからあった。ソクラテスは、「文字に書くと、人々は内容を忘れてしまう」と書物を記さなかった。ホメロスの叙事詩もギリシャ悲劇も、暗誦して伝えられたものだ。韻文は、その記憶を容易にするための技法だった。
これで思い出すのが中島敦の「文字禍」です
近頃人々は物憶えが悪くなった。これも文字の精の悪戯(いたずら)である。人々は、もはや、書きとめておかなければ、何一つ憶えることが出来ない。着物を着るようになって、人間の皮膚が弱く醜くなった。乗物が発明されて、人間の脚が弱く醜くなった。文字が普及して、人々の頭は、もはや、働かなくなったのである。
中島敦 文字禍
文字の世界に耽溺する老博士が寓話的に書かれています。
この文字をネットに置き換えると驚く程、いろいろ当てはまってしまう。未読の人は是非、一度読む事をおすすめします。
しかし、バカになってしまおうと、私たちはもうネットやgoogleから離れて暮らすことは出来ないのも確か。
Xbox特命課のドット絵描こうぜ!
…ごめん力つきた。
一連のアクションゲーム作るぜの流れで、ネプテューヌみたいに各ハードメーカー擬人化して格ゲー作れば面白いんじゃねーの?で挫折した
こんな未完成で半日とか…pixivでやれ。
時代遅れと言われようがドット絵のゲームが好きだったりします。
しかし手間がかかりすぎるのでコストパフォーマンスは悪いでしょうね。3Dと組み合わせて効率化しているとかも聞きますが
参考
魂のグラフィック、その制作工程 | KOF XII 2D DOT GRAPHICS GALLERY
時代を超え受け継がれる「KOFイズム」とは。西川善司が挑む,AC「THE KING OF FIGHTERS XIII」開発者インタビュー - 4Gamer.net
グラデーション手付けとか死ねる…
ブレイブルーのキャラクターもめちゃくちゃデカイけど
塗りをセル画っぽく1段階のべた塗りにしてることで効率よくしてるんだろうな。
あーなんかいろいろ脱線した。こんなんだからいつまでたっても何も完成しないのだ…
次はちゃんとプログラムしますよ!
キャラを動かす!(歩きサンプルあり)
歩きサンプル
素材は以下から
【かがみ】「[ドット絵] らき☆すた~フリー素材」/「BON_3000」のイラスト [pixiv]
やっと自機を動かせるようになりました。
英語がわからなくてつまづいたところがあったので、メモします。…しようと思ったけど眠い無理。
次回にまとめてソースと解説します。
不安は残るものの動かし方はわかりました。あとは敵の配置や当たり判定を考えないと…
格ゲーは難しいからまずはSTGだな。
gamequeryでアクションゲーム作ってみる
jQueryのゲームライブラリ、gameQuery - a javascript game engine with jQueryを使ってゲームを作ってみる。憧れのアクションゲーム。
とりあえず、上のリンク先見てもらえば動いているのがわかると思います。
ドット絵はこちらのフリー素材からお借りしました。
↑量がすごすぎる!これで格ゲー作れちゃうよ…!
今日やったことは
- キャラの表示
- 「待機」のアニメーション
- Aボタンでパンチ
だけ。
しかしパンチにも致命的なバグがあります…サンプル見て作り替えなきゃ
ゲームを作るのって難しいな。でも面白い。
ドット絵格ゲー世代から言わせてもらいますと…待機アニメが表示されただけでグッとくるものがあります!!!!!
わずかな動きなのに絵に生命が宿ったかのよう。これからどんどんプログラムという魔法で生命を吹きこんでいくよ
わからないことだらけなのでメモしながら作っていこうと思います。
jQqeryでマインスイーパ作ってみた
正直、ソースとか全然整理されていない、とりあえずバグなく動くという点だけで完成にしました。
だからあんまり中身見ないで下さいw
解説は後日に。javascriptの連想配列が少しわかりづらかった(初期化しないといけないのねー)
せっかくだからプラグイン化して配布しちゃおうかなあ。
javascript(jquery)でつくづく思うのはcssの重要さ。
ビジュアル面はこいつに頼るしかないので、勉強…ブラウザごとに見た目が変わるの鬱陶しい!jQueryでだいぶ助けられているけど。
javascriptは苦手だったけど、jQueryのおかげで好きになれた気がする。もっと高度な事したいなあ!
新品価格 |
初心者の人はこっちの方がいいかも
Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL) 新品価格 |
やっぱりアクションゲーム作りたい!となればこのライブラリで
おー、でかキャラが動いてるよー。冗談じゃなく無印スト2ぐらいならブラウザでも再現出来るんじゃないの?
日本語で解説したサイトがないなあと思ってたけど、中にソース付きのチュートリアルがあるんでなんとかなりそう。
チャレンジしてみたいです。
初歩的なミスに気をつけよう
アフィ広告をjQueryでスライド化していたら、動きはするものの表示がおかしい。
なんでだろうと色々試してみたがわからない。
結局、CSSで大きさ指定のところ、200pxとするのが正しいのに単に200とだけ書いていたのが原因。
思わぬところにミスがあるものです。過去に載せたソースも同様の間違いがあるかもしれませんので、流用するときは気をつけて下さい
さて、前回記事でも書きましたが
iPhoneを契約しました。毎日楽しいです。アプリの開発も再開です。
自作アプリをApp Storeで世界に向けて販売できる!! iPhone SDKプログラミング大全 (MacPeople Books) 新品価格 |
は既に持ってるんですが、実家に置いてるのと実際のサンプルが少ししか載ってないので
ライトウェイト・プログラマのためのiPhoneアプリ開発ガイド 新品価格 |
これを買いました。初歩的な割には具体的なサンプル多そう。
迷ったけどまだ買ってないのが
新品価格 |
なんか、これ読むと3Dゲームが簡単に作れそうだ(そんな気がするだけ)
ともあれ、早くアプリ開発思い出さないと