position

#square { width: 100px; height: 100px; background: red; } 有兴趣的话，最好是自己试试以下！······ #rectangle { width: 200px; height: 100px; background: red; } #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } /* Cleaner, but slightly less support: use "50%" as value */ #oval { width: 200px; height: 100px; background: red; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; } /* Cleaner, but slightly less support: use "50%" as value */ #triangle-up { width: 0; height: 0; border

All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser. （下面的所有内容只使用一个HTML元素。任何一种CSS都可以，只要它在至少一个浏览器中支持。） Square （正方形） /*--> */ /*--> */ #square { width: 100px; height: 100px; background: red; } Rectangle （长方形） /*--> */ /*--> */ #rectangle { width: 200px; height: 100px; background: red; } Circle （圆形） /*--> */ /*--> */ #circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } /* Cleaner, but slightly less support: use "50%" as value */ 半圆形（Semicircle） 扇形

CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。 我们还可以使用 CSS 伪元素中的 ::before 和 ::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTML 元素在 CSS 中创建许多形状。 虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做图标意义不是很大，但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。 1.正方形 #square { width: 100px; height: 100px; background: red; } 2.长方形 #rectangle { width: 200px; height: 100px; background: red; } 3.圆形 #circle { width: 100px; height: 100px; background: red; border-radius: 50% } 4.椭圆形 #oval { width: 200px; height: 100px; background: red; border-radius: 100px / 50px; } 5

三角形： 通常会使用透明的border模拟出一个三角形：▲ .traingle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid yellowgreen; } 切角： 采用多重线性渐变实现切角 .notching { width: 40px; height: 40px; padding: 40px; background: linear-gradient(135deg, transparent 15px, yellowgreen 0) top left, linear-gradient(-135deg, transparent 15px, yellowgreen 0) top right, linear-gradient(-45deg, transparent 15px, yellowgreen 0) bottom right, linear-gradient(45deg, transparent 15px, yellowgreen 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; } 梯形：

https://blog.csdn.net/u011484013/article/details/53931181 玩家： using System.Collections; using System.Collections.Generic; using UnityEngine; public class PlayerMove : MonoBehaviour { // Use this for initialization void Start () { } // Update is called once per frame void Update () { float h = Input.GetAxis ("Horizontal"); float v = Input.GetAxis ("Vertical"); if(h!=0 || v!=0){ transform.LookAt (transform.position+new Vector3(h,0,v)); transform.Translate (transform.forward*Time.deltaTime*5f,Space.World); } } } 宠物“： using System.Collections; using System.Collections.Generic; using UnityEngine;

弹力 介绍 弹簧的弹力可以根据胡克定律计算得到，胡克定律以英国物理学家罗伯特·胡克命名，他在1660年发明了这个公式。胡克最初是用拉丁文描述这个公式的——“Ut tensio,sic vis”, 这句话的意思是“力如伸长（那样变化）”。我们可以这么理解它：弹簧的弹力与弹簧的伸长量成正比。 先用胡克定律计算弹力的大小。我们需要知道k和x的值：k很简单，它只是一个常量，我们可以随意选择一个数。 float k = 0.1 ; x可能会更复杂，我们需要知道“当前长度和静止长度的差”。可以用restLength表示静止长度， PVector dir = PVector . sub ( bob , anchor ) ; 由枢轴点指向摆锤的向量，它告诉我们弹簧的当前长度 float currentLength = dir . mag ( ) ; float x = restLength - currentLength ; 方向计算 float k = 0.1 ; 按照胡克定律计算得到的弹力 PVector force = PVector . sub ( bob , anchor ) ; float currentLength = dir . mag ( ) ; float x = restLength - currentLength ; force . normalize ( ) ;