Webpage end 3D (three-dimensional) model implementation method based on Cook-Torrance algorithm

Abstract

The invention relates to the field of webpage end 3D display, and particularly discloses a webpage end 3D model implementation method based on a Cook-Torrance algorithm. The method comprises the following steps: firstly, designing a 3D model on 3D model design software and generating a model file, specifically, generating the model file by using 3Dmax software, wherein the model file comprises a three-dimensional model data obj file and an mtl file of a surface material; secondly, loading a three-dimensional model data obj file and the mtl file of a surface material for the 3D model file by using a THREE.OBJMTLLoader ()function in a three.js open source library; thirdly, according to a Cook-Torrance 3D algorithm, compiling a vertex shader program and a fragment shader program, and importing a Shader customized by using a Shader() function in a three.js open source library into the shader program; and finally, rendering the 3D model by using the vertex shader and the fragment shader ofthe Cook-Torrance 3D illumination model, thereby solving the problem of low sense of reality of the rendering effect due to the fact that only specular reflection or diffuse reflection components areconsidered in the existing web page end illumination model.

Description

technical field [0001] The invention relates to the field of 3D display at the webpage, and specifically discloses a method for realizing a 3D model at the webpage based on the Cook-Torrance algorithm. Background technique [0002] The display of a 3D model on the web page requires three sets of data, namely the 3D data of the model, texture mapping data, and lighting model data. The texture here is not design textures such as fabrics and inkjet painting, but texture data that reflects the physical characteristics of the 3D model material, including its roughness, color under light, and so on. [0003] The illumination model is a mathematical model generated by combining the physical characteristics of the model. What we ultimately need is the reflected light data of the 3D model under a specific light source and processed by the illumination model. It generally includes three parts: ambient light, diffuse reflection, and specular reflection. The ratio of the three parts c...

AI Technical Summary

Problems solved by technology

[0006] In view of this, the object of the present invention is to provide a method for implementing a 3D model on the webpage based on the Cook-Torrance algorithm, through which the existing lighting model on the webpage can only consider specular reflection or diffuse reflection components, resulting in a realistic rendering effect. low problem

Images