常連

### 前提・実現したいこと
- Cocos2d-JSでシェーダを自作してSpriteにアウトラインをつけたい。
- アウトラインをつけたSprite同士が重なった部分にはアウトラインが表示されないようにしたい。

### 詳細
Cocos2d-JSでゲームを作っています。

https://github.com/cocos2d/cocos2d-x/blob/v3/tests/cpp-tests/Resources/Shaders/example_Outline.fsh
こちらを参考にして自作シェーダを用意し、Spriteにアウトラインが表示されるようにしました。
問題なくアウトラインは表示されたのですが、Spriteが重なった場合にアウトラインが手前に表示されてしまいます。


http://light11.hatenadiary.com/entry/2018/05/13/183314
こちらのページはUnityの例ですが、「モデルを拡大してステンシルバッファを使う方法」で実現しているような事を実現したいです。
しかし上記ページの例は3Dモデルのため法線方向にモデルを拡大するという事が出来るかと思いますが、現在作成中のゲームは2Dのため同じ手法では実現出来ないなと考えております。


重なった部分のアウトラインが手前に表示されない方法はないでしょうか。
何か分かる方いましたらよろしくお願い致します。

Cocos2d-JSでシェーダを使ってアウトラインをつけるが、重なった部分にはアウトラインを表示しない方法

### ■目的

ゲーム開発においてWebView実装をするかネイティブ実装するか決めあぐねているので
メリット、デメリットを整理したい。

### ■問題点

AppStoreやGooglePlayで配信されているような、ネイティブのゲームアプリに関して、
お知らせ画面がWebViewで描画されているものが多いと感じております。

一定のフォーマットであればjsonなどでやりとりし、ネイティブで描画すればよいのでは無いかと思ったのですが、
htmlの記述が使える以外に何かメリットやそうせざるを得ない理由はあるのでしょうか。


### ■個人的に思いつくWebView表示のメリット・デメリット

#### メリット

* 公式サイト等外部で表示する際に同レイアウト表示が出来る
* 装飾にhtml、cssなどが使えるので簡単に自由度の高い表現が可能

#### デメリット

* システムフォントになるなど、他部分とのレイアウトの差異が多少出てくる
* WebViewで表示する必要が出てくる

ゲームアプリにおけるお知らせ画面にWebViewが多い理由

Cocos2d-xについてです。

ネットでいろいろ調べてみましたが、あまり理解ができなかったので、質問いたします。
このエンジンはc++でもjavascriptでも書けるらしいですが、
① jsで書く場合、つくったゲームをアプリとして、iosやandroid にて公開することはできますか？

② また、ウェブサイト上で、ネットによる対戦ゲームとして公開することもできますか？

③ 最後に、c++で作った場合とjsで作った場合の大きな違いは他にございますか？
教えていただけると非常に幸いでございます。

cocos2d-xをjsで動かすことについて

よろしくお願いします。


C++とCocos2d-xを触りだして一週間程度です。
ゲームの制作において円運動を使いたいのですが、C++とCocos2d-xというものを触ってからとても日が浅いです。

Sceneの作成や遷移は出来ますが、ゲームの動きとなる部分が全く進まず、コードが全く思いつきません。

携帯向けのゲームですので、円の中心は画面の真ん中に考えています。

よろしくお願い致します。

Cocos2d-xで円運動を行わせたい

ブログのサンプルコードをみて、そのまま実装してみたのですがうまくいきません。
std::string userId = user.at("id").asString();
の箇所を追加すると以下のエラーが出ます。
libc++abi.dylib: terminating with uncaught exception of type std::out_of_range: unordered_map::at: key not found

Xcodeのバージョンは6.4、cocos2dxのバージョンは3.3です
どなたか教えていただけないでしょうか。




参考サイト:http://buildman.xyz/blog/cocos2dx-beginner-18/

以下ソースコードです
bool HelloWorld::init()
{
    //略...
    
    //データの読み込み
    ValueVector users;
    std::string csvStr = FileUtils::getInstance()->getStringFromFile("user.csv");
    ValueVector balls = this->split(csvStr, "\n");
    ValueVector keys = this->split(balls.at(0).asString(), ",");
    for (int i = 1; i < (int)balls.size(); i ++) {
        ValueMap userParams;
        ValueVector params = this->split(balls.at(i).asString(), ",");
        for (int j = 0; j < (int)params.size(); j ++) {
            userParams[keys.at(j).asString()] = params.at(j).asString();
        }
        users.push_back(Value(userParams));
        log("push");
    }
    
    //データの確認
    for (int i = 0; i < (int)users.size(); i ++) {
        ValueMap user = users.at(i).asValueMap();
        std::string userId = user.at("id").asString();
        std::string name = user.at("name").asString();
        std::string place = user.at("place").asString();
        log("%s, %s, %s, %d", userId.c_str(), name.c_str(), place.c_str(), (int)users.size());
    }
 
    //略...
}
 
ValueVector HelloWorld::split(const std::string &str, const std::string &delim){
    ValueVector res;
    size_t current = 0, found;
    while((found = str.find_first_of(delim, current)) != std::string::npos){
        res.push_back(Value(std::string(str, current, found - current)));
        current = found + 1;
    }
    res.push_back(Value(std::string(str, current, str.size() - current)));
    return res;
}

Cocos2dxでのCSVファイルの表示について

