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.

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