Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (Cyborg)
  • No Skin
Collapse
Brand Logo

CIRCLE WITH A DOT

  1. Home
  2. Uncategorized
  3. In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js.

In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js.

Scheduled Pinned Locked Moved Uncategorized
53 Posts 44 Posters 172 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • csk@mathstodon.xyzC csk@mathstodon.xyz

    In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

    colinstu@birdbutt.comC This user is from outside of this forum
    colinstu@birdbutt.comC This user is from outside of this forum
    colinstu@birdbutt.com
    wrote last edited by
    #16

    @csk @creideiki what it looks like after the "move fast and break things" folks have their way with it.

    Link Preview Image
    1 Reply Last reply
    0
    • csk@mathstodon.xyzC csk@mathstodon.xyz

      In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

      mro@digitalcourage.socialM This user is from outside of this forum
      mro@digitalcourage.socialM This user is from outside of this forum
      mro@digitalcourage.social
      wrote last edited by
      #17

      Hi @csk
      🤣 #angry #xkcd.

      1 Reply Last reply
      0
      • csk@mathstodon.xyzC csk@mathstodon.xyz

        In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

        dc602003@mastodon.socialD This user is from outside of this forum
        dc602003@mastodon.socialD This user is from outside of this forum
        dc602003@mastodon.social
        wrote last edited by
        #18

        @csk I've just spent entirely too much of my day destroying this tower and refreshing the page. Thank you, you win the internet for today!

        1 Reply Last reply
        0
        • csk@mathstodon.xyzC csk@mathstodon.xyz

          In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

          bloody_albatross@chaos.socialB This user is from outside of this forum
          bloody_albatross@chaos.socialB This user is from outside of this forum
          bloody_albatross@chaos.social
          wrote last edited by
          #19

          @csk Register the mousemove handler on the window object, then you will get the events even when the mouse moves out of the window/frame while dragging.

          csk@mathstodon.xyzC 1 Reply Last reply
          0
          • csk@mathstodon.xyzC csk@mathstodon.xyz

            In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

            d2718@hachyderm.ioD This user is from outside of this forum
            d2718@hachyderm.ioD This user is from outside of this forum
            d2718@hachyderm.io
            wrote last edited by
            #20

            @csk @rysiek

            This is Art.

            1 Reply Last reply
            0
            • csk@mathstodon.xyzC csk@mathstodon.xyz

              In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

              triptilt@mastoart.socialT This user is from outside of this forum
              triptilt@mastoart.socialT This user is from outside of this forum
              triptilt@mastoart.social
              wrote last edited by
              #21

              @csk
              did it with blender and later even made a soundtrack
              https://www.youtube.com/watch?v=T3s2JosdrNM

              1 Reply Last reply
              0
              • csk@mathstodon.xyzC csk@mathstodon.xyz

                In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                humus@mastodon.gamedev.placeH This user is from outside of this forum
                humus@mastodon.gamedev.placeH This user is from outside of this forum
                humus@mastodon.gamedev.place
                wrote last edited by
                #22

                @csk This needs to be made into an Angry Birds level.

                rolandog@todon.euR 1 Reply Last reply
                0
                • humus@mastodon.gamedev.placeH humus@mastodon.gamedev.place

                  @csk This needs to be made into an Angry Birds level.

                  rolandog@todon.euR This user is from outside of this forum
                  rolandog@todon.euR This user is from outside of this forum
                  rolandog@todon.eu
                  wrote last edited by
                  #23

                  @Humus @csk hmm, maybe turn it into an awareness-building game (a la tower defense games) where you must fend-off hackers trying to topple the whole tower over and whack knowledge into capitalists'/politicians' heads that treat the ecosystem as a black-box; boss level: secure funding without caving into three-letter agencies pressuring the dev to sneak vulnerabilities.

                  csk@mathstodon.xyzC 1 Reply Last reply
                  0
                  • csk@mathstodon.xyzC csk@mathstodon.xyz

                    In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                    noisecolor@toot.communityN This user is from outside of this forum
                    noisecolor@toot.communityN This user is from outside of this forum
                    noisecolor@toot.community
                    wrote last edited by
                    #24

                    @csk
                    Brilliant 😀

                    1 Reply Last reply
                    0
                    • csk@mathstodon.xyzC csk@mathstodon.xyz

                      In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                      melissawm@pynews.com.brM This user is from outside of this forum
                      melissawm@pynews.com.brM This user is from outside of this forum
                      melissawm@pynews.com.br
                      wrote last edited by
                      #25

                      @csk @villares 😁

                      1 Reply Last reply
                      0
                      • csk@mathstodon.xyzC csk@mathstodon.xyz

                        In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                        loke@functional.cafeL This user is from outside of this forum
                        loke@functional.cafeL This user is from outside of this forum
                        loke@functional.cafe
                        wrote last edited by
                        #26

                        @csk Sometimes I wonder if this isn't the right solution to the software problem.

                        1 Reply Last reply
                        0
                        • csk@mathstodon.xyzC csk@mathstodon.xyz

                          In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                          robinhouston@mathstodon.xyzR This user is from outside of this forum
                          robinhouston@mathstodon.xyzR This user is from outside of this forum
                          robinhouston@mathstodon.xyz
                          wrote last edited by
                          #27

                          @csk Ha! I saw this on HN earlier, and didn’t realise it was you. Very nice.

                          csk@mathstodon.xyzC 1 Reply Last reply
                          0
                          • csk@mathstodon.xyzC csk@mathstodon.xyz

                            In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                            t36s@social.ordinal.gardenT This user is from outside of this forum
                            t36s@social.ordinal.gardenT This user is from outside of this forum
                            t36s@social.ordinal.garden
                            wrote last edited by
                            #28

                            @csk Excellent work here.

                            1 Reply Last reply
                            0
                            • robinhouston@mathstodon.xyzR robinhouston@mathstodon.xyz

                              @csk Ha! I saw this on HN earlier, and didn’t realise it was you. Very nice.

                              csk@mathstodon.xyzC This user is from outside of this forum
                              csk@mathstodon.xyzC This user is from outside of this forum
                              csk@mathstodon.xyz
                              wrote last edited by
                              #29

                              @robinhouston Yeah, it's really making the rounds! I must tip my hat to the people who came over to show their earlier demos of the same idea -- it really was hard to believe that nobody had thought to do this before.

                              1 Reply Last reply
                              0
                              • csk@mathstodon.xyzC csk@mathstodon.xyz

                                In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                                bredroll@mas.toB This user is from outside of this forum
                                bredroll@mas.toB This user is from outside of this forum
                                bredroll@mas.to
                                wrote last edited by
                                #30

                                @csk bravo!

                                1 Reply Last reply
                                0
                                • mttaggart@infosec.exchangeM mttaggart@infosec.exchange shared this topic
                                • csk@mathstodon.xyzC csk@mathstodon.xyz

                                  In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                                  chuckmcmanis@chaos.socialC This user is from outside of this forum
                                  chuckmcmanis@chaos.socialC This user is from outside of this forum
                                  chuckmcmanis@chaos.social
                                  wrote last edited by
                                  #31

                                  @csk So you're saying if you shove aside the random person in Nebraska the architecture simplifies itself to something with fewer layers? 😆

                                  demofox@mastodon.gamedev.placeD 1 Reply Last reply
                                  0
                                  • chuckmcmanis@chaos.socialC chuckmcmanis@chaos.social

                                    @csk So you're saying if you shove aside the random person in Nebraska the architecture simplifies itself to something with fewer layers? 😆

                                    demofox@mastodon.gamedev.placeD This user is from outside of this forum
                                    demofox@mastodon.gamedev.placeD This user is from outside of this forum
                                    demofox@mastodon.gamedev.place
                                    wrote last edited by
                                    #32

                                    @ChuckMcManis @csk that took some real cajones chuck haha!

                                    1 Reply Last reply
                                    0
                                    • csk@mathstodon.xyzC csk@mathstodon.xyz

                                      In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                                      grwster@mastodon.socialG This user is from outside of this forum
                                      grwster@mastodon.socialG This user is from outside of this forum
                                      grwster@mastodon.social
                                      wrote last edited by
                                      #33

                                      @csk Hah, just noticed that, if you click on the p5js link, it’s interactive! Awesome

                                      1 Reply Last reply
                                      0
                                      • rolandog@todon.euR rolandog@todon.eu

                                        @Humus @csk hmm, maybe turn it into an awareness-building game (a la tower defense games) where you must fend-off hackers trying to topple the whole tower over and whack knowledge into capitalists'/politicians' heads that treat the ecosystem as a black-box; boss level: secure funding without caving into three-letter agencies pressuring the dev to sneak vulnerabilities.

                                        csk@mathstodon.xyzC This user is from outside of this forum
                                        csk@mathstodon.xyzC This user is from outside of this forum
                                        csk@mathstodon.xyz
                                        wrote last edited by
                                        #34

                                        @rolandog @Humus Pull Request: The Game

                                        1 Reply Last reply
                                        0
                                        • csk@mathstodon.xyzC csk@mathstodon.xyz

                                          In my online undergraduate P5.js course, students are about to begin the module on motion and physics, including a bit of physics simulation using Matter.js. It suddenly occurred to me that I had never seen anybody put together this particular demo before, and I realized it had to be done. Messy source code at https://editor.p5js.org/isohedral/full/vJa5RiZWs.

                                          michael@social.chrisco.meM This user is from outside of this forum
                                          michael@social.chrisco.meM This user is from outside of this forum
                                          michael@social.chrisco.me
                                          wrote last edited by
                                          #35

                                          @csk This is fantastic!

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          • Login

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • World
                                          • Users
                                          • Groups