Issues with canvas renderer

[jbilcke]

Hi,

I have some issues with the Canvas renderer on a project...

this is hard to describe using words. It's like the buffer is not cleared on all the screen.

here is a screenshot:

on chrome(s):

http://imageshack.us/f/600/bugdz.png/

on firefox:
http://imageshack.us/f/804/bugfirefox.png/

(I like the way this issue is subtly different on both browsers :) on firefox only the "white circles" are not cleared)

and here is the live version (please mind that this is a dev version, not officially released - lot of things are not optimized or working properly.. including this bug :) :
http://ec2-176-34-72-169.eu-west-1.compute.amazonaws.com/#file=samples/grebert-170242380606357504.json

could it be memory-related? using the same three.js calls (but different number of nodes/links) but other data, I don't see the rendering glitches :
http://ec2-176-34-72-169.eu-west-1.compute.amazonaws.com/#file=samples/NICEGRAPH_PEREZ_HILTON.json

I tested on a few Macs (iMac 27" and Macbook Air 2010), it appears on:
Chrome Beta - Version 20.0.1132.47 beta
Chrome Canary - Version 22.0.1192.0 canary
Firefox - Beta 14b

Interestingly, this does not happen on the default mac browser:
Safari - Version 5.1.7 (7534.57.2)

[mrdoob]

Usually this happens when one element in the scene is undefined or the wrong type.

[jbilcke]

I was indeed creating links between undefined vectors :)

Thank you so much! I hope to finish this project soon

[mrdoob]

Looking good! ^^

[jbilcke]

post-scriptum:

more precisely it was a THREE.Vector with some value set to NaN (maths gone wild)

now it's nearly working! I still need to figure out how to handle cameras properly then I'll release it ;)

http://ec2-176-34-72-169.eu-west-1.compute.amazonaws.com/#graph=220540391517200386