{"id":1399,"date":"2020-07-03T17:53:57","date_gmt":"2020-07-03T15:53:57","guid":{"rendered":"https:\/\/hannes.enjoys.it\/blog\/?p=1399"},"modified":"2020-07-03T17:53:57","modified_gmt":"2020-07-03T15:53:57","slug":"eyes-that-follow-the-cursor-in-qgis","status":"publish","type":"post","link":"https:\/\/hannes.enjoys.it\/blog\/2020\/07\/eyes-that-follow-the-cursor-in-qgis\/","title":{"rendered":"Eyes that follow the cursor in QGIS"},"content":{"rendered":"\n

I did this all in some random EPSG:25832 location and scale, this uses several magic numbers that make it work for that. I did not make it work for any CRS or canvas size. If you do, please share. But this is just silly fun so …..<\/p>\n\n\n\n

Have two polygons for the eyes.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Set their Symbol Layer Type to Geometry Generator and smooth them:<\/p>\n\n\n\n

smooth($geometry, 3)<\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Add another Geometry Generator symbol layer to it and throw in the following magic expression to build the pupils. It calculates the distance from your cursor to the centroids of the polygons and it prepares a line from each centroid to the cursor. Then it places a point geometry onto that line at a fraction of the distance. Use the Geometry Type “Point \/ MultiPoint” for this Geometry Generator.<\/p>\n\n\n\n
with_variable(\n  'distance',\n  distance(@canvas_cursor_point, centroid($geometry)),\n  with_variable(\n    'line',\n    make_line(centroid($geometry), @canvas_cursor_point),\n    line_interpolate_point(@line, @distance\/5)\n  )\n)<\/pre>\n\n\n\n
Set the layer itself to automatically refresh its rendering in the layer’s properties:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Now the eyes will follow your cursor as it moves across the map canvas!<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Task for you: The pupils are not clipped and can exit the eyes. Oops! Head over to Topi’s for a hint how to solve this: https:\/\/twitter.com\/tjukanov\/status\/1278689814288760837<\/p>\n\n\n\n
And then you paint the rest of the fucking owl<\/a>:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
And the middle vertex is moved vertically using the expression below. Basically the line is reconstructed.<\/p>\n\n\n\n
smooth(\n  make_line(\n    start_point($geometry),  -- first point is kept\n    translate(\n      point_n($geometry, 2),  -- second point is translated\n      0,\n      distance(\n        @canvas_cursor_point, centroid($geometry)\n      )\/10  -- move according the cursor distance to centroid\n    ),\n    end_point($geometry)  -- last point is kept\n  ),\n  4\n)<\/pre>\n\n\n\n
Here is my project file including the temporary scratch layers (use the awesome Memory Layer Saver plugin to have them loaded automatically):<\/p>\n\n\n\n
qgis-animated-eyes<\/a>Download<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"
I did this all in some random EPSG:25832 location and scale, this uses several magic numbers that make it work for that. I did not make it work for any CRS or canvas size. If you do, please share. But this is just silly fun so ….. Have two polygons for the eyes. Set their […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1399","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/posts\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":2,"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/posts\/1399\/revisions"}],"predecessor-version":[{"id":1409,"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/posts\/1399\/revisions\/1409"}],"wp:attachment":[{"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/media?parent=1399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/categories?post=1399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hannes.enjoys.it\/blog\/wp-json\/wp\/v2\/tags?post=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}