AというシーンからBというシーンに切り替えたい時に、フェードイン/フェードアウトのアニメーションを入れたくて、
色々調べたところ、

```javascript
(シーン遷移前)
cc.director.runScene(cc.TransitionFade.create(0.5, new BScene()));
```

でできるという記事がたくさん出てくるのですが、コンソールに
```ここに言語を入力
Uncaught TypeError: cc.TransitionFade is not a constructor
```

と出てきてしまいます、ちなみにトランジションなしのシーン切り替えは
```ここに言語を入力
cc.director.runScene(new BScene());
```

とやれば問題なくできます。

出てくるのは2015年とかの記事ばかりなので、ここ数年のアップデートでcc.transitionは使えなくなってしまったのでしょうか？それとも私のやり方が間違っているのでしょうか？

どなたかcocos2d-jsに精通している方、ご教授お願い致します。

【cocos 2d JS(html5)】シーン切り替え時にcc.Transitionが効かない

### 前提・実現したいこと

今回環境を変えてCocos2d-x3.17.1を使用し、AndroidStudioでこれまで通り（以前はCocos2d-x3.16を使用）BuildVariantsをreleaseにするなど設定をしてビルド（ビルドボタンでビルドやGenerate Signed Bundle）をしても作成したapkがデバッグモードのものしか出来上がりません（release.apkで書き出したものも中身はデバッグモード）。cmake、ndkどちらのビルド方法でも結果が同じで困っています。Instant Runを切ったり、Clean projectをしてからビルドしても同じ結果です。分かる方がいらっしゃればご回答いただければ幸いです。よろしくお願いいたします。


### 補足情報（FW/ツールのバージョンなど）
Cocos2d-x 3.17.1
AndroidStudio 3.3.2
Android SDK NDK (どちらも今日時点の最新版)
MacBookPro2014

Cocos2d-x 3.17.1でReleaseBuildが出来ません

現在cocos2d-xでアプリ開発をしているものです
開発環境：
 OS  Windows
 コードはVSで書いています
 実機でためすためにEclipse使用

主のスペック：
 プログラム歴10ヶ月
 専門学生のひよっ子
 クラスを初めて1ヶ月、継承なにそれおいしいの？

**問題点1：**
cocos2dで新規のクラスを追加する場合
今回はPlayerクラスを追加することとします
/*-------ヘッダー----------*/
**class Player : public cocos2d::Layer{**
**private:**

**public:**
  **static cocos2d::Scene* createScene();**
  **bool init();**
  **CREATE_FUNC(Player);**

**}**

↑のように書くと思います
このPlayerクラスのinit();の中で
矩形を描画させる機能をもたせたとします

/*-------ヘッダー----------*/
**private:**
  **int x, y;**
  **int width, height;**

/*-------.cpp----------*/
**bool Player::init(){**

  **if ( !Layer::init() ){**
    **return false;**
  **}**

  **Rect rect = (0, 0, width, height);**
  **auto sprite = Sprite::create();**
  **sprite->setTextureRect(rect);**
  **sprite->setPosition(x, y);**
  **sprite->setColor(Color3B::WHITE);**
  **this->addChild(sprite);**
**}**

↑これで白色の四角い矩形が描画できたとします
＊x, y, width, heightの数値は他で代入したとします

コレをもとからあった
HelloWorldクラスで呼ぶ場合どういう手順を踏むとよいのでしょうか？

一応自分が確認した方法では

/*-------HelloWorld.ヘッダー----------*/
// プレイヤーヘッダーの呼び込み
**#include "Player.h"**

/*-------HelloWorld.cpp----------*/
**Scene* HelloWorld::createScene(){**
  **auto scene = Scene::create();**
  **auto layer = HelloWorld::create();**

  /* ↓ここから */
  **auto layer2 = Player::create();**
  **scene->addChild(layer2);**
  /* ↑ここまでを追加 */

  **scene->addChild(layer);**
  **return scene;**
**}**

↑のようにすればHelloWorldクラスでPlayerクラスを呼ぶことが出来ました
HelloWorldクラスで描画しているものと
Playerクラスで作成した矩形が同時に描画されている状態です

もし他にイイ（？）方法があれば教えていただけると嬉しいです


**問題点2:**
＊上の内容をそのまま使います
次に問題になるのが
HelloWorldクラスでPlayerクラスで宣言しているメソッドを見たいときや
弄りたいときどうすればいいか、です

Playerクラスにx, y, width, height;がありますが
HelloWorldクラスで

/*-------HelloWorld.ヘッダー----------*/
**private:**
  // クラスの宣言
  **Player* player;**

/*-------HelloWorld.cpp----------*/
**bool Player::init(){**

  **if ( !Layer::init() ){**
    **return false;**
  **}**

  // 条件文を満たしたら矩形のサイズを変更したい！
  **if (条件文){**
    // player.width  = 100;
    // player.height = 100;

    // ポインターで宣言したからこうかな？
    **player->width  = 100;**
    **player->height = 100;**
  **}**
**}**

プライベートのwidth, heightが見えるわけねーだろ
という問題はどこかで解決したとして
こういうことは出来るのでしょうか？
出来るのであればぜひ教えていただけたらと思います

一応自分でもいろいろ弄ってはみたのですが理解できず
質問させていただきました

初めての投稿なので至らないところはありますがよろしくお願いします
なお、ご不明な点がございましたらその都度ご連絡を・・・って
普段つかわない敬語つかうとこうなる（・ω・｀）