please in full webgl code A In WebGL, You will create your initials with triangles (3 Letters, SBT) and display them equally spaced across the screen B Each letter will have its own color C You do NOT have to use transforms for this lab D The letters do not have to be 3D here is a sample code please help Initials in WebGL const gl document getElementById( glcanvas ) getContext( webgl ) Define vertex shader const vertexShaderSource attribute vec4 aPosition void main() gl Position aPosition Define fragment shader const fragmentShaderSource precision mediump float uniform vec4 uColor void main() gl FragColor uColor Compile and link the shaders const vertexShader gl createShader(gl VERTEX SHADER) gl shaderSource(vertexShader, vertexShaderSource) gl compileShader(vertexShader) const fragmentShader gl createShader(gl FRAGMENT SHADER) gl shaderSource(fragmentShader, fragmentShaderSource) gl compileShader(fragmentShader) const program gl createProgram() gl attachShader(program, vertexShader) gl attachShader(program, fragmentShader) gl linkProgram(program) gl useProgram(program) Define vertices and colors for each letter const vertices S 0 5, 0 5, 0 0, 0 5, 0 5, 0 0, 0 5, 0 5, 0 0, 0 5, 0 5, 0 0, 0 5, 0 5, 0 0, 0 5, 0 5, 0 0, B 0 8, 0 5, 0 0, 0 8, 0 5, 0 0, 0 2, 0 5, 0 0, 0 2, 0 5, 0 0, 0 2, 0 5, 0 0, 0 8, 0 5, 0 0, T 0 2, 0 5, 0 0, 0 2, 0 5, 0 0, 0 0, 0 5, 0 0, const colors S is red 1 0, 0 0, 0 0, 1 0, 1 0, 0 0, 0 0, 1 0, 1 0, 0 0, 0 0, 1 0, 1 0, 0 0, 0 0, 1 0, 1 0, 0 0, 0 0, 1 0, 1 0, 0 0, 0 0, 1 0, B is green 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, 0 0, 1 0, T is blue 0 0, 0 0, 1 0, 1 0, 0 0, 0 0, 1 0, 1 0, 0 0, 0 0, 1 0, 1 0, Create buffer and bind to the appropriate attribute const vertexBuffer gl createBuffer() gl bindBuffer(gl ARRAY BUFFER, vertexBuffer) gl bufferData(gl ARRAY BUFFER, new Float32Array(vertices), gl STATIC DRAW) const colorBuffer gl createBuffer() gl bindBuffer(gl ARRAY BUFFER, colorBuffer) gl bufferData(gl ARRAY BUFFER, new Float32Array(colors), gl STATIC DRAW) const aPosition gl getAttribLocation(program, aPosition ) gl bindBuffer(gl ARRAY BUFFER, vertexBuffer) gl vertexAttribPointer(aPosition, 3, gl FLOAT, false, 0, 0) gl enableVertexAttribArray(aPosition) const uColor gl getUniformLocation(program, uColor ) Draw the letters gl bindBuffer(gl ARRAY BUFFER, colorBuffer) S gl uniform4f(uColor, 1 0, 0 0, 0 0, 1 0) gl drawArrays(gl TRIANGLES, 0, 6) B gl uniform4f(uColor, 0 0, 1 0, 0 0, 1 0) gl drawArrays(gl TRIANGLES, 6, 6) T gl uniform4f(uColor, 0 0, 0 0, 1 0, 1 0) gl drawArrays(gl TRIANGLES, 12, 3)

The Answer is in the image, click to view ...

Question: please in full webgl code. A. In WebGL, You will create your initials with triangles (3 Letters, SBT) and display them equally spaced across the

please in full webgl code.

A. In WebGL, You will create your initials with triangles (3 Letters, SBT) and display them equally spaced across the screen B. Each letter will have its own color. C. You do NOT have to use transforms for this lab. D. The letters do not have to be 3D.

here is a sample code. please help:

Initials in WebGL

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

please in full webgl code. A. In WebGL, You will create your initials with triangles (3 Letters, SBT) and display them equally spaced across the screen B. Each letter will have its own color. C. You...

please in full webgl code. A. In WebGL, You will create your initials with triangles (3 Letters, SBT or SHT) and display them equally spaced across the screen B. Each letter will have its own color....

Initializing Web GL from scratch without using libraries. Create a Javascript with OOC Program that will: Please use comments Create your initials (3 Letters) and display them equally spaced across...

A. In WebGL, You will create your initials with triangles (3 Letters, SBT or SHT) and display them equally spaced across the screen B. Each letter will have its own color. C. You do NOT have to use...

I would like assist for my assessment. The subject is Subsidiary Accounts and Ledgers and Foundation Skills. T-1.8.1 Details of Assessment Term and Year 1, 2017 Time allowed Week 2-7 Assessment No 1...

i want complete solution for my assignment and it should be without plagiarism COIT20274: Information Systems for Business Professionals, Term One 2016 Assignments 1 & 2 Requirements Assignment 1 -...

Hello sir, This is a simple question about an lmc simulator, can you solve it ? Computer architecture [ Year 3 ] Online / Remote practice questions November 2 0 2 2 This is original program loader 8...

I NEED THE C CODE FOR THE FOLLOWING PROBLEM PLEASE PROVIDE FULL C CODE AS WELL AS THE OUTPUT I want the C code so when a sentence is typed in, it counts the number of occurances of a specific word...

You have recently been engaged by a client to audit their financial statements. The client is a manufacturer of special made to order high end watches. The audit is a requirement of the lending...

Write a short essay discussing some of the ethical and legal considerations in testing.

What is the most likely impact of a decrease in financial leverage on the cash outflows for a business? Higher cash outflows can be expected as a result of higher dividends. Cash outflows are likely...

(c) A catalytic reaction over spherical catalyst pellets of radius R is limited by external diffusion resistance in the boundary layer at the catalyst surface. (i) Draw a sketch showing external...

Holding national saving constant, does an increase in net capital outflow increase, decrease, or have no effect on a countrys accumulation of domestic capital?

An article in USA Today (December 16, 2004) began President Bush said Wednesday that the White House will shore up the sliding dollar by working to cut record budget and trade deficits. a. According...

International trade in each of the following products has increased over time. Suggest some reasons this might be so. a. wheat b. banking services c. computer software d. automobiles