草庐IT

TS-Threejs

全部标签

TS学习笔记

TypeScript1类型基础1.1原始数据类型boolean、string、number、void、null、undefined、Symbol、BigInt注意:1、null与undefined是所有类型的子集。2、由构造函数创建的对象本质是一个对象。如下代码便会报错。letcreatedByNewBoolean:boolean=newBoolean(1);//Type'Boolean'isnotassignabletotype'boolean'.//'boolean'isaprimitive,but'Boolean'isawrapperobject.Preferusing'boolean'

require() of ES modules is not supported.ts项目中添加js文件报错

MustuseimporttoloadESModule:E:\1-vue3\XXXXXXXXX\book-money.cz-config.jsrequire()ofESmodulesisnotsupported.require()ofE:\1-vue3\XXXXXXXXX\book-money.cz-config.jsfromE:\1-vue3XXXXXXXXX\book-money\node_modules\find-config\src\find-config.jsisanESmodulefileasitisa.jsfilewhosenearestparentpackage.jsoncon

【threejs】实现星空、星链、太阳系、线等效果的参考

前言星空其实就是粒子。星链是一组星星用线连接。如果要增加指向的箭头,则需要再加上箭头。一些入门的Threejs项目参考效果threejs实现3D星空效果没实际跑过,无完整项目代码,效果还可以。无星星材质图。Three.js的3D粒子动画:群星送福没实际跑过,有源码,有打碎重组的效果实现线ThreeJS中线的那些事详细的教程贴,线的实现。关于线的宽度修改:THREE.js(三):解决设置材质线条宽度(lineWidth)无效然而还没找到对星链的线条修改的方法==three.js实现太阳系vue2+有源码+有demo,demo地址但是在本地运行npmi失败不知道为啥贴图都比较全,有使用到group

搭建第一个threejs三维场景、认识什么是threejs的三要素

threejs中三要素是:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样东西,才能搭建一个三维场景,将物体渲染到网页中。一、场景在Threejs中场景就只有一种,用THREE.Scene来表示,要构件一个场景只需要new一个对象即可,代码:varscene=newTHREE.Scene();场景是所有物体的容器,如果要显示一个建筑物模型,就需要将建筑物模型对象加入场景中。1、属性children数组,用于存储添加到场景中的所有对象fog雾化,雾化效果的特点是场景中的物体离得越远就会变得越模糊,有三个参数:雾的颜色,最近距离,最远距离overrideMateri

Vue3通透教程【十三】TS简单类型详解

文章目录🌟写在前面🌟TS中的简单类型🌟写在最后🌟写在前面专栏介绍:凉哥作为Vue的忠实粉丝输出过大量的Vue文章,应粉丝要求开始更新Vue3的相关技术文章,Vue框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是Vue框架之所以火起来的原因,和Vue框架相比其他框架的巨大优势,有兴趣的伙伴可以看一下Vue框架背后的故事、尤大大对前端生态是这样看的,随着Vue框架不断的被认可,现如今的Vue框架已经是前端工程师必备的技能了,记得尤大大开发Vue的初衷,为了让自己的开发工作更加便捷,也希望这个框架能让更多人的开发工作变得轻松;现如今Vue框架做

【TypeScript】TS入门(一)

🐱个人主页:不叫猫先生🙋‍♂️作者简介:前端领域新星创作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀!💫系列专栏:vue3从入门到精通、TypeScript从入门到实践📢资料领取:前端进阶资料以及文中源码可以找我免费领取🔥前端学习交流:博主建立了一个前端交流群,汇集了各路大神,一起交流学习,期待你的加入!(文末有我wx或者私信)专栏介绍TypeScript从入门到实践专栏是博主在学习和工作过程中的总结,实用性非常强,内容会不断进行迭代精进,希望能够帮助大家,专栏主要有基础、进阶、实战,希望你能够持续学习,坚持下去。TS系列标题基础篇TS入门(一)基础篇TS类型声明(二

TS报错大全

TS报错大全1002错误Unterminatedstringliteral.未终止的字符串文本。1003错误Identifierexpected.应为标识符。1005错误‘{0}’expected.应为“{0}”。1006错误Afilecannothaveareferencetoitself.文件不能引用自身。1009错误Trailingcommanotallowed.不允许使用尾随逗号。1010错误‘/’expected.应为"/"。1012错误Unexpectedtoken.意外的标记。1014错误Arestparametermustbelastinaparameterlist.rest参

Vue3通透教程【十四】TS复杂类型详解(一)

文章目录🌟写在前面🌟对象类型🌟函数结构类型🌟数组类型🌟元组🌟枚举🌟类型别名🌟写在最后🌟写在前面专栏介绍:凉哥作为Vue的忠实粉丝输出过大量的Vue文章,应粉丝要求开始更新Vue3的相关技术文章,Vue框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是Vue框架之所以火起来的原因,和Vue框架相比其他框架的巨大优势,有兴趣的伙伴可以看一下Vue框架背后的故事、尤大大对前端生态是这样看的,随着Vue框架不断的被认可,现如今的Vue框架已经是前端工程师必备的技能了,记得尤大大开发Vue的初衷,为了让自己的开发工作更加便捷,也希望这个框架能让更多人

Threejs基础代码段(二)Tweenjs补间动画

一、Tweenjs是什么?    tween.js是一款可生成平滑动画效果的js动画库,只需要告诉tween你想修改什么值,以及动画结束时它的最终值是什么,动画花费多少时间等信息,tween引擎就可以计算从开始动画点到结束动画点之间值,来产生平滑的动画效果。二、Tweenjs方法补间功能方法start开启补间动画,newTWEEN.Tween().start(time),start方法接受一个参数time,如果加入参数,那么补间不会立即开始直到特定时刻才会开始stop关闭补间动画newTWEEN.Tween().stop(),关闭这个正在执行的补间动画repeat控制补间重复的次数newTWE

vue3 + vite + ts 集成mars3d

vue3+vite+ts集成mars3d文章目录vue3+vite+ts集成mars3d前言一、创建一个vue3+vite+ts项目二、引入mars3d相关依赖三、vite.config.ts相关配置四、新建DIV容器+创建地图前言使用mars3d过程中,需要集成mars3d到自己的项目中,mars3d开发教程中已经有集成好的项目模板http://mars3d.cn/doc.html项目模板gitte地址:https://gitee.com/marsgis/mars3d-vue-template/tree/master/mars3d-vue3-vite如果不想用官方的模板就需要自己集成一、创建