Concepts of 3D and animation

3D, The 3d effect can only be seen through long-distance observation. Because the distance is too close, we can only see the 2d effect of the plane. Therefore, we need to set the depth of field before setting the 3d transformation effect: perspective: 1200px; /* Use in the parent element to set the depth of field*/ At the same time, we ...

Added by Sweets287 on Mon, 07 Mar 2022 13:22:49 +0200

Tiktok is convenient, small air conditioning special effect html+css+js

Look at the effect first (the source code is at the end): The video effect is as follows, with sound effect Station B: A fan shared this effect with me. I thought it was very interesting, and then studied it. The specific implementation is as follows (there may be many codes, but they are relatively simple. Come on): Implementation process ...

Added by neveriwas on Mon, 07 Mar 2022 02:34:18 +0200

Shadow Methods for away3d 4x

To create authentic images, shapes, lights, and shadows from a computer, these three elements are essential. Here is an introduction to the shadow solutions provided in away3d and the usage of each as a memo. To use shadows, you first need to know the following: 1:away3d shadows are added through Material's shadowMethod property; 2: To add shad ...

Added by ploiesti on Sat, 05 Mar 2022 19:13:58 +0200

Computer graphics -- Experiment 4 texture mapping experiment

Experiment 4: texture mapping experiment Nature of experiment project: Design Experiment Course Name: computer graphics A Experimental planned class hours: 3 class hours 1, Purpose and requirements of the experiment Master the basic principle of texture mapping, and use VC++ OpenGL to realize texture mapping technology. 2, Experimental pr ...

Added by gamesmad on Sun, 27 Feb 2022 08:22:51 +0200

Compilation and configuration of visual studio 2019 under Win10 system: lastools-v2 zero

1, Overview 1,LAStools-v2.0.0 The library has been updated for some reason. Last updated on: January 7, 2022. Lastools version: 220107. Due to some requests, now start using git publishing. Lastools uses version control in the YYMMDD scheme. This is very common for most lasttools users, so keep this version number. In addition, we will fo ...

Added by QbertsBrother on Sun, 13 Feb 2022 12:37:09 +0200

Use three in Vue JS create a 3D conference room model

Chapter II This chapter mainly creates 3D models, which are divided into three JS built-in basic model and external import model Basic model The basic solid model is probably the solid shape of the foundation such as cube, cuboid and ball. First, the floor and wall of our conference room are actually the basic cuboid. For this basic solid ...

Added by baffled_in_UK on Sat, 12 Feb 2022 06:54:42 +0200

Basic lighting in Unity

Generally speaking, we need to consider three physical phenomena to simulate the real lighting environment to generate an image. First, light is emitted from the light source. Then, the light intersects with some objects in the scene: some light is absorbed by the object, while others are scattered in other directions. Finally, the camera ab ...

Added by wesley1189 on Thu, 27 Jan 2022 15:02:18 +0200

3D space conversion (displacement, rotation, stereo rendering)

Attribute: transform. The z-axis is perpendicular to the screen. The positive direction points to the user and the negative direction points to the inside of the screen. Spatial displacement: Compound syntax: transform:translate3d(x,y,z); Separate syntax: Transform: translatex (value); Transform: translatey (value); Transform: translatez (va ...

Added by Xanza on Wed, 26 Jan 2022 19:36:48 +0200

HTML CSS3 deformation, move, rotate, zoom, 3d, animation, stretch layout and other notes

Deformation movement   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> div{ width: 100px; ...

Added by Porl123 on Wed, 26 Jan 2022 05:35:02 +0200

3d machine learning open3d learning record -- point cloud 2

preface Follow the previous section Point cloud 1 Data address of this section: link: https://pan.baidu.com/s/1O4s8tFOvExhuKMl2OCv4Kg Extraction code: 82u1 1. Point cloud clipping Code first import open3d as o3d pcd=o3d.io.read_point_cloud("./test_data/Crop/fragment.ply") val=o3d.visualization.read_selection_polygon_volume("./test_data ...

Added by project168 on Thu, 20 Jan 2022 00:29:55 +0200