Subversion Repositories wimsdev

        case CLOCK:

        case CLOCK:

        /*

        /*

        @ clock x,y,r(px),H,M,S,type hourglass,interactive [ ,H_color,M_color,S_color,background_color,foreground_color ]

        @ clock x,y,r(px),H,M,S,type hourglass,interactive [ ,H_color,M_color,S_color,background_color,foreground_color ]

        @ type hourglass:<br />type = 0 : only segments<br />type = 1 : only numbers<br />type = 2 : numbers and segments

        @ type hourglass:<br />type = 0 : only segments<br />type = 1 : only numbers<br />type = 2 : numbers and segments

        @ colors are optional: if not defined, default values will be used<br />default colours: clock 0,0,60,4,35,45,1,2,[space]<br />default colours: clock 0,0,60,4,35,45,1,2,,,,,<br />custom colours: clock 0,0,60,4,35,45,1,2,,,,yellow,red<br />custom colours: clock 0,0,60,4,35,45,1,2,white,white,white,black,yellow

        @ colors are optional: if not defined, default values will be used<br />default colours: clock 0,0,60,4,35,45,1,2,[space]<br />default colours: clock 0,0,60,4,35,45,1,2,,,,,<br />custom colours: clock 0,0,60,4,35,45,1,2,,,,yellow,red<br />custom colours: clock 0,0,60,4,35,45,1,2,white,white,white,black,yellow

        @ interactive <ul><li>0 : not interactive, just clock(s)</li><li>1 : function read_canvas() will read all active clocks in H:M:S format<br />The active clock(s) can be adjusted by pupils</li><li>2 : function read_canvas() will return the clicked clock <br />(like multiplechoice; first clock in script in nr. 0 )</li></ul>

        @ interactive <ul><li>0 : not interactive, just clock(s)</li><li>1 : function read_canvas() will read all active clocks in H:M:S format<br />The active clock(s) can be adjusted by pupils</li><li>2 : function read_canvas() will return the clicked clock <br />(like multiplechoice; first clock in script in nr. 0 )</li></ul>

        @ canvasdraw will not check validity of colornames...the javascript console is your best friend

        @ canvasdraw will not check validity of colornames...the javascript console is your best friend

        @ no combinations with other reply_types allowed, for now

        @ no combinations with other reply_types allowed, for now

        @ if interactive, 6 buttons per clock will be displayed for adjusting a clock (H+ M+ S+ H- M- S-)<br /> set_clock(clock_id,type,incr) <br />first clock has clock_id=0 ; type : H=1,M=2,S=3 ; incr : increment integer

        @ if interactive, 6 buttons per clock will be displayed for adjusting a clock (H+ M+ S+ H- M- S-)<br /> set_clock(clock_id,type,incr) <br />first clock has clock_id=0 ; type : H=1,M=2,S=3 ; incr : increment integer

        */

        */

  }\

  }\

  else\

  else\

  {\

  {\

   return reply+\"\\n\"+input_reply;\

   return reply+\"\\n\"+input_reply;\

  }\

  }\

 else\

 else\

 {\

 {\

  if( typeof userdraw_text != 'undefined' ){\

  if( typeof userdraw_text != 'undefined' ){\

   return reply+\"\\n\"+userdraw_text;\

   return reply+\"\\n\"+userdraw_text;\

  }\

  }\

var clock_ctx = clock_canvas.getContext(\"2d\");\

var clock_ctx = clock_canvas.getContext(\"2d\");\

var clock = function(xc,yc,radius,H,M,S,type,interaction,h_color,m_color,s_color,bg_color,fg_color){\

var clock = function(xc,yc,radius,H,M,S,type,interaction,h_color,m_color,s_color,bg_color,fg_color){\

 clock_ctx.save();\

 clock_ctx.save();\

 this.type = type || 0;\

 this.type = type || 0;\

 this.interaction = interaction || 0;\

 this.interaction = interaction || 0;\

 this.xc = xc || xsize/2;\

 this.xc = xc || xsize/2;\

 this.yc = yc || ysize/2;\

 this.yc = yc || ysize/2;\

 this.radius = radius || xsize/4;\

 this.radius = radius || xsize/4;\

 var font_size = parseInt(0.2*this.radius);\

 var font_size = parseInt(0.2*this.radius);\

 this.H_color = h_color || \"blue\";\

 this.H_color = h_color || \"blue\";\

 clock_ctx.closePath();\

 clock_ctx.closePath();\

 clock_ctx.stroke();\

 clock_ctx.stroke();\

 break;\

 break;\

 case 1:\

 case 1:\

 for(var p= 1; p <= 12 ; p++){ angle = (p - 3) * (Math.PI * 2) / 12;x1 = 0.9*this.radius*Math.cos(angle);y1 = 0.9*this.radius*Math.sin(angle);clock_ctx.fillText(p, x1, y1);};break;\

 for(var p= 1; p <= 12 ; p++){ angle = (p - 3) * (Math.PI * 2) / 12;x1 = 0.9*this.radius*Math.cos(angle);y1 = 0.9*this.radius*Math.sin(angle);clock_ctx.fillText(p, x1, y1);};break;\

 clock_ctx.beginPath();\

 clock_ctx.beginPath();\

 for(var p = 1; p <= 12 ; p++){\

 for(var p = 1; p <= 12 ; p++){\

  angle_cos = this.radius*(Math.cos(p * (Math.PI * 2) / 12));\

  angle_cos = this.radius*(Math.cos(p * (Math.PI * 2) / 12));\

  angle_sin = this.radius*(Math.sin(p * (Math.PI * 2) / 12));\

  angle_sin = this.radius*(Math.sin(p * (Math.PI * 2) / 12));\

  x1 = 0.9*angle_cos;y1 = 0.9*angle_sin;x2 = angle_cos;y2 = angle_sin;\

  x1 = 0.9*angle_cos;y1 = 0.9*angle_sin;x2 = angle_cos;y2 = angle_sin;\