pentamania

import { createServer } from "net";

/**
 * check if a port is being used (es2015+ ver)
 * @param port
 * @returns {Promise<boolean>}
 */
export function isPortTaken(port) {
  return new Promise((resolve, reject) => {
    const tester = createServer()

pentamania

class Foo {
  private x: number = 0; 
  
  getX() {
   return this.x;
  }
  
 get xPlusOne() {

pentamania

import { Object2D } from "phina.js";

// 拡張宣言部分: 拡張したいクラス型定義へのパス
declare module "phina.js/types/app/object2d" {

  // プロトタイプ拡張する場合
  export interface Object2D {
    /**
     * [ここに詳細]
     */

pentamania

Symbolなど、IE11などの古いブラウザが対応していない新しめの機能を使うとき、babel公式では二つのpolyfill方法を用意している

1. 一般的： polyfill系ライブラリを直import

import "core-js/stable";
import "regenerator-runtime/runtime";

core-jsはECMAScript機能を、

pentamania

問題

URLが「localhost~」なら再生できるのに「192.168~」のローカルIP直書きだと再生できないことがある

[GOOD] http://localhost:8000/youtube-sample/index.html
[BAD] http://192.168.11.25:8000/youtube-sample/index.html

再生しようとしても「動画が再生できません」とだけ出る

再生できる動画とそうでない動画ある

pentamania

非同期版、async/awaitを使った例のみ https://github.com/jprichardson/node-fs-extra/tree/d6478d2217c876b917f82ce822fa9068534ae62a/docs

読み込み（readFile）

そのままfs.readFile

const fs = require('fs-extra');
const filePath = "./input.txt";

pentamania

要訳

• generator関数(*function)を実行するとgeneratorオブジェクト（以下genobj）を返す
• json（配列）を使った応用ではyield*とfor-ofを使う

まずはgenerator関数の定義

// genobjを返す
var hoge = function*() {
  console.log('run hoge');

pentamania

バージョン

• blender 2.8
• unity 2017.4.28f1
• VRCSDK 2019.09.18.12.05

モデリング編

全般

• サイズを確認しておく（でかいままにしておくと後々面倒）
• 方向も確認しておく（特にx軸が→を指してる方向が正面になることを確認） ミラーや対称化系の処理でつまづくため。（修正は可能だが原因に気づきにくい）

pentamania

/**
 * phina-classを pure JS class(ES2015class)に変換
 * @see https://qiita.com/Negiwine_jp/items/512248cce5d9274cbb83
 * @param {phinaclass} phinaClass [description]
 * @return {function} 
 */
export function phinaClassConvert(phinaClass) {
  const creator = function(){
    phinaClass.prototype.init.apply(this, arguments)
  }

pentamania

loaderの読み込み方

• 公式のパッケージ内にexample/js/loaderがあるのでそこから適当なローダーを読み込む

<script src='node_modules/three/build/three.js'></script>
<script src="node_modules/three/examples/js/loaders/GLTFLoader.js"></script>

• loaderモジュールはnpmにもあるが、nodeにしか対応してないのでCDN読み込みではエラーになる
• orbit-controlなども同様