この記事はドット絵 Advent Calendar 2017の12月8日分で寄稿させていただきました。adventar.org 今回は数あるドット絵制作用ツールの中でもアニメーション制作に特化したAsepriteを利用し実際にアニメーションを作るまでの過程を紹介します。Asepriteについてはアケルさんが打ち方講座を記事にしてくださっているので今回はその補完的な役割として考えてください。 qiita.com 今回使用しているAsepriteはv1.2.5-beta2のものです。Asepriteには興味ないけどアニメーションには興味あるよって人はアニメーションについての知識の項から読み始めてね。 目次 目次 Asepriteの基本部分 スプライトシートを作る 画面の見方 スプライトシート パレット プレビュー ツール タイムライン その他の機能 アニメーションについての知識 制作方法 逐次
小さなJavaScriptライブラリをガッチャンコしてゲームエンジンっぽいことをさせるのは可能なのかの微妙に続き。2DのHTML5ゲームライブラリPhaserを使うけど、描画は3Dライブラリのthree.jsを使いたい、みたいな組み合わせは、ちょっと工夫すればできることはできる。試しに作ってみた。 phaser_p2_threejs three.jsを初期化する時に、Phaserの画面サイズと同じサイズのthree.jsのrendererを作ってそのターゲットのcanvasからPIXIのtextureを作り、それをスプライトとして貼れば良い。 renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(ga
はじめまして。2013年6月に勤めていた会社を退職しフリーのゲームディベロッパーとしてゲームアプリを開発を始めました。 第一弾は、ショットパズルゲーム「カビDON」をCocos2d-x v3を使って作成。 この記事では開発作業についてのおおまかな概要についてお話したいと思います！ 本記事をオススメしたい方 Cocos2d-xの採用を検討中の人 ゲームアプリ作ってみたいけど開発作業の概要が知りたい人 v2系を使ってるけどv3系での事例が知りたい人 より具体的なトピックは次回以降のブログでお伝えしていきます。 どんなアプリ？ 物理エンジンを使ったステージ攻略型のショットパズルゲームです。 良ければダウンロードをお願いします！ 【カビDON】 AppStoreのページ GooglePlayのページ 始める前の開発スキルは？ 自分はFlasher/UIデザイナーだったので、どちらかというとデザイン
前回RPG風のマップの作成をしたので今回は キャラクターを置いて、一旦WASDキーで8方向に移動する様にしたいと思います。 キャラクターオブジェクトを作成する 空のオブジェクトを作成してCharaとでも適当に付けておきます。 これにこんな感じでコンポーネントをアタッチします。 Animator Controllerの作成 BaseCharacterMotionという名前でAnimatorControllerを作成します。 これを先ほどのキャラクターオブジェクトにアタッチしておきます。 ８方向アニメーションの作成 walk@[方向]のネーミングでアニメーションを8個作ります。 アニメーションの作り方は大体ここに書いてあります。 raharu0425.hatenablog.com 方向のパラメータを追加 XYの移動方向をセットする為に２つパラメータを追加します。 名前は適当に Directio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く