Coloring a square grid by clicking

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP











up vote
4
down vote

favorite












I want to make an interface where a user can fill in a square grid by clicking. Some processing will then be done with these pixels to produce a new picture. How can I make this clickable interface? I thought about linking each little square to a set of mouse positions, but this seems unnecessarily complicated.



Grid






dynamic mouseposition







share|improve this question







New contributor




gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.























    up vote
    4
    down vote

    favorite












    I want to make an interface where a user can fill in a square grid by clicking. Some processing will then be done with these pixels to produce a new picture. How can I make this clickable interface? I thought about linking each little square to a set of mouse positions, but this seems unnecessarily complicated.



    Grid






    dynamic mouseposition







    share|improve this question







    New contributor




    gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.





















      up vote
      4
      down vote

      favorite









      up vote
      4
      down vote

      favorite











      I want to make an interface where a user can fill in a square grid by clicking. Some processing will then be done with these pixels to produce a new picture. How can I make this clickable interface? I thought about linking each little square to a set of mouse positions, but this seems unnecessarily complicated.



      Grid






      dynamic mouseposition







      share|improve this question







      New contributor




      gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      I want to make an interface where a user can fill in a square grid by clicking. Some processing will then be done with these pixels to produce a new picture. How can I make this clickable interface? I thought about linking each little square to a set of mouse positions, but this seems unnecessarily complicated.



      Grid






      dynamic mouseposition




      dynamic mouseposition






      share|improve this question







      New contributor




      gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question







      New contributor




      gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question






      New contributor




      gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 1 hour ago









      gilianzz

      1233




      1233




      New contributor




      gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      gilianzz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          5
          down vote



          accepted










          just select n for a nxn grid



          n = 5;
          Grid[Partition[
          Table[DynamicModule[col = White, 
          EventHandler[
           Dynamic[Graphics[EdgeForm[Thick], col, Rectangle, 
           ImageSize -> 
           Tiny]], "MouseClicked" :> (col = 
           col /. Black -> White, White -> Black)]], n^2], n]]


          here is the result



          enter image description here






          share|improve this answer










          New contributor




          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.

















          • Is there a way to get the information out of the picture e.g. 0,0,0,1,1,1,0,1,0 for a 3x3 grid?
            – gilianzz
            9 mins ago










          Your Answer





          StackExchange.ifUsing("editor", function ()
          return StackExchange.using("mathjaxEditing", function ()
          StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
          StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["$", "$"], ["\\(","\\)"]]);
          );
          );
          , "mathjax-editing");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "387"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );






          gilianzz is a new contributor. Be nice, and check out our Code of Conduct.









           

          draft saved


          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmathematica.stackexchange.com%2fquestions%2f185240%2fcoloring-a-square-grid-by-clicking%23new-answer', 'question_page');

          );

          Post as a guest

















          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          up vote
          5
          down vote



          accepted










          just select n for a nxn grid



          n = 5;
          Grid[Partition[
          Table[DynamicModule[col = White, 
          EventHandler[
           Dynamic[Graphics[EdgeForm[Thick], col, Rectangle, 
           ImageSize -> 
           Tiny]], "MouseClicked" :> (col = 
           col /. Black -> White, White -> Black)]], n^2], n]]


          here is the result



          enter image description here






          share|improve this answer










          New contributor




          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.

















          • Is there a way to get the information out of the picture e.g. 0,0,0,1,1,1,0,1,0 for a 3x3 grid?
            – gilianzz
            9 mins ago














          up vote
          5
          down vote



          accepted










          just select n for a nxn grid



          n = 5;
          Grid[Partition[
          Table[DynamicModule[col = White, 
          EventHandler[
           Dynamic[Graphics[EdgeForm[Thick], col, Rectangle, 
           ImageSize -> 
           Tiny]], "MouseClicked" :> (col = 
           col /. Black -> White, White -> Black)]], n^2], n]]


          here is the result



          enter image description here






          share|improve this answer










          New contributor




          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.

















          • Is there a way to get the information out of the picture e.g. 0,0,0,1,1,1,0,1,0 for a 3x3 grid?
            – gilianzz
            9 mins ago












          up vote
          5
          down vote



          accepted







          up vote
          5
          down vote



          accepted






          just select n for a nxn grid



          n = 5;
          Grid[Partition[
          Table[DynamicModule[col = White, 
          EventHandler[
           Dynamic[Graphics[EdgeForm[Thick], col, Rectangle, 
           ImageSize -> 
           Tiny]], "MouseClicked" :> (col = 
           col /. Black -> White, White -> Black)]], n^2], n]]


          here is the result



          enter image description here






          share|improve this answer










          New contributor




          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.









          just select n for a nxn grid



          n = 5;
          Grid[Partition[
          Table[DynamicModule[col = White, 
          EventHandler[
           Dynamic[Graphics[EdgeForm[Thick], col, Rectangle, 
           ImageSize -> 
           Tiny]], "MouseClicked" :> (col = 
           col /. Black -> White, White -> Black)]], n^2], n]]


          here is the result



          enter image description here







          share|improve this answer










          New contributor




          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.









          share|improve this answer



          share|improve this answer








          edited 5 mins ago





















          New contributor




          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.









          answered 45 mins ago









          shrap

          664




          664




          New contributor




          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.





          New contributor





          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.






          shrap is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
          Check out our Code of Conduct.











          • Is there a way to get the information out of the picture e.g. 0,0,0,1,1,1,0,1,0 for a 3x3 grid?
            – gilianzz
            9 mins ago
















          • Is there a way to get the information out of the picture e.g. 0,0,0,1,1,1,0,1,0 for a 3x3 grid?
            – gilianzz
            9 mins ago















          Is there a way to get the information out of the picture e.g. 0,0,0,1,1,1,0,1,0 for a 3x3 grid?
          – gilianzz
          9 mins ago




          Is there a way to get the information out of the picture e.g. 0,0,0,1,1,1,0,1,0 for a 3x3 grid?
          – gilianzz
          9 mins ago










          gilianzz is a new contributor. Be nice, and check out our Code of Conduct.









           

          draft saved


          draft discarded


















          gilianzz is a new contributor. Be nice, and check out our Code of Conduct.












          gilianzz is a new contributor. Be nice, and check out our Code of Conduct.











          gilianzz is a new contributor. Be nice, and check out our Code of Conduct.













           


          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmathematica.stackexchange.com%2fquestions%2f185240%2fcoloring-a-square-grid-by-clicking%23new-answer', 'question_page');

          );

          Post as a guest
































































          Comments

          Post a Comment

          Popular posts from this blog

          What does second last employer means? [closed]

          Image
          Clash Royale CLAN TAG #URR8PPP .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0; up vote -3 down vote favorite Say, for example I have worked in the following companies, Company A => 2010 - 2011 Company B => 2011 - 2012 Company C => 2012 - Till Date Company D => Have offer Now assume Company D is asking to submit documents from my second last employer. So from the list of companies given, which company would be qualified as second last employer? software-industry employer share | improve this question asked Aug 10 '14 at 5:16 Rajaprabhu Aravindasamy 559 1 6 13 closed as off-topic by Jim G., jmort253 ♦ Aug 11 '14 at 1:58 This question appears to be off-topic. The users who voted to close gave this specific reason: "Questions seeking advice on company-specific regulations, agreements, or policies should be directed to your manager or HR department. Questions that address...
          Read more

          Installing NextGIS Connect into QGIS 3?

          Image
          Clash Royale CLAN TAG #URR8PPP .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0; up vote 1 down vote favorite Just acquired free version of NEXTGIS and trying to install the plugin for QGIS. It tells me it was not designed for version 3 of QGIS. How do I set up the QGIS-NEXTGIS interface then? qgis qgis-plugins nextgis share | improve this question edited 3 hours ago PolyGeo ♦ 51.9k 17 77 233 asked 4 hours ago IanGS 16 4 New contributor IanGS is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct. add a comment  |  up vote 1 down vote favorite Just acquired free version of NEXTGIS and trying to install the plugin for QGIS. It tells me it was not designed for version 3 of QGIS. How do I set up the QGIS-NEXTGIS interface then? qgis qgis-plugin...
          Read more

          One-line joke

          A one-liner is a joke that is delivered in a single line. A good one-liner is said to be pithy - concise and meaningful. [1] Comedians and actors use this comedic method as part of their act, e.g. Jimmy Carr, Tommy Cooper, Rodney Dangerfield, Norm Macdonald, Ken Dodd, Stewart Francis, Zach Galifianakis, Mitch Hedberg, Anthony Jeselnik, Milton Jones, Shappi Khorsandi, Jay London, Mark Linn-Baker, Demetri Martin, Groucho Marx, Dan Mintz, Emo Philips, Tim Vine, Steven Wright and Henny Youngman and Arnold Schwarzenegger. [ citation needed ] Many fictional characters are also known to deliver one-liners, including James Bond, who usually includes pithy and laconic quips after disposing of a villain. [ citation needed ] Examples "A baby seal walks into a club." "A dyslexic man walks into a bra." (Anonymous) "There are three types of people, those who can count and those who can't." "Venison's dear, isn't it?" (Jimmy Carr) "An escala...
          Read more