communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel PS > 解析制作盒子的阴影的原理

解析制作盒子的阴影的原理

PHP中文网
Libérer： 2016-06-01 14:39:22
original
2345 Les gens l'ont consulté

制作这个盒子的阴影，光线从左边45度角入射：


利用以前学过的射影定理用辅助线确定投影的角度和位置：


完成位置的确定，其实我现在要确定一个物体的光线分布的关系，一般会直接借助3D软件来实现，在3D软件中 ...


从A点引出L1，L2两条线，一条和光源平行，一条为法线：

1.jpg

继续做出如图辅助线：

2.jpg

继续连接各点，得到图中绿色的三个点，对照上面的效果图，这三个点就是上面两边在箱子上的投：

3.jpg

继续做出dc在平面和箱子上的投影，此时，得到两个兰色的点：

4.jpg

连接绿色和兰色的点，于是得到面acdb的投影：

5.jpg

建立选区并填充它，一个面的投影就做好了，其他面的原理是一样的，可能对会3D的人是多余的，但是还是希 ...

6.jpg

Étiquettes associées：
3d 制作 原理 投影 Bien sûr boîte 解析 阴影
source：php.cn
Article précédent：Photoshop滤镜制作简单的云彩特效 Article suivant：Photoshop极坐标滤镜详细讲解
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
La requête et la formule forment la table entière, avec de nouvelles colonnes, où les nouvelles colonnes sont des formules impliquant d'autres valeurs de colonnes conditionnelles. EDIT : La formule doit être la colonne "valeur" - la colonne "valeur" ...
Depuis 2024-04-06 21:23:40
0
2
530
Un pool de travail déclaré sur plusieurs routes peut-il toujours maintenir son utilisation du processeur sans se soucier du seuil J'espère trouver un système node.js avec un pool de travailleurs pour gérer les tâches gou...
Depuis 2024-04-06 19:54:23
0
1
444
Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
Depuis 2024-04-06 19:13:16
0
2
476
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Générez des valeurs par défaut et des variables CSS à l'aide de SCSS J'implémente le style du site Web. Pour des raisons de support hérité, je dois prendre en ...
Depuis 2024-04-06 17:46:54
0
1
355
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal