モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Mac『SneakyInput』というiOSに仮想ジョイパッドを実装するためのソースコードが公開されています。v3.7(JavaScript)』で書き直しました。以下、私が書き直したほうを『SneakyInput-JS』と呼びます。・『ColoredCircleSprite.js』とそれに関する部分を削除しました。ボタン等の画像の代用として円を描くモジュールでしたが、正しく動作していませんでした。その他の機能には影響ありません。修正内容についてまとめました。本家の『SneakyInput』のソースコードは下記のサイトで公開されています。github.comダウンロードは無償です。『気に入った方は寄付を検討して下さい。』というスタンスのようです。移植した『SneakyInput』について『SneakyInput-JS』はご自由に使用して頂いて構いませんが、内容や動作等について私は責任を持てませんので、ご自分で十分にご確認の上ご使用ください。ダウンロード『SneakyInput-JS』は、下記のサイトからダウンロードできます。『Cocos』で作成したプロジェクトに『SneakyInput-JS』を実装します。『すべて選択』をクリックして全ファイルにチェックし、『終了』をクリック同様の操作で、対象のプロジェクトの『src』フォルダに『SneakyInput-JS-master/src』フォルダから下記のファイルをインポート『ColoredCircleSprite.js』:画像がない場合等に円を描くためのクラスを定義したファイルです。『SneakyInput-JS-master/src』の『resource.js』もご参照下さい。『SneakyInput-JS-master/src』の『app.js』もご参照下さい。補足ジョイスティックについて『SneakyJoystickSkinnedBase()』:ジョイスティックの表示を管理するクラスです。『SneakyJoystick(cc.rect)』:ジョイスティックの機能を管理するクラスです。背景部分の画像に合わせて、引数にジョイスティックの有効範囲を渡しています。デジタルジョイスティックを有効無効を設定します。デジタルジョイスティックは動かせる方向を限定する機能です。true:デジタルジョイスティックを有効にします。false:デジタルジョイスティックを無効にします。『setNumberOfDirections(Number)』:デジタルジョイスティックで有効な方向の数を設定します。4の場合は4方向です。『setHasDeadzone(Boolean)』:デッドゾーン(あそび、不感知エリア)の有効無効を設定します。true:デッドゾーンを有効にします。false:デッドゾーンを無効にします。『setDeadRadius(Number)』:ジョイスティックのデッドゾーンの半径を設定します。『setAutoCenter(Boolean)』:ジョイスティックの自動センター復帰機能の有効無効を設定します。true:ジョイスティックを離した時に自動で中心に戻ります。false:ジョイスティックを離しても位置が変わりません。ボタンについて『SneakyButtonSkinnedBase()』:ボタンの表示を管理するクラスです。『SneakyButton(cc.rect)』:ボタンの機能を管理するクラスです。ボタンの画像に合わせて、引数に有効範囲を渡しています。『setIsHoldable(Boolean)』:ホールド機能の有効無効を設定します。true:ボタン押すとON、離すとOFFです。false:ボタンを押すとON、設定時間後に自動でOFFになります。『setRateLimit(Number)』:『setIsHoldable(false)』の場合にボタンがOFFになるまでの時間です。『setIsToggleable(Boolean)』:トグル機能を設定します。true:ボタンを押すごとにONとOFFが切り替わります。false:ボタン押すとON、離すと(または設定時間後)OFFです。デモ下記のURLで、『SneakyInput-JS』のデモが見れます。上記の設定でコンパイルしたものです。操作対象として黄色の円を表示しています。『SneakyInput-JS-master/src』の『app.js』もご参照下さい。ジョイスティックで黄色の円の位置を操作できます。緑のボタンを押すと黄色の円が画面中央に移動します。http://githubmorley.github.io/cocosprojects-pages/hellococos03/以上です。あとがき勉強も兼ねて『SneakyInput』をJavascriptで書き直してみました。部分的に変更してあるので、まったくオリジナルのままではありません。Macでしか動かしていないので、同時押しの操作も試せていません。ボロや突っ込みどころは出てくるだろうなぁ。v3.7(JavaScript)Tweet広告を非表示にする関連記事2016-05-07当ブログの目次このブログのテーマは、『やってみて、メモる!』です。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。