2022年3月22日

SVG 动画 animation 横向位移

摘要: animate 基础动画元素。实现单属性的动画过渡效果。 <svg width="320" height="320"> <rect width="10" height="10" x="150" y="120" style="fill:rgb(0,0,255);stroke-width:1;strok 阅读全文

posted @ 2022-03-22 15:55 caicai2015 阅读(203) 评论(0) 推荐(0) 编辑

Three.js 创建一个场景(scene), 相机(camera), 以及一个渲染器(renderer)

摘要: Three.js使用面向对象的方式来构建程序,包含3个基本对象: 场景(scene), 相机(camera), 以及一个渲染器(renderer)。拿电影来类比的话,场景对应于整个布景空间,相机是拍摄镜头,渲染器用来把拍摄好的场景转换成胶卷(对于网页来讲,是电脑屏幕)。 场景和相机代表了3D观察空间 阅读全文

posted @ 2022-03-22 15:13 caicai2015 阅读(361) 评论(0) 推荐(0) 编辑

three.js 加载外部模型的几种方法及格式

摘要: 1.Threejs支持了许多格式的3D模型导入,包括*.obj、 *.sea、*.3mf 、*.amf、*.sea、*.pmd、*.json等。 2.three.js核心对象 Scene(场景) Camera(相机) Light(光源) Mesh(模型) Renderer(渲染器) 3.gltf模型 阅读全文

posted @ 2022-03-22 14:46 caicai2015 阅读(6488) 评论(0) 推荐(0) 编辑

导航