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.

    arnimranthoron@ruhr.socialA This user is from outside of this forum
    arnimranthoron@ruhr.socialA This user is from outside of this forum
    arnimranthoron@ruhr.social
    wrote last edited by
    #11

    @csk
    But why shove it out left?

    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.

      anandphilipc@sigmoid.socialA This user is from outside of this forum
      anandphilipc@sigmoid.socialA This user is from outside of this forum
      anandphilipc@sigmoid.social
      wrote last edited by
      #12

      @csk this is excellent!

      1 Reply Last reply
      0
      • R relay@relay.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.

        jfkimmes@social.tinycyber.spaceJ This user is from outside of this forum
        jfkimmes@social.tinycyber.spaceJ This user is from outside of this forum
        jfkimmes@social.tinycyber.space
        wrote last edited by
        #13

        @csk
        @ahl made something similar a while back, but this fully interactive demo is great!

        Adam Leventhal (@ahl@mastodon.social)

        What an Oxide and Friends last night! @bcantrill and I were joined by the one and only @AndresFreundTec to talk about his discovery of the xz backdoor. It’s an incredible story… so great to get into the details with Andres. Definitely check it out (or on the pod tomorrow). https://youtu.be/jg5F9UupL6I

        favicon

        Mastodon (mastodon.social)

        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.

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