edgetest

by sjpt

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.180.0/three.tsl.js"></script>
test
<canvas width="1000" height="1000" id="myCanvas"></canvas>  
this

CSS

head, body, canvas { width: 100%; height:100%}
canvas {width: 52%; height:52%; background-color: white; opacity: 1;}

JavaScript

var renderer = new THREE.WebGLRenderer({canvas})
renderer.setAnimationLoop(null)
renderer.setSize(600, 600)
canvas.style.width = '601px'
canvas.style.height = '601px'
renderer.setViewport(0,0,600,600)
canvas.style.backgroundColor = 'white'
renderer.setScissorTest(false)
renderer.setClearColor(col3(0,0,0), 0)
renderer.clear(true, true, false)

renderer.setScissorTest(true)
renderer.setScissor(200, 200, 200, 200)
renderer.setClearColor(col3(1,1,0), 1)
renderer.clear(true, true, false)

renderer.setScissorTest(false)