18.1: Introduction to WebGL in p5.js - WebGL and p5.js Tutorial

hey, if anyone is interested in learning raw WebGL even WebVR, you can check out my channel. Sorry for the shameless plug but learning it isn't so bad, there that initial hump of shaders and the rendering pipeline to get over but it becomes easier. To tell you the truth, once you start building your own graphics/gaming engine, you get drunk with the power to build it how you see fit. So its def worth learning the raw stuff if you can. My motto is, instead of being another person who can USE unity, but the person who can BUILD unity. Btw, good video Daniel... curious how p5 went about integrating webgl into its framework.

Dan, please can you make some video about skeleton animation using a bone structure defined in a tree ? i think a it's an subject that fits your channel perfectly and will help me a lot ;p. Thank you for all the video you did, they are fantastic.

Brilliant video (again). Thanks for sharing these, fantastic work!

Thank you :) 🙌

Thank God you did this; been waiting for p5.js 3D stuff for a while; so excited

What about python

writes web gl over the camera limit nobody sees it

Excellent Daniel, I have question for you, sorry but my internet speed is too slow.
How I can build a 3D sphere with texture?

My tab crashes when I use webgl...

man you're annoying

Man I wish I had your facial hair 🤤

If I want to make a tool that helps visualize 4D shapes, could I use WebGL? can it accept 4 arguments for creating a shape and could the camera be moved around the 4D shape to see it's 3D slice? Any help would be greatly appreciated!

hey great videos ! do you know anything about openjscad?? if so do you have any resources for it?

actually openGL is the name of a specification not a library

i still don't understand why you guys are doing this backwards. Why can't you use things like C4D ro blender to just make the UI?

can anyone drop a recommend 3d javascript game library, web is full of fanboys.

one question: can we put the 3D solid in every part of the window? because it's always in the middle and I don't see any function's parameter that may help

if you receive "Error: Error: Error creating webgl context
at p5.RendererGL._initContext" please try to other browser saving your time. likes meee~

Solid gold!

Largely thanks to your videos, I've landed myself a new high paying job - I owe you a beer!

how can I add webGL in angular project

My goto channel whenever I am feeling down in my life. Dan manages to raise me back up every single time . Thank you Dan :'-)

Hi! First, congratulations for your videos, they seem fantastic! A question, some trick or recommendation to run a sketch of p5js with webgl in Raspberry Pi? I have performance problems ....
Thanksss!

Menn, this video is amazing !

Thanks Dan for this wonderful playlist on WebGL . Dan I have a question on rendering water using WebGL . Could you possibly do a video on this topic in the future? please.

which IDE are u using and if u using visual studio can anybody send me link where to download visual studio for windows 8.1 because i tried so much but it can't downloaded.

is it okay to learn webgl first before going to c++/java to programming with opengl?

p5js and webgl... Andrzej, to jebnie

Oh I love the way how much you love what you are doing. That's why I will keep watching you.

never been more in love with javascript ever before.

The rendering with webgl is fine on my Mac pro but much slower on my desktop PC with an Nvidia 1080. I think it might not be using the video card, instead using cpu or intel graphics? Anyone else deal with this?

nice sir but my question is that .how to get your unreal engine 4 game HTML5 project working on wordpress ,and bluehost /dreamhost based personnel website not on local host...Please make tutorial step by step ...?
I have searched all over internet but didn't find good info on this topic
Actually my unreal engine 4 game size remains between 100 to 200 mb , not in GB any way ,can you please make tutorial for that..?

nice, someone knows how to install it in the server to make my an online portfolio? Thanks a lot.

I am trying to make a P5.js sketch where I import a image and have points around its 4 corners so that if u click and drag a point, it transforms the image accordingly. I am trying to do this from scratch and just use P5 for the graphics. One issue is that I have to solve a 8x8 system of equations every frame to find where each corner of the point maps to. Is there a way to do this using the gpu or some other optimized way?

Watching a tutorial will be so much fun, never thought that. Was exploring WebGL and landed on this page.

Sir, can u pls make videos on openGL as well??

Bro, as new geezer on the coding, programming, IT world i pick my technologies for projects based on your tutorials. Great work dude, keep it up

I believe it was this video, may have been another, where you mentioned doing machine learning with WebGL. Did you ever get around to that? Asking for a friend

Did i heard nature of code 3D version?? that would be amazing! Thanks for all of that free learning dude

my dear sir !!!! -- Why every thing is wrapped in P5 ?????

can p5.js work with angular?

It looks like exciting, maybe I can use it in AIDE app to make my apps bro.

You are like Blues Clues guy for coders!

Professor (money heist)

Awesome

who is watching this in 2009

Why does it feel like p5.js’s web gl renderer is such dogshit in comparison to three.js ? I was running into so many errors trying to compile shaders in p5.js that I didn’t get in three.js