Programmer Think

After looking at the development and advantages of so many webgpus, do you feel a little itchy and think, WebGPU sounds so complex, how do you start? How to publish a WebGPU Project? We don't know if it's only three steps to put the elephant in the refrigerator, but we can tell you how easy it is to make a WebGPU project with Orillusion's temp ...

Introductionunderstand Wind field data Then go to see how to paint particles.Source library: webgl-windOriginMy GitHubDraw map particlesCheck the source library and find that there is a single Canvas drawing map to obtain the world map coastline coordinates. The main formats are as follows:{ "type": "FeatureCollection", "features": [ { ...

Hello, everyone. I'm Qiufeng. I'm here Last I talked about three The goal of JS series and Baoke dream game, let's pass three JS to talk about the perspective following in the game. Believe me, readers play more or less games, such as king glory, Jedi survival, baokemeng, Zelda, protogod and so on. So do you know what perspective they are? Do y ...

catalogue Introduction Framebuffer object Examples Observation and thinking reference material Introduction Watching How I built a wind map with WebGL When I used the framebuffer, I checked the data and tried it alone. Origin My GitHub Framebuffer object WebGL has the ability to use the rendering results as textures, which is the framebu ...

Slide from 2022 webgl & webgpu Meetup1 use the label attribute where it can be usedEvery object in WebGPU has a label attribute, whether you pass the label attribute of descriptor when creating it, or directly access its label attribute after creation. This attribute is similar to an id, which makes the object easier to debug and observe. T ...

How to link with JavaScript on the browser side If you know WebGL:Communicating with a browser script , there seem to be two main ways. Application.External Call()/Send Message() -------- however, the first one was discarded after a certain version of unity2018, Use the plug-in (. jslib) to write code to execute on the browser side. In ...

catalogue Introduction Set color effect Dynamic customization example reference material Introduction JavaScript WebGL draws a face Then I thought I could try something more complex. Unexpectedly, there was a problem when setting the color. Origin My GitHub Set color In the previous examples, a single color was set, but each vertex can h ...

IntroductionJavaScript WebGL setting colors The effect is always limited. At this time, you will think of using pictures, which involves the use of textures in WebGL, which is much more troublesome than expected.OriginMy GitHubUse picturesTexture can be used to add details of simulated objects. Textures are used for various simulated objects in ...

The 3D Earth objects we see after DIV rendering are collectively referred to as 3D scenes, which correspond to mars3d.Map class , this is the beginning of everything, the starting point of all relevant controls. Master the Mars3D The map class has basically mastered Mars3D.   # 1. 3D scene initialization When using mars3d, you can configur ...

IntroductionJavaScript WebGL Basics After some optimization, we try to draw common two-dimensional faces.The geometry in WebGL is ultimately composed of triangles, which is more suitable for cutting in.OriginMy GitHubDraw triangleThis is Example , based on Draw a line The main changes are:vertexDrawing elementsvertexA triangle has three vertice ...