- 博客(35)
- 收藏
- 关注
原创 three.js
完成以上操作,边可以在页面上渲染一个基础的立方体,可以通过一下操作进一步完善。// a:相机可视垂直角度;b:相机可视长宽比;2.获取canvas画布,并将其加入到body中。为了更好的观察,我们可以添加一个世界坐标辅助器。几何体 + 材质 -> 物体。监听窗口变化,做出响应的操作。相机的位置就相当于人是视角。// 设置渲染器的大小。
2023-08-11 09:16:55
276
原创 使用Three.js制作一个旋转多面体
其中canvas用于添加渲染好的元素,本篇文章通过CDN形式引入three.js,另外一个js则是我们自己编写的代码。之前一直对three.js比较好奇,但是一直没有着手学习。具体操作,在代码的注释中我都有写,就不在赘述了。以下就是完整的js代码。今日寄语:种一棵树最好的时间是十年前,其次是现在!),觉得挺有意思,就跟着敲了一下。
2023-08-09 15:45:37
514
原创 JavaScript中的defineProperty
通过defineProperty可以给对对象设置属性。target:目标对象。name:绑定的属性值。
2023-07-20 10:54:36
215
原创 arcgis for JavaScript入门篇
ArcGIS for JavaScript是一种基于Web的地图开发解决方案,由ESRI公司开发。它允许开发人员在Web应用程序中嵌入交互式地图,并使用JavaScript编写地图应用程序。ArcGIS for JavaScript提供了许多功能强大的API和工具,使开发人员能够创建高度定制的地图应用程序。它支持各种地图数据源,包括ESRI的ArcGIS Online服务、第三方地图服务、以及开发人员自己的数据。
2023-07-10 23:28:03
2495
原创 css边框流动效果
好看的皮囊千篇一律,有趣的css百里挑一”。分享一个今天刷到的css制作动画的demo。今日寄语:且听且行且随风,且行且看且从容!html部分只需要定义一个盒子。
2023-05-17 00:13:13
835
原创 css的5种定位
设置方式为静态定位的盒子是标准流状态,用于取消定位。静态定位的盒子处于网页的最底层,并且top、left、bottom、right属性都不起作用。
2023-05-07 22:21:01
200
原创 响应式布局 —— 媒体查询
1.视口响应式网页设计是采用CSS的媒体查询技术,将三种已有的开发技巧,包括弹性网格布局、弹性图片、媒体和媒体查询整合在一起,命名为响应式网页设计
2023-04-26 00:53:14
786
原创 vue+photo-sphere-viewer.js 渲染全景图片
photo-sphere-viewer.js是一个基于three.js的全景插件。只需要提供一张全景图,便可以带你进入沉浸式体验。
2023-04-24 08:54:13
879
原创 使用css画一个三角形
css绘制三角形的方法:首先需要创建一个div元素,设置div的宽高(width/height)为0,只用边框的宽来填充,边框的样式为实线 “solid”;例如:想要一个朝上的三角形,那么除了底部的border,其余都为透明。想要其他的三角形也是一样的操作,这里就不进行演示了。来日方长,何惧车遥马慢!
2023-04-11 15:06:35
153
原创 有趣的css,用css实现镜面( -webkit-box-reflect)
本篇文章提到了-webkit-box-reflect制作镜面的几个简单操作。
2023-04-05 17:15:22
1409
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人