JavaScript WebGL using pictures

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 ...

Posted by Cereals on Tue, 04 Jan 2022 11:24:01 +0100

PC end product excellent purchase project

Reprinted from: https://jerry-z-j-r.github.io/2021/02/17/HTML-CSS-Cheat-Sheet-14/ (from JERRY) Completion: E-commerce - home page, e-commerce - classified list page, e-commerce - registration page E-commerce - Classification List page: E-commerce - registration page: 1, Pinyougou project planning 1.1 website production process ...

Posted by Levan on Tue, 04 Jan 2022 10:09:15 +0100

Go to the front end - HTML

preface author:get lostのsheep Share your experience of learning here,I hope I can help my friends at the front end of beginner's school Become a better front-end developer If there is a mistake in reading the front-end vegetable chicken in the University, thank you for your correction DAY1 step into HTML What is HTML? HTML Is a markup ...

Posted by russthebarber on Sun, 02 Jan 2022 22:03:05 +0100

Knowledge of 2D and 3D models

1, 2D conversion 1. transform:translate(): the unit of translation can be%, but% is its own, not the parent element The default is to move along the X axis transform:translateX() moves along the x-axis and translateY() moves along the y-axis, translate(20px,20px) defines 2D translation (translateX(20px) translateY(20px)) 2. transform:scale ...

Posted by tequilacat on Sat, 01 Jan 2022 15:46:38 +0100

JS expressions and operators

Reprinted from: https://jerry-z-j-r.github.io/2021/08/06/JS-Cheat-Sheet-3/ (from JERRY) 1, JS expressions and operators Expression: an expression consisting of operands and operators. Classification of expressions: arithmetic, relation, logic, assignment and synthesis. 2, Arithmetic expression 2.1 arithmetic operators significanceop ...

Posted by lepass_7 on Thu, 30 Dec 2021 19:48:33 +0100

HTML5 Audio & Video - Compatibility summary

The summary and records in the work are written for the first time. If there are problems, please point out that the records will be updated continuously 1, audio **1. Listening and playing completed ** Listening to the ended event is inaccurate. You can listen to the timeupdate event to judge that the playback is completed when the curren ...

Posted by HNX on Thu, 30 Dec 2021 08:28:09 +0100

Prefabricated design of Health Bar

Prefabricated design of Health Bar Specific requirements are as follows: It is implemented using IMGUI and UGUI respectivelyUsing UGUI, the blood bar is a sub element of the game object and needs to face the main camera at any timeThe advantages and disadvantages of the two implementations are analyzedThe application method of prefabrication ...

Posted by rafadc on Wed, 29 Dec 2021 11:23:54 +0100

1 Gobang game

Let me explain the development of a simple game: Gobang. To realize Gobang, the first thing to do is to create a two-dimensional array and a chessboard. Maybe someone else's chessboard is created with canvas , but my chessboard is created with div element, because the label element can put a lot of data. For example, I put a div on the chess ...

Posted by eranwein on Wed, 29 Dec 2021 07:21:16 +0100

User login project phase III - user login

preface In the previous two issues, we completed the creation of Mysql database tables and the design of Html interface. In this issue, we will complete the last part - the design of user login function. It mainly uses: JDBC, Servlet, Java, object-oriented and other knowledge Its basic principle: after the login interface is submitted, a ser ...

Posted by jaddy on Wed, 29 Dec 2021 02:31:37 +0100

JavaScript WebGL draws a face

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 ...

Posted by LinuxForce on Sun, 26 Dec 2021 06:02:06 +0100