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.

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