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.

    earthshine@masto.hackers.townE This user is from outside of this forum
    earthshine@masto.hackers.townE This user is from outside of this forum
    earthshine@masto.hackers.town
    wrote last edited by
    #5

    @csk missed opportunity.

    Link Preview Image
    1 Reply Last reply
    1
    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.

      joshbressers@infosec.exchangeJ This user is from outside of this forum
      joshbressers@infosec.exchangeJ This user is from outside of this forum
      joshbressers@infosec.exchange
      wrote last edited by
      #6

      @csk You should check out

      Link Preview Image
      xkcd 2347: Dependency

      Someday ImageMagick will finally break for good and we'll have a long period of scrambling as we try to reassemble civilization from the rubble.

      favicon

      (nesbitt.io)

      from @andrewnez

      carstingaxion@dewp.spaceC 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.

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

        @csk *Beautiful* work!

        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.

          introscopia@social.coletivos.orgI This user is from outside of this forum
          introscopia@social.coletivos.orgI This user is from outside of this forum
          introscopia@social.coletivos.org
          wrote last edited by
          #8

          @csk I gave it a try last year!
          https://social.coletivos.org/@Introscopia/113799812434831228
          powered by chipmunk physics!

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

            chrismczork@metalhead.clubC This user is from outside of this forum
            chrismczork@metalhead.clubC This user is from outside of this forum
            chrismczork@metalhead.club
            wrote last edited by
            #9

            @csk This is what the Internet was made for

            1 Reply Last reply
            0
            • joshbressers@infosec.exchangeJ joshbressers@infosec.exchange

              @csk You should check out

              Link Preview Image
              xkcd 2347: Dependency

              Someday ImageMagick will finally break for good and we'll have a long period of scrambling as we try to reassemble civilization from the rubble.

              favicon

              (nesbitt.io)

              from @andrewnez

              carstingaxion@dewp.spaceC This user is from outside of this forum
              carstingaxion@dewp.spaceC This user is from outside of this forum
              carstingaxion@dewp.space
              wrote last edited by
              #10

              @joshbressers @csk @andrewnez MemeJenga

              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.

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