ikeryou

# 画面いっぱいに動画をWebGLでインライン再生させる
class InlineMovie


  constructor: ->

    # video要素
    @_video

ikeryou

window.ondevicemotion = _eDevicemotion;

function  _eDevicemotion(e) {
  var accelX = e.acceleration.x;
  var accelY = e.acceleration.y;
}

ikeryou

class Ball

  constructor: ->
    
    @radius = 0
    @x = 0
    @y = 0
    @vx = 0
    @vy = 0
    @mass = 1

ikeryou

geo = new THREE.BufferGeometry();
geo.setIndex(new THREE.BufferAttribute(new Uint16Array(3 * 2), 1));
geo.addAttribute('position', new THREE.BufferAttribute(new Float32Array(3 * 4), 3));
geo.addAttribute('uv', new THREE.BufferAttribute(new Float32Array(2 * 4), 2));

// サイズ
w = 1000;
h = 1000;

// 頂点インデックス

ikeryou

// カメラ
var camera = new THREE.OrthographicCamera();

// レンダラー
// id=mainのcanvasタグ指定
var renderer = new THREE.WebGLRenderer({
  antialias: false,
  canvas:    document.getElementById('main')
});
renderer.setPixelRatio(window.devicePixelRatio || 1);

ikeryou

scene.remove(mesh);
mesh.material.dispose();
mesh.geometry.dispose();

// テクスチャもう使わない場合は手動で破棄
tex.dispose(); // or mesh.material.map.dispose();

ikeryou

// カメラ座標
var cameraPos = new Vector3();

// ステージ高さ
var stageHeight = 900;

// 度単位でのカメラの視野
var fieldOfView = 45;

// ピクセル等倍になるカメラZ値

ikeryou

var spring = 0.5;
var friction = 0.5;
var v = 0;
var t = 100; // 目標値
var val = 0; // 現在値

function update() {
  v += (t - val) * spring;
  val += (v *= friction);
}

ikeryou

// 目標値
var t = 100;

// 現在値
var val = 0;

function update() {
  val += (t - val) * 0.5;
  if(Math.abs(t - val) < 0.5) {
  	val = t;

ikeryou

// x = 底辺
// y = 対辺
// r = 斜辺
// radian = 底辺、斜辺間の角度(ラジアン)
var x = r * Math.cos(radian);
var y = r * Math.sin(radian);
var r = x / Math.cos(radian);
var r = y / Math.sin(radian);