Slide
Leonhard Euler (1707–1783) was a Swiss mathematician, physicist, astronomer, logician, and engineer who made significant contributions to numerous fields of mathematics and science. Born in Basel, Switzerland, Euler's prolific output, totaling over 800 publications, has earned him a reputation as one of the greatest mathematicians of all time.
Euler's contributions to mathematics are vast and varied, encompassing areas such as calculus, number theory, graph theory, geometry, and mathematical analysis. He developed important concepts and notation that are still used today, including the notation for functions (f(x)), the symbol "e" for the base of the natural logarithm, and the Greek letter sigma (Σ) for summation.
Among Euler's many achievements are his solutions to the famous Seven Bridges of Königsberg problem, his work on the Basel problem leading to the discovery of the value of the Riemann zeta function at even positive integers (π²/6), and his groundbreaking work in graph theory, laying the foundations for the field.
Euler also made significant contributions to physics, fluid dynamics, astronomy, and engineering. His studies in mechanics and celestial mechanics helped advance understanding in these fields, while his work on optics and acoustics furthered knowledge in the natural sciences.
Beyond his mathematical and scientific accomplishments, Euler was known for his exceptional productivity, working tirelessly despite losing his vision in one eye later in life. His works continue to influence mathematics and science today, and his legacy remains celebrated in the scientific community.
Polygon mesh based on Three.js & WebGL
The Cartesian took the floor and said: "The soul is a pure spirit that has received in the belly of its mother all metaphysical ideas, and which, leaving that place, is obliged to go to school, and to learn all over again what it already knew, and will not know again."
"It is not worth the trouble," responded the animal with the height of eight leagues, "for your soul to be so knowledgeable in its mother's stomach, only to be so ignorant when you have hair on your chin. But what do you understand by the mind?"
"You are asking me?" said the reasoner. "I have no idea. We say that it is not matter."
"But do you at least know what matter is?"
"Certainly," replied the man. "For example this stone is grey, has such and such a form, has three dimensions, is heavy and divisible."
"Well!" said the Sirian, "this thing that appears to you to be divisible, heavy, and grey, will you tell me what it is? You see some attributes, but behind those, are you familiar with that?
"No," said the other.
"So you do not know what matter is."
“Die Mathematik ist es, die uns vor dem Trug der Sinne schützt und uns den Unterschied zwischen Schein und Wahrheit kennen lehrt.” ― Leonhard Euler
“Nothing takes place in the world whose meaning is not that of some maximum or minimum.” ― Leonhard Euler
“Logic is the foundation of the certainty of all the knowledge we acquire.” ― Leonhard Euler
“Madam, I have just come from a country where people are hanged if they talk.” ― Leonard Euler
“Mathematicians have tried in vain to this day to discover some order in the sequence of prime numbers,
and we have reason to believe that it is a mystery into which the human mind will never penetrate.” ― Leonhard Euler
“The kind of knowledge which is supported only by observations and is not yet proved must be carefully distinguished from the truth;
it is gained by induction, as we usually say. Yet we have seen cases in which mere induction led to error.” ― Leonhard Euler
Slide
Leonhard Euler (1707–1783) was a Swiss mathematician, physicist, astronomer, logician, and engineer who made significant contributions to numerous fields of mathematics and science. Born in Basel, Switzerland, Euler's prolific output, totaling over 800 publications, has earned him a reputation as one of the greatest mathematicians of all time.
Euler's contributions to mathematics are vast and varied, encompassing areas such as calculus, number theory, graph theory, geometry, and mathematical analysis. He developed important concepts and notation that are still used today, including the notation for functions (f(x)), the symbol "e" for the base of the natural logarithm, and the Greek letter sigma (Σ) for summation.
Among Euler's many achievements are his solutions to the famous Seven Bridges of Königsberg problem, his work on the Basel problem leading to the discovery of the value of the Riemann zeta function at even positive integers (π²/6), and his groundbreaking work in graph theory, laying the foundations for the field.
Euler also made significant contributions to physics, fluid dynamics, astronomy, and engineering. His studies in mechanics and celestial mechanics helped advance understanding in these fields, while his work on optics and acoustics furthered knowledge in the natural sciences.
Beyond his mathematical and scientific accomplishments, Euler was known for his exceptional productivity, working tirelessly despite losing his vision in one eye later in life. His works continue to influence mathematics and science today, and his legacy remains celebrated in the scientific community.
Polygon mesh based on Three.js & WebGL
The Cartesian took the floor and said: "The soul is a pure spirit that has received in the belly of its mother all metaphysical ideas, and which, leaving that place, is obliged to go to school, and to learn all over again what it already knew, and will not know again."
"It is not worth the trouble," responded the animal with the height of eight leagues, "for your soul to be so knowledgeable in its mother's stomach, only to be so ignorant when you have hair on your chin. But what do you understand by the mind?"
"You are asking me?" said the reasoner. "I have no idea. We say that it is not matter."
"But do you at least know what matter is?"
"Certainly," replied the man. "For example this stone is grey, has such and such a form, has three dimensions, is heavy and divisible."
"Well!" said the Sirian, "this thing that appears to you to be divisible, heavy, and grey, will you tell me what it is? You see some attributes, but behind those, are you familiar with that?
"No," said the other.
"So you do not know what matter is."
“Die Mathematik ist es, die uns vor dem Trug der Sinne schützt und uns den Unterschied zwischen Schein und Wahrheit kennen lehrt.” ― Leonhard Euler
“Nothing takes place in the world whose meaning is not that of some maximum or minimum.” ― Leonhard Euler
“Logic is the foundation of the certainty of all the knowledge we acquire.” ― Leonhard Euler
“Madam, I have just come from a country where people are hanged if they talk.” ― Leonard Euler
“Mathematicians have tried in vain to this day to discover some order in the sequence of prime numbers,
and we have reason to believe that it is a mystery into which the human mind will never penetrate.” ― Leonhard Euler
“The kind of knowledge which is supported only by observations and is not yet proved must be carefully distinguished from the truth;
it is gained by induction, as we usually say. Yet we have seen cases in which mere induction led to error.” ― Leonhard Euler
Slide
Leonhard Euler (1707–1783) was a Swiss mathematician, physicist, astronomer, logician, and engineer who made significant contributions to numerous fields of mathematics and science. Born in Basel, Switzerland, Euler's prolific output, totaling over 800 publications, has earned him a reputation as one of the greatest mathematicians of all time.
Euler's contributions to mathematics are vast and varied, encompassing areas such as calculus, number theory, graph theory, geometry, and mathematical analysis. He developed important concepts and notation that are still used today, including the notation for functions (f(x)), the symbol "e" for the base of the natural logarithm, and the Greek letter sigma (Σ) for summation.
Among Euler's many achievements are his solutions to the famous Seven Bridges of Königsberg problem, his work on the Basel problem leading to the discovery of the value of the Riemann zeta function at even positive integers (π²/6), and his groundbreaking work in graph theory, laying the foundations for the field.
Euler also made significant contributions to physics, fluid dynamics, astronomy, and engineering. His studies in mechanics and celestial mechanics helped advance understanding in these fields, while his work on optics and acoustics furthered knowledge in the natural sciences.
Beyond his mathematical and scientific accomplishments, Euler was known for his exceptional productivity, working tirelessly despite losing his vision in one eye later in life. His works continue to influence mathematics and science today, and his legacy remains celebrated in the scientific community.
Polygon mesh based on Three.js & WebGL
The Cartesian took the floor and said: "The soul is a pure spirit that has received in the belly of its mother all metaphysical ideas, and which, leaving that place, is obliged to go to school, and to learn all over again what it already knew, and will not know again."
"It is not worth the trouble," responded the animal with the height of eight leagues, "for your soul to be so knowledgeable in its mother's stomach, only to be so ignorant when you have hair on your chin. But what do you understand by the mind?"
"You are asking me?" said the reasoner. "I have no idea. We say that it is not matter."
"But do you at least know what matter is?"
"Certainly," replied the man. "For example this stone is grey, has such and such a form, has three dimensions, is heavy and divisible."
"Well!" said the Sirian, "this thing that appears to you to be divisible, heavy, and grey, will you tell me what it is? You see some attributes, but behind those, are you familiar with that?
"No," said the other.
"So you do not know what matter is."
“Die Mathematik ist es, die uns vor dem Trug der Sinne schützt und uns den Unterschied zwischen Schein und Wahrheit kennen lehrt.” ― Leonhard Euler
“Nothing takes place in the world whose meaning is not that of some maximum or minimum.” ― Leonhard Euler
“Logic is the foundation of the certainty of all the knowledge we acquire.” ― Leonhard Euler
“Madam, I have just come from a country where people are hanged if they talk.” ― Leonard Euler
“Mathematicians have tried in vain to this day to discover some order in the sequence of prime numbers,
and we have reason to believe that it is a mystery into which the human mind will never penetrate.” ― Leonhard Euler
“The kind of knowledge which is supported only by observations and is not yet proved must be carefully distinguished from the truth;
it is gained by induction, as we usually say. Yet we have seen cases in which mere induction led to error.” ― Leonhard Euler
***
The
fusiform face area (FFA) is a region of the human brain, located in the fusiform gyrus of the temporal lobe. It is primarily associated with the processing and recognition of faces.
Research using techniques such as functional magnetic resonance imaging (fMRI) has consistently shown increased activity in the fusiform face area when individuals are presented with images of faces compared to other objects or stimuli. This specialization suggests that the FFA plays a critical role in the neural circuitry underlying face perception.
While the exact mechanisms of how the FFA processes facial information are not fully understood, it is believed to be involved in various aspects of face processing, including holistic face perception (viewing faces as integrated wholes rather than individual features), face identification, discrimination between different faces, and emotional expressions.
Additionally, studies have shown that damage or dysfunction in the FFA “module” can lead to impairments in face recognition abilities, a condition known as prosopagnosia (cf. localisation of function). Individuals with prosopagnosia may struggle to recognize familiar faces, including those of friends, family members, and even themselves, despite having intact vision and cognitive functions in other domains.
Overall, the fusiform face area represents a crucial neural substrate for the specialized processing of facial information in the human brain, contributing significantly to our ability to perceive, recognize, and interact with others based on their facial features.
***
face-mesh
Source:
Fabry, T., Smeets, D., & Vandermeule, D.. (2010). Surface representations for 3D face recognition. In Face Recognition
. InTech
Plain numerical DOI: 10.5772/8951
DOI URL
directSciHub download
Show/hide publication abstract
“For long, face recognition has been a 2d discipline. however, 2d face recognition has shown to be extremely difficult to be robust against a.o. lighting conditions and pose variations (phillips et al., 2003). at the same time, technological improvements are making 3d surface capturing devices affordable for security purposes. as a result of these recent developments face recognition shifts from 2d to 3d. this means that in the current state-of-the-art face recognition systems the problem is no longer the comparison of 2d color photos, but the comparison of (textured) 3d surface shapes. with the advent of the third dimension in face recognition, we think it is necessary to investigate the known surface representations from this point of view. throughout recent decades, a lot of research focused on finding an appropriate digital representation for three dimensional real-world objects, mostly for use in computer graphics (hubeli & gross, 2000; sigg, 2006). however, the needs for a surface representation in computer graphics, where the primary concerns are visualization and the ability to process it on dedicated computer graphics hardware (gpus), are quite different from the needs of a surface representation for face recognition. another motivation for this work is the non-existence of an overview of 3d surface representations, altough the problem of object representation is studied since the birth of computer vision (marr, 1982). with this in mind, we will, in this chapter, try to give an overview of surface representations for use in biometric face recognition. also surface representations that are not yet reported in current face recognition literature, but we consider to be promising for future research – based on publications in related fields such as 3d object retrieval, computer vision, computer graphics and 3d medical imaging – will be discussed. what are the desiderata for a surface representation in 3d face recognition? it is certainly useful for a surface representation in biometric applications, to be accurate, usable for all sorts of 3d surfaces in face recognition (open, closed. . . ), concise (efficient in memory usage), easy to acquire/construct, intuitive to work with, have a good formulation, be suitable for computations, convertible in other surface representations, ready to be efficiently displayed and useful for statistical modelling. it is nevertheless also certainly necessary to look further than a list of desiderata. herefore, our ap…”
***
The “Golden Ratio” in 3D human face modeling
Human_head_proportions
Source:
http://de.wikipedia.org/w/index.php?title=Datei:Human_head_proportions.svg&filetimestamp=20100503192018
***
References
Gibbon, J. D.. (2008). The three-dimensional Euler equations: Where do we stand?. Physica D: Nonlinear Phenomena
, 237(14–17), 1894–1904.
Plain numerical DOI: 10.1016/j.physd.2007.10.014
DOI URL
directSciHub download
Show/hide publication abstract
“The three-dimensional euler equations have stood for a quarter of a millenium as a challenge to mathematicians and physicists. while much has been discovered, the nature of solutions is still largely a mystery. this paper surveys some of the issues, such as singularity formation, that have cost so much effort in the last 25 years. in this light we review the beale-kato-majda theorem and its consequences and then list some of the results of numerical experiments that have been attempted. a different line of endeavour focuses on work concerning the pressure hessian and how it may be used and modelled. the euler equations are finally discussed in terms of their membership of a class of general lagrangian evolution equations. using hamilton’s quaternions, these are reformulated in an elegant manner to describe the motion and rotation of fluid particles. © 2007 elsevier b.v. all rights reserved.”
***
Boutsi, A.-M., Ioannidis, C., & Soile, S.. (2019). Interactive Online Visualization of Complex 3D Geometries. The International Archives of the Photogrammetry, Remote Sensing and Spatial Information Sciences
, XLII-2/W9, 173–180.
Plain numerical DOI: 10.5194/isprs-archives-XLII-2-W9-173-2019
DOI URL
directSciHub download
Show/hide publication abstract
“Abstract. in the last decade 3d datasets of the cultural heritage field have become extremely rich and high detailed due to the evolution of the technologies they derive from. however, their online deployment, both for scientific and general public purposes is usually deficient in user interaction and multimedia integration. a single solution that efficiently addresses these issues is presented in this paper. the developed framework provides an interactive and lightweight visualization of high-resolution 3d models in a web browser. it is based on 3d heritage online presenter (3dhop) and three.js library, implemented on top of webgl api. 3dhop capabilities are fully exploited and enhanced with new, high level functionalities. the approach is especially suited to complex geometry and it is adapted to archaeological and architectural environments. thus, the multi-dimensional documentation of the archaeological site of meteora, in central greece is chosen as the case study. various navigation paradigms are implemented and the data structure is enriched with the incorporation of multiple 3d model viewers. furthermore, a metadata repository, comprises ortho-images, photographic documentation, video and text, is accessed straight forward through the inspection of the main 3d scene of meteora by a system of interconnections.”
***
Almansoury, F., Kpodjedo, S., & Boussaidi, G. El. (2020). Investigating Web3D topics on StackOverflow: a preliminary study of WebGL and Three.js. In The 25th International Conference on 3D Web Technology
(pp. 1–2). New York, NY, USA: ACM
Plain numerical DOI: 10.1145/3424616.3424726
DOI URL
directSciHub download
Show/hide publication abstract
“Web3D developers often have to decide on which technologies are best for their projects. we explore that question through the perspective of community attention and support on stack overflow (so). we focused on i) webgl, a key low-level javascript (js) api used to render 3d graphics in browsers without plugins, and ii) three.js, a higher level js library that reuses webgl and is reputed easier and more intuitive. we considered questions from so tagged with webgl or three.js and extracted all tags used on these questions. using these, we were able to compare the relative attention (considering the number of questions and views) and support (considering satisfactory answers and how long they take) received by concerns and technologies associated to webgl and three.js. our results suggest that three.js gets significantly more community attention but less community support than webgl on so.”
***
Yun, W. J., & Kim, J.. (2020). 3D Modeling and WebVR Implementation using Azure Kinect, Open3D, and Three.js. In International Conference on ICT Convergence
Plain numerical DOI: 10.1109/ICTC49870.2020.9289518
DOI URL
directSciHub download
Show/hide publication abstract
“This paper proposes a method of extracting an rgb-d image using azure kinect, a depth camera, creating a fragment, i.e., 6d images (rgbxyz), using open3d, creating it as a point cloud object, and implementing webvr using three.js. furthermore, it presents limitations and potentials for development.”
***
Min, Q., Wang, Z., & Liu, N.. (2018). An Evaluation of HTML5 and WebGL for Medical Imaging Applications. Journal of Healthcare Engineering
, 2018, 1–11.
Plain numerical DOI: 10.1155/2018/1592821
DOI URL
directSciHub download
Show/hide publication abstract
“Despite the fact that a large number of web applications are used in the medical community, there are still certain technological challenges that need to be addressed, for example, browser plug-ins and efficient 3d visualization. these problems make it necessary for a specific browser plug-in to be preinstalled on the client side when launching applications. otherwise, the applications fail to run due to the lack of the required software. this paper presents the latest techniques in hypertext markup language 5 (html5) and web graphics library (webgl) for solving these problems and an evaluation of the suitability of the combination of html5 and webgl for the development of web-based medical imaging applications. in this study, a comprehensive medical imaging application was developed using html5 and webgl. this application connects to the medical image server, runs on a standard personal computer (pc), and is easily accessible via a standard web browser. the several functions required for radiological interpretation were implemented, for example, navigation, magnification, windowing, and fly-through. the html5-based medical imaging application was tested on major browsers and different operating systems over a local area network (lan) and a wide area network (wan). the experimental results revealed that this application successfully performed two-dimensional (2d) and three-dimensional (3d) functions on different pcs over the lan and wan. moreover, it demonstrated an excellent performance for remote access users, especially over a short time period for 3d visualization and a real-time fly-through navigation. the results of the study demonstrate that html5 and webgl combination is suitable for the development of medical imaging applications. moreover, the advantages and limitations of these technologies are discussed in this paper.”
***
Xu, Z., Zhang, Y., & Xu, X.. (2016). 3D visualization for building information models based upon IFC and WebGL integration. Multimedia Tools and Applications
, 75(24), 17421–17441.
Plain numerical DOI: 10.1007/s11042-016-4104-9
DOI URL
directSciHub download
Show/hide publication abstract
“Building information modeling (bim) technology provides broad-ranging support of aec (architecture, engineering, and construction) industry needs. the inclusion of a web display provides increased support to bim users and it is desirable that global cad (computer-aided design) and bim design software should provide increased access to building product specifications via web browser. recent actions towards to develop a bim-based web3d environments evidence the effort of facing the situation which request to integrate ifc (industry foundation classes) with web technology, such as webgl. this paper discusses a method to create 3d visualization for bim models in web browser by combining ifc standard and webgl technology. the solution is developed based upon a conversion of ifc text into object file (obj) and a subsequent obj compilation in webgl. the main work consists of three parts. first, based on ifc standard, the ifc-to-obj transforming method is constructed for encoding specific ifc attributes into the obj file. second, through webgl programming, a visualization method is presented for creating 3d performance in web browser. thirdly, a visualization platform with three-layered structure is designed based on ifc and webgl integration for bim data. the testing of the approach and the platform suggested demonstrated consistency in the conversion process and stability and rendering quality in the display of models over the web browser. the method may be applied in planning and design workflows, particularly in multiuser, multi-bim-application and real-time environments, which require bim models or exported ifc files to be visualized easily in the web browser.”
***
Topically related:
Nair, P., & Cavallaro, A.. (2009). 3-D Face Detection, Landmark Localization, and Registration Using a Point Distribution Model. IEEE Transactions on Multimedia
, 11(4), 611–623.
Plain numerical DOI: 10.1109/TMM.2009.2017629
DOI URL
directSciHub download
Show/hide publication abstract
“In this paper, we present a face fairness framework for 3d meshes that preserves the regular shape of faces and is applicable to a variety of 3d mesh restoration tasks. specifically, we present a number of desirable properties for any mesh restoration method and show that our framework satisfies them. we then apply our framework to two different tasks—mesh-denoising and mesh-refinement, and present comparative results for these two tasks showing improvement over other relevant methods in the literature.”
***
Hangaragi, S., Singh, T., & N, N.. (2023). Face Detection and Recognition Using Face Mesh and Deep Neural Network. Procedia Computer Science
, 218, 741–749.
Plain numerical DOI: 10.1016/j.procs.2023.01.054
DOI URL
directSciHub download
Show/hide publication abstract
“Face detection and recognition are emerging and active research areas in computer vision and deep learning. face detection and recognition have a wide range of applications such as recognizing the people in particular areas namely stores, and banks. identifying people in a particular database (police database). to control people’s entry into restricted areas or grant access to atms or computers. in this paper, the proposed model can detect and recognize the face using face mesh. due to face mesh, the model operates in a variety of conditions such as varying illumination and background. the model can also handle non-frontal images of males and females of all ages and races. the labeled wild face (lwf) dataset images and images captured in real-time are used to train the deep neural network of the model. during testing, if the face landmarks of the test image match with the face landmarks of any of the training images the model gives the name of the person else model outputs as ‘unknown’.94.23% accuracy are achieved for face recognition by the proposed model.”
***
Source code
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link type="text/css" rel="stylesheet" href="main.css">
<style>
/* CSS */
body{
cursor: crosshair !important;
}
</style>
</head>
<body>
<script type="importmap">
{
"imports": {
"three": "https://unpkg.com/three/build/three.module.js",
"three/addons/": "https://unpkg.com/three@latest/examples/jsm/"
}
}
</script>
<script type="module">
import * as THREE from 'three';
import { GLTFLoader } from '/threejs/GLTFLoader.js';
import { VertexNormalsHelper } from '/threejs/VertexNormalsHelper.js';
import { VertexTangentsHelper } from '/threejs/VertexTangentsHelper.js';
import { OrbitControls } from '/threejs/OrbitControls.js'; // Import OrbitControls
let scene, renderer;
let camera, light;
let vnh;
let vth;
let controls; // Declare controls variable
init();
animate();
function init() {
renderer = new THREE.WebGLRenderer({ alpha: true }); // Set alpha to true for transparent background
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
//
camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
camera.position.z = 400;
scene = new THREE.Scene();
light = new THREE.PointLight();
light.position.set( 200, 100, 150 );
scene.add( light );
scene.add( new THREE.PointLightHelper( light, 15 ) );
const gridHelper = new THREE.GridHelper( 400, 40, 0x0000ff, 0x808080 );
gridHelper.position.y = - 150;
gridHelper.position.x = - 150;
scene.add( gridHelper );
const polarGridHelper = new THREE.PolarGridHelper( 200, 16, 8, 64, 0x0000ff, 0x808080 );
polarGridHelper.position.y = - 150;
polarGridHelper.position.x = 200;
scene.add( polarGridHelper );
const loader = new GLTFLoader();
loader.load( 'models/gltf/LeePerrySmith/LeePerrySmith.glb', function ( gltf ) {
const mesh = gltf.scene.children[ 0 ];
mesh.geometry.computeTangents(); // generates bad data due to degenerate UVs
const group = new THREE.Group();
group.scale.multiplyScalar( 50 );
scene.add( group );
// To make sure that the matrixWorld is up to date for the boxhelpers
group.updateMatrixWorld( true );
group.add( mesh );
vnh = new VertexNormalsHelper( mesh, 5 );
scene.add( vnh );
vth = new VertexTangentsHelper( mesh, 5 );
scene.add( vth );
scene.add( new THREE.BoxHelper( mesh ) );
const wireframe = new THREE.WireframeGeometry( mesh.geometry );
let line = new THREE.LineSegments( wireframe );
line.material.depthTest = false;
line.material.opacity = 0.25;
line.material.transparent = true;
line.position.x = 4;
group.add( line );
scene.add( new THREE.BoxHelper( line ) );
const edges = new THREE.EdgesGeometry( mesh.geometry );
line = new THREE.LineSegments( edges );
line.material.depthTest = false;
line.material.opacity = 0.25;
line.material.transparent = true;
line.position.x = - 4;
group.add( line );
scene.add( new THREE.BoxHelper( line ) );
scene.add( new THREE.BoxHelper( group ) );
scene.add( new THREE.BoxHelper( scene ) );
} );
// Initialize controls
controls = new OrbitControls( camera, renderer.domElement );
controls.enableDamping = true; // an animation loop is required when either damping or auto-rotation are enabled
controls.dampingFactor = 0.25; // set to 0.25 for smoother rotation
controls.screenSpacePanning = false;
controls.minDistance = 100;
controls.maxDistance = 500;
//
window.addEventListener( 'resize', onWindowResize );
}
function onWindowResize() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
}
function animate() {
requestAnimationFrame( animate );
const time = - performance.now() * 0.0003;
camera.position.x = 400 * Math.cos( time );
camera.position.z = 400 * Math.sin( time );
camera.lookAt( scene.position );
light.position.x = Math.sin( time * 1.7 ) * 300;
light.position.y = Math.cos( time * 1.5 ) * 400;
light.position.z = Math.cos( time * 1.3 ) * 300;
if ( vnh ) vnh.update();
if ( vth ) vth.update();
// Update controls
controls.update();
renderer.render( scene, camera );
}
</script>
</body>
</html>
***
Sources:
3D Head Scan by Lee Perry-Smith is licensed under a Creative Commons Attribution 3.0 Unported License.: https://github.com/mrdoob/three.js/tree/dev/examples/models/gltf/LeePerrySmith