Changing TEXT on Plane OK

by steveow

HTML

<!--- Using latest THREE.js (r70+)
-->
<script src="http://threejs.org/build/three.min.js"></script>
<script src="http://threejs.org/examples/js/controls/OrbitControls.js"></script>
-->

CSS

body {
    background-color: #000;
    margin: 0px;
    overflow: hidden;
}

JavaScript

// http://jsfiddle.net/u049vL55/
// *** Text on Plane from canvas ***

// see http://stackoverflow.com/questions/28649851/three-js-how-to-stop-truncation-of-text-in-texture-made-from-2d-canvas

var camera, scene, renderer, clock, canvas1, context1;
var count = 0, ypos = 0, zpos = 0, yDirection = 1, lastUpdateTime = 0;
var mode = 1;

init();
animate();

//--------------------------------------------------------------------

function init() {

    clock = new THREE.Clock();
    scene = new THREE.Scene();

    camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 10000);
    camera.position.set (0,0,800);
    scene.add(camera);     

    // AMBIENT LIGHT
	scene.add(new THREE.AmbientLight(0xffffff));
    
	//BACKPLANE
	bPlane  = SOW_F_Get_A_Plane(scene, camera , pColor=0x0099aa, 0,0,-100, "Basic"); 
	bPlane.rotation.x = Math.PI/2;
	scene.add(bPlane);

    // RENDERER
    renderer = new THREE.WebGLRenderer({antialias: true });
    renderer.setSize(window.innerWidth, window.innerHeight);
    renderer.shadowMapEnabled = true;
    renderer.shadowMapSoft = false;
    document.body.appendChild(renderer.domElement);
		
    camera.position.set (900,200,900);
		camera.lookAt(0,0,0); 
		controls = new THREE.OrbitControls(camera, renderer.domElement);
		
}//... EOF init

//========================================================
function update()
{
 var time = clock.getElapsedTime();
 var deltaTsecs = time - lastUpdateTime;
 
 if (deltaTsecs >= 0.1)
 {
   count +=1;
   if (Math.abs(ypos) > 50) yDirection *= -1;
   ypos += yDirection * 1;
   zpos += 1;
   mode *= -1;
   
  if ( mode >= 0) //... else these cleanings are Sadly not effective
  {
   scene.remove(aPlane);//... NEEDED
   //aPlane.material.map.dispose();
	 //aPlane.geometry.dispose();
	 //aPlane.material.dispose(); //... NOT REQUIRED
   //canvas1.parentNode.removeChild(canvas1);
   aPlane.dispose(); //... NEEDED
  }
  
   var textStr = "R"+ THREE.REVISION + " OLE 1234567890__" + count;
  ...