草庐IT

TS-Threejs

全部标签

vue3+ts+uniapp小程序端自定义日期选择器基于内置组件picker-view + 扩展组件 Popup 实现自定义日期选择及其他单列选择

vue3+ts基于内置组件picker-view+扩展组件Popup实现自定义日期选择及单列选择vue3+ts+uniapp小程序端自定义日期选择器1.先上效果图2.代码展示2.1组件2.2公共方法处理日期2.3使用组件(全局自动导入的情况)3.注意事项3.1`refSelectDialog`3.1`backgroundColor="#fff"`圆角问题(已优化)自我记录1.先上效果图直接上代码2.代码展示2.1组件src\components\hbcy-popup.vuescriptsetuplang="ts">importtype{Item,PopupType}from'@/types/a

用Threejs做一只会动的3D玉兔祝大家中秋快乐

前言    2022年中秋佳节即将来临,中秋节是我们国家的传统节日。在民间活动中,全国各地的老百姓通常会举行很隆重的活动来度过中秋节,通常比较见的就有赏灯、赏月、吃月饼、喝桂花酒、赏桂花等活动,而每年的中秋节都是天气比较凉爽的季节,人们刚刚经历了酷暑,转入梁秋。因而纷纷会选择走出户外,或与亲朋好友一起赏月,吃着月饼,甚至喝一壶桂花酒,不仅让彼此都放松了心情,同时增加了加强了家人的感情。坚守   不管在哪个行业,不管是什么原因,总有一些人不能跟家人在一起,可能是驻守边防的解放军军人,可能是在疫情中守卫人民健康的白衣天使,可能是我们身边城市的建设者-建筑工人,当然还有我们IT圈的兄弟姐们们,所有各

Threejs实现数字人绿幕视频背景透明播放,Shader绿幕视频抠像

个人主页: 左本Web3D,更多案例预览请点击==》 在线案例个人简介:专注Web3D使用ThreeJS实现3D效果技巧和学习案例💕💕积跬步以至千里,致敬每个爱学习的你。喜欢的话请三连,有问题请私信或者加微信        在数字人应用中,绿幕技术是一种常见的技术,也是实现数字人绿幕视频背景透明播放的基础。所谓绿幕,就是在录制数字人视频时,用绿色背景替代实景背景,并在后期制作中将这个绿色背景抠掉,留下数字人在实景背景下的视频,实现数字人的半透明化,或者将数字人放到任意背景中,从而实现很多炫酷的视觉效果。加入场景后原视频                绿幕视频背景抠像的过程,需要使用专门的图像处

ThreeJS——在3D地球上标记中国地图板块

Threejs3D地球标记中国地图位置先看效果地球预览视频效果用到的库TweenJS(动画库)用来做相机转场的动画Jquery(这里只用到一个each循环方法,可以使用js去写)ThreeJS(3D地球制作)100000.json(全国城市经纬度)d3.v6.js用来设置平面转3D效果(本来考虑做成3D的中国地图板块,最后因效果看起来比较美观还是考虑用线条嵌入球体的方式去实现,这里有小伙伴考虑制作3D的地图板块可以下载这个库)适用范围用于获取地图的位置以及到下一个目的地的总路程,可以将实际路程转成自己配置的路程,以及正在路上的标识,可以用头像表示,经过的地方可以嵌入链接点击进行跳转设置基础场景

java - 与 Procrun 一起安装的 Windows 服务在//TS 模式下工作,但不会作为 Windows 服务启动,提示它 "started and then stopped"

我通过运行以下命令安装了一个标准的可执行jar文件作为Windows服务:>prunsrv.exe//IS//"MyService"--Install="C:\path-to-prunsrv.exe"--Jvm=auto\--Startup=auto--StartMode=jvm--Classpath="C:\path-to-MyService.jar"\--StartClass=com.mydomain.MyService我现在可以通过运行以下命令在控制台模式下正常运行我的程序(我使用的是Java1.6):>prunsrv.exe//TS//"MyService"当我尝试通过标准Wi

【js&threeJS】入门three,并实现3D汽车展示厅,附带全码

首先放个最终效果图: 三维(3D)概念:三维(3D)是一个描述物体在三个空间坐标轴上的位置和形态的概念。相比于二维(2D)只有长度和宽度的平面,三维增加了高度或深度这一维度在三维空间中,我们使用三个独立的坐标轴来描述物体的位置。通常使用笛卡尔坐标系,即X、Y和Z轴。其中,X轴表示横向,Y轴表示纵向,Z轴表示纵深或垂直方向。通过在这些轴上的不同值组合,可以确定一个点或对象在三维空间中的位置大家可以three编辑器中感受一下三维:three.jseditorps:默认英文,可以切换中文语言three前提概念以舞台展示为例:场景 Sence 相当于一个舞台,在这里是布置场景物品和表演者表演的地方相机

【中介者设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介中介者模式(MediatorPattern)是一种行为型模式。它限制对象之间的直接交互,它用一个中介对象来封装一系列的动作,以让对象之间进行交流。中介者使各个对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。当一些对象和其他对象紧密耦合以致难以对其进行修改时,或当组件因过于依赖其他组件而无法在不同应用中复用时,可使用中介者模式。 作用用来降低多个对象和类之间的通信复杂性。对象之间不再显式地相互引用,但可以独立地改变它们之间的交互,从而保持松耦合。 实现步骤定义一个工具接口,供不同工具类来实现。建立多个具体工具类实现基础工具接口。定义一个基础抽象类,里面聚合了工具

TS2322错误解决方案

废话之前写C#,所以使用强类型的语言比较习惯,用js觉得有些自由散漫了,所以学习学习ts,结果感觉ts也有好多坑,好多限制,但是又不想使用@ts-ingore。多少有点强迫症吧从网上找了好久都没找到方法。以下方法不一定是主流或正确的做法,只是在webstorm中不会再提示错误了,可以正常编译成js代码和运行。仅供参考提示错误的代码定义一个接口,用来表示自己的类型exportinterfaceOptions{key1:number;key2:boolean;key3?:string}定义两个Options类型的变量letoptions1:Options={key1:0,key2:falsekey

已安装xxx模块,但报错无法找到模块“xxx”的声明文件(TS)

问题描述在一个vue3+TS项目中,引入md5时,报错误importmd5from"js-md5";已声明“md5”,但从未读取其值。ts(6133)无法找到模块“js-md5”的声明文件。“D:/Desktop/vue3_online-retailers/project/node_modules/js-md5/src/md5.js”隐式拥有“any”类型。尝试使用npmi--save-dev@types/js-md5(如果存在),或者添加一个包含declaremodule'js-md5';的新声明(.d.ts)文件ts(7016)解决方法在src目录下新建文件legacy.d.ts文件内容写

uniapp vue3中使用threejs渲染3D模型

前言:因为公司需求,需要在App中内嵌一个3D模型.在市场上看了一下情况,大部分都是vue2的,并没有vue3的版本...现在vue3也不是个新东西了.后期模型会放入App内.下面写法并不支持App(已解决在App中渲染,关注我可见),支持h5template:45622222js:import*asTHREEfrom'three'//引入轨道控制器(用来通过鼠标事件控制模型旋转、缩放、移动)import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{GLTFLoader}from'three/ex