rotation - How do you rotate SVG images in processing.js -


i staring processing.js , have been having trouble because every time rotate image changes location on screen. processing seems is, rotate image around point told place it, instead of rotating first around own axis , placing told (which figured cannot done in way/order).

this code

pshape s; float angle = 0.1; //rads s = loadshape("sensor.svg"); s.rotate(angle); //i change angle manually or clickmouse function isnt shown. void setup(){ size(400,350); framerate(30); //30 frames per seconds } void draw(){ //shape( shape, x, y, width, height); smooth(); fill(153); ellipse(200, 350/2, 100, 100); shape(s, 200, 350/2, 20, 20); ellipse(200, 350/2, 2, 2); }

what trying make "sensor" image rotate in correct orientation around circle (ellipse) drew. thats idea. doing neither. maybe having click function rotates svg image around circle. instead rotates around coordinates of shape(image, x_coord, y_coord, width, height) function. if has suggestions, happy! hope question makes sense, if doesnt more happy clarify part of it.

thanks! :)

it's easier not rotate shape, rotate coordinate system.

void draw() { translate(s.width/2,s.height/2); rotate(pi/4); shape(s); resetmatrix(); // keep on drawing here }

this first moves coordinate system (0,0) on top of center of shape, rotates entire coordinate system 45 degrees, draws shape. reset coordinate system , keep drawing usual.


Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more

Adding duplicate array rows in Php -

i create function in php adds rows of array shared column value. so input. $test = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); and output. $testduplicatefree = array( array("c", 7, 9), array("test", 5, 6) ) ); i'm thinking function combine_duplicates($array,$col){ ... ... return $duplicatefreearray; } where $col duplicate free array. so, in case, combine_duplicates($test,0); would me desired output. this. <?php function combine_duplicates($array,$col) { $index = array(); foreach ($array $row) { $key = $row[$col]; if (!isset($index[$key])) { $index[$key] = $row; } else { ($i = 0; $i < count($row); ++$i) { if ($i != $col) { $index[$key][$i] += $row[$i]; } } } } return array_values($index); } $array = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); print_r(combine_duplicates($array, 0)); try here: http://codepad.org/mdhesqhi
Read more