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.

    benny@kirche.socialB This user is from outside of this forum
    benny@kirche.socialB This user is from outside of this forum
    benny@kirche.social
    wrote last edited by
    #14

    @csk What a lovely project idea

    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.

      glowl@chaos.socialG This user is from outside of this forum
      glowl@chaos.socialG This user is from outside of this forum
      glowl@chaos.social
      wrote last edited by
      #15

      @csk i like how there seems to be no friction and despite what block you klick, after some duration everything crumbles, even if you do not move the cursor while klicking.

      elexia@catcatnya.comE 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.

        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
                                          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