Estoy ejecutando un programa js de procesamiento en una página web, usando el lienzo para dibujar mi juego. He sobrescrito algunas de las funciones en javascript para poder usar grados como entrada para las funciones de procesamiento js.

Esto funciona perfectamente y me permite ingresar grados para mis arcos. Sin embargo, la única vez que no funciona es después de cambiar el tamaño del lienzo cuando se cambia el tamaño de la ventana. Parece volver a usar radianes para el arco. ¿Por qué es esto? ¿Qué implicaciones crea repentinamente el cambio de tamaño del lienzo cuando lo hace el usuario?

 <script> var canvas = document.getElementById("canvas"); var processing = new Processing(canvas, function(processing) { var aspectRatio = { xFactor: 16, yFactor: 9 }; resizeCanvas = function() { var gameCanvas = { x: 0, y: 0, w: aspectRatio.xFactor, h: aspectRatio.yFactor }; var resizing = true; while(resizing === true){ gameCanvas.w++; gameCanvas.h=gameCanvas.w*(aspectRatio.yFactor/aspectRatio.xFactor); if(gameCanvas.w>=window.innerWidth||gameCanvas.h>=window.innerHeight){ resizing = false; } } processing.size(gameCanvas.w,gameCanvas.h); } resizeCanvas(); window.addEventListener('resize', resizeCanvas, false); processing.background(0xFFF); var arcFn = processing.arc; processing.arc = function(x,y,w,h,startAngle,stopAngle) { return arcFn(x,y,w,h,processing.radians(startAngle),processing.radians(stopAngle)); } var showAdd = false; with (processing) { //Processing js code and program:

Intenté volver a sobrescribir la función de arco cada vez que se cambia el tamaño del lienzo con la ventana, pero esto hizo que todo el juego no funcionara.

Se agradece cualquier idea de por qué esto puede ser.