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

    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.

    topher_batty@mastodon.acm.orgT bazzargh@hachyderm.ioB earthshine@masto.hackers.townE joshbressers@infosec.exchangeJ geepawhill@mastodon.socialG 38 Replies Last reply
    3
    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.

      topher_batty@mastodon.acm.orgT This user is from outside of this forum
      topher_batty@mastodon.acm.orgT This user is from outside of this forum
      topher_batty@mastodon.acm.org
      wrote last edited by
      #2

      @csk love it

      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.

        bazzargh@hachyderm.ioB This user is from outside of this forum
        bazzargh@hachyderm.ioB This user is from outside of this forum
        bazzargh@hachyderm.io
        wrote last edited by
        #3

        @csk so... https://nesbitt.io/xkcd-2347/ it's slightly different in that it's not the original - though it is matter.js. It took me hitting the button twice to realise what was going on - it recreates the cartoon for random real projects. I like it all tho; I did xkcd 208 for advent of code a couple of years back https://hachyderm.io/@bazzargh/113622743090408785 (...with entirely unrealistic physics)

        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.

          bazzargh@hachyderm.ioB This user is from outside of this forum
          bazzargh@hachyderm.ioB This user is from outside of this forum
          bazzargh@hachyderm.io
          wrote last edited by
          #4

          @csk also, recently I said I'd been nerdsniped and one of my younger colleagues asked what I meant; I dropped a link to https://xkcd.com/356/ and then realised it's *19 years old* (so is the "I know regular expressions" one)...so came out before he could read...how did we get so old? A warning for showing this to students 😉

          physikanne@bildung.socialP 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.

            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

              https://nesbitt.io/xkcd-2347/

              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

                      https://nesbitt.io/xkcd-2347/

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