18.6: createGraphics() as WebGL Texture - WebGL and p5.js Tutorial

Показать описание

Contact:

Links discussed in this video:

Videos mentioned in this video:

Рекомендации по теме

Комментарии

very useful for having a plane cover the entire webgl canvas and then putting the HUD on the screen like a 2d canvas

canatronYT

This is super useful for me presently! I’m building a 3D product configurator that is combining multiple customizable creategraphics ‘layers’ into a single texture.

kimwelch

This will be useful for things like bullet holes or blood splatter on a model

oscarchampion

Hello Dan,
Thanks again for the videos. Is there any video about the difference between createVector and p5.Vector in p5.js?
I can't seem to find any and it's been quite a challenge to find adequate tutorials/ references elsewhere.
Let me know your thoughts :)

mahmoudelhossieny

Great video! Keep making us happy! Can you make a spaghettification simulation.

_sp

How could I dynamically update that love text?

begga

when you throw the pgraphic on the cube one side of the cube is opaque still; why is that? (even if you did background 255, 10) or some such

deltaark

I took the Perlin noise flow-field and mapped it to the graphics texture. Now there is a rotating cube with a Perlin noise flow-field being generated on it.

DirtySocrates

Very helpful, I wonder if the same can be used in a spinning globe. For example, show country names while the globe is spinning.

ralflor

one of the faces is not transparent. Anyone know why this is?

kentaylor

getting even deeper into this; there seem to be crazy transparency issues with 3D geometries... yikes...

deltaark

What if you want to just texture one side of the plane with text; not have text on both sides?

deltaark

Hello! Is it possible to create a 3D object on createGraphics() instead of the canvas? Thanks I would appreciate any help :D

doom

This playlist is awesome.
BTW does anybody know how to add different texture on each side of a plane or a box ?

Sylvin

I think the error was because you gave dimension that doesnt equal a square in 2d, so it has issues to make that as a side of a qube which is a 2d square

gomo

for that exercise, i would have to learn to make the fractal

ritikkhatri

can I learn to code by watching all of his videos without actually practicing using what I see?

ReptilesEat

Can u teach meh to coding in Roblox ~_~

FM_my

18.6: createGraphics() as WebGL Texture - WebGL and p5.js Tutorial

WebGL #18 Render to texture

WebGL 2: Textures (Part 1)

Introduction to Textures in WebGL - ProgrammingTIL #104 WebGL Tutorial Video Screencast 0047

WebGL 2: Texture Arrays (Textures Part 4)

How to use framebuffers in WebGL part 1 - ProgrammingTIL #147 WebGL tutorial video screencast 0090

WebGL 2: Uniform Buffer Objects

'Rendering text with WebGL' by Andrey Kuzmin

Learn WebGL #10 - Drawing Images (Texture Tutorial)

Introduction to shaders: Learn the basics!

WebGL 2: Vertex Array Objects (VAOs)

[SWTT] WebGL Tutorial 03 - Vertex Attributes

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

Vertex Textures - Point Clouds and Mesh Instancing from Textures - Introduction

6.9 Extracting Options to Config Objects | Modern React with Redux [2019 Update]

Reporting a WebGL Bug for p5.js

Chromatic Aberration Glitch Shader in P5js

Learn WebGL #11 - Diffuse Lighting Tutorial

Demo for #32 Face Culling - LWJGL Tutorials

WebGL2 : 071: Ortho Projection and Isometric View

How to Code a 4D World from Scratch with P5js

Faces of Power: Visualization of AI

9. How to add a border/outline to a shape in GLSL Part 2 - Shader Course

Công nghệ website WebGL tương lai web 3.0

Hobeaux Rococeaux Borders Tutorial