Coding Challenge #86: Cube Wave by Bees and Bombs

[ad_1]
In this coding challenge, I attempt recreate a 3D @beesandbombs GIF with p5.js and the WebGL renderer.

GIF:

Support this channel on Patreon:
To buy Coding Train merchandise:
To Support the Processing Foundation:

Send me your questions and coding challenges!:

Contact:
Twitter:
The Coding Train website:

Links discussed in this video:
p5.js reference:
Bees and Bombs:

Videos discussed in this video:
Simple Harmonic Motion:
WebGL playlist:

Source Code for the all Video Lessons:

p5.js:
Processing:

For an Introduction to Programming:
For More Coding Challenges:


Posted

in

by

Tags:

Comments

20 responses to “Coding Challenge #86: Cube Wave by Bees and Bombs”

  1. Mr Apple Avatar

    Ok, the reason why the isometric view is off is because you did the rotates wrongly.
    Replace:

    RotateX(-QUARTER_PI)
    RotateY(ma)

    With:

    RotateX(ma)
    RotateY(-QUATER_PI)

  2. rosslahive Avatar

    Really enjoyed this episode, thanks Dan.

  3. Marcel Avatar

    My boxes don't have outlines! What do?

  4. Jesús Ginard Avatar

    Please do more audio stuff!

  5. FlavonoidzExplosion Avatar

    I have absolutely no knowledge about coding… But I love watching you figure out how to copy whatever you're looking at.

    Id like to get into coding, where should I start?

  6. Zakher Masri Avatar

    Oh man you'd love Dwitter!

  7. realcygnus Avatar

    cool…….this is the type of thing I dig most……..& they should almost always all use WEBGL

  8. Aditya Sriram Avatar

    Please, please do more from Bees and Bombs. Some of those are really mind-boggling and I have no clue how he does them in processing.

  9. chris earley Avatar

    AWESOME! Just a heads up I tried replicating this and running it on an android phone and it did not work with the current release of p5.js (I am not technically gifted enough to understand the full issue) however using the version in this post https://github.com/processing/p5.js/issues/2262 it seems to work. From what I understand this is an issue that will mess up a lot of WEBGL applications.

  10. AnimationMan Avatar

    Hah I was watching the stream when this was going on and people were screeeaming at you that RotateX and RotateY are flipped. Aaaand then you ended the stream xD

  11. Mihail Zafirovski Avatar

    how do you started learning coding i am 2nd year in college learning programing and there is no way i can do any of thease p.s. learning 5 hours per day 🙁

  12. ER! Avatar

    The view is off because you wanted isometric perspective and then implemented orthographic perspective.

  13. TheMasterProgrammer Avatar

    I love your video man!!! GREAT JOB… I started to make some programming/coding videos which i think are pretty interesting, if you are interested in seeing them, come check them out and tell me what you think… thanks

  14. Mark Wootton Avatar

    As some one who taught himself assembly language on a commodore 64, may I say you are exactly what aspiring young programmers need. Good work sir.

  15. Ibakon Ferba Avatar

    12:37 ah, the Unity forum, one of my most frequently visited websites xD

  16. SketchpunkLabs Avatar

    Today I post videos about basic voxels then daniel went and posted this today…. now I feel compelled to try to implement this sort of effect with voxels. Guess I'll be up late tonight… 😛

  17. Xenthera Avatar

    Increase frequency and amplitude of the waves, while decreasing the time step… IE larger and more frequent waves, but with a slower change

  18. Matt Callicott Avatar

    So happy that you've gotten back to graphical coding challenges

Leave a Reply

Your email address will not be published. Required fields are marked *