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

          Long meetings (6-7 hours a day): Being “babysat” by supervisor

          Image
          Clash Royale CLAN TAG #URR8PPP .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0; up vote 31 down vote favorite 4 I hold a PhD in mechanical engineering with a 7 year background in self-guided, self-paced research including 2 years as a graduate level course instructor and a subject matter expert for various engineering projects in a university setting in the United States. For the last 10-11 months, I am working in a research industry in France where my task is to debug C++ spaghetti code written over a period of several years by my current supervisor. It is a team of 2: just I and my supervisor. Diurnally, I am posed with a "bug of the day" to get out of this C++ code. My supervisor generally gives me about 15-30 minutes to solve it and then accosts me about whether or not the task is completed and then rinses and repeats this until the end of the day. Off-late, my supervisor has been holding 6-7 hour long "meetin
          Read more

          Is the Concept of Multiple Fantasy Races Scientifically Flawed? [closed]

          Image
          Clash Royale CLAN TAG #URR8PPP up vote 2 down vote favorite Many fantasy worlds have multiple humanoid species (elves, orcs, humans, etc) living in the same world, in addition to that, they often have the ability to interbreed. And I can't help but question their believability... fantasy-races reproduction interspecies-relations share | improve this question edited Aug 9 at 14:46 Michael Kjörling ♦ 21.1k 10 85 161 asked Aug 9 at 13:13 Chlodio 118 6 closed as unclear what you're asking by MichaelK, Gryphon, John, Vincent, Frostfyre Aug 9 at 15:25 Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question. 3 Stack Exchange exist to
          Read more

          Confectionery

          Image
          Prepared foods made with a lot of sugar or other cabohydrates "Sweetmeat" redirects here. For the racehorse, see Sweetmeat (horse). Not to be confused with Sweetbread. This Kransekake is a traditional Scandinavian baker's confection. Confectionery is the art of making confections , which are food items that are rich in sugar and carbohydrates. Exact definitions are difficult. [1] In general, though, confectionery is divided into two broad and somewhat overlapping categories, bakers' confections and sugar confections. [2] Bakers' confectionery, also called flour confections , includes principally sweet pastries, cakes, and similar baked goods. Sugar confectionery includes candies ( sweets in British English), candied nuts, chocolates, chewing gum, bubble gum, pastillage, and other confections that are made primarily of sugar. In some cases, chocolate confections (confections made of chocolate) are treated as a separate category, as are sugar-free versions of
          Read more