草庐IT

three-tier

全部标签

Three.js 打造缤纷夏日3D梦中情岛 🌊

声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。背景深居内陆的人们,大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑;或是在海上冲浪游泳;或是在海岛游玩探险;亦或静待日出日落……本文使用React+Three.js技术栈,实现3D海洋和岛屿,主要包含知识点包括:ToneMapping、Water类、Sky类、Shader着色、ShaderMaterial着色器材质、Raycaster检测遮挡以及Three.js的其他基础知识,让我们在这个夏天通过此页面共赴大海之约。效果?本页面仅适配PC端,大屏访问效果更佳。?‍?在线预览

CF1709A Three Doors 题解

题目大意有\(3\)个门,有两个门后面会有一个钥匙,你现在手中有一把钥匙,问你能不能打开所有的门。题目分析我们可以一步一步推导,既然给了我们一把钥匙编号为\(x\),也就是可以打开编号为\(x\)的门,我们用\(a_x\)表示这扇门后面钥匙的编号,将可以打开的门标记起来,然后产生分类讨论:如果是\(a_x\)等于\(0\)的话,就没有钥匙,不用标记,直接输出NO。如果\(a_x\)不等于\(0\)的话,就说明可以打开下一个门,用\(f\)数组标记,然后可以继续讨论,不过讨论时变成了判断\(a_{a_x}\),以此类推。但是到达最后一次的时候,不管\(a_{a_{a_x}}\)是否等于\(0\)

Vue(V 3.2.37)使用Three.js(V 0.145.0)加载3D模型的详细步骤

Vue(V3.2.37)使用Three.js(V0.145.0)加载3D模型的详细步骤1、安装three命令:pnpminstallthree引入three和加载器import*asTHREEfrom'three'import{OBJLoader}from'three/examples/jsm/loaders/OBJLoader'import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader'其他的场景,相机,灯光等一系列步骤这里就省略了2、模型文件放置路径文件有两种放置方式,这两个方式亲测可行(使用其中一种即可)1、在根目录新建文件夹

CF1709A Three Doors 题解

题目大意有\(3\)个门,有两个门后面会有一个钥匙,你现在手中有一把钥匙,问你能不能打开所有的门。题目分析我们可以一步一步推导,既然给了我们一把钥匙编号为\(x\),也就是可以打开编号为\(x\)的门,我们用\(a_x\)表示这扇门后面钥匙的编号,将可以打开的门标记起来,然后产生分类讨论:如果是\(a_x\)等于\(0\)的话,就没有钥匙,不用标记,直接输出NO。如果\(a_x\)不等于\(0\)的话,就说明可以打开下一个门,用\(f\)数组标记,然后可以继续讨论,不过讨论时变成了判断\(a_{a_x}\),以此类推。但是到达最后一次的时候,不管\(a_{a_{a_x}}\)是否等于\(0\)

Vue(V 3.2.37)使用Three.js(V 0.145.0)加载3D模型的详细步骤

Vue(V3.2.37)使用Three.js(V0.145.0)加载3D模型的详细步骤1、安装three命令:pnpminstallthree引入three和加载器import*asTHREEfrom'three'import{OBJLoader}from'three/examples/jsm/loaders/OBJLoader'import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader'其他的场景,相机,灯光等一系列步骤这里就省略了2、模型文件放置路径文件有两种放置方式,这两个方式亲测可行(使用其中一种即可)1、在根目录新建文件夹

webgl(three.js)3D光伏,3D太阳能能源,3D智慧光伏、光伏发电、清洁能源三维可视化解决方案——第十六课

序:  能源是文明和发展的重要保障,人类命运不可避开的话题,无论是战争还是发展,都有它存在的身影。从石器时代到现代文明,人类的能源应用在进步,也在面临能源枯竭的危机与恐惧,而开发与应用可再生能源才是解决这一难题的主要途径。中国在这一方面,一直走着实事求是,可持续发展的道路,追求新能源的开发与创新是每一个能源企业的使命。  太阳能能发电应运而生,这是一种清洁有效并且可持续的优质能源,这一能源即解决了能源短缺、持续供应等问题,还保障了环境卫生。中国政府出台了大量鼓励和支持光伏产业的政策法规。企业补贴,碳中和都使得光伏产业在中国发展迅猛,能源结构占比,在人类生产生活中占有比例也是越来越大,光伏产业的

webgl(three.js)3D光伏,3D太阳能能源,3D智慧光伏、光伏发电、清洁能源三维可视化解决方案——第十六课

序:  能源是文明和发展的重要保障,人类命运不可避开的话题,无论是战争还是发展,都有它存在的身影。从石器时代到现代文明,人类的能源应用在进步,也在面临能源枯竭的危机与恐惧,而开发与应用可再生能源才是解决这一难题的主要途径。中国在这一方面,一直走着实事求是,可持续发展的道路,追求新能源的开发与创新是每一个能源企业的使命。  太阳能能发电应运而生,这是一种清洁有效并且可持续的优质能源,这一能源即解决了能源短缺、持续供应等问题,还保障了环境卫生。中国政府出台了大量鼓励和支持光伏产业的政策法规。企业补贴,碳中和都使得光伏产业在中国发展迅猛,能源结构占比,在人类生产生活中占有比例也是越来越大,光伏产业的

Three.js 进阶之旅:新春特典-Rabbit craft go 🐇

声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要兔年到了,祝大家身体健康,万事顺利。本文内容作为兔年新春纪念页面,将使用Three.js及其他前端开发知识,创建一个以兔子为主题的3D简单的趣味页面Rabbitcraftgo。本文内容包括使用纯代码创建三维浮岛、小河、树木、兔子、胡萝卜以及兔子的运动交互、浮岛的动画效果等。本文包含的知识点相对比较简单,主要包括使用Three.js网格立方体搭建三维卡通场景、键盘事件的监听与三维场景动画的结合等,如果仔细阅读并实践过本专栏《Three.js进阶之旅》的话,非常容易掌握。?兔子

Three.js 进阶之旅:新春特典-Rabbit craft go 🐇

声明:本文涉及图文和模型素材仅用于个人学习、研究和欣赏,请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要兔年到了,祝大家身体健康,万事顺利。本文内容作为兔年新春纪念页面,将使用Three.js及其他前端开发知识,创建一个以兔子为主题的3D简单的趣味页面Rabbitcraftgo。本文内容包括使用纯代码创建三维浮岛、小河、树木、兔子、胡萝卜以及兔子的运动交互、浮岛的动画效果等。本文包含的知识点相对比较简单,主要包括使用Three.js网格立方体搭建三维卡通场景、键盘事件的监听与三维场景动画的结合等,如果仔细阅读并实践过本专栏《Three.js进阶之旅》的话,非常容易掌握。?兔子

如何用webgl(three.js)搭建一个3D库房,3D仓库3D码头,3D集装箱,车辆定位,叉车定位可视化孪生系统——第十五课

序  又是快两个月没写随笔了,长时间不总结项目,不锻炼文笔,一开篇,多少都会有些生疏,不知道如何开篇,如何写下去。有点江郎才尽,黔驴技穷的感觉。  写随笔,通常三步走,第一步,搭建框架,先把你要写的内容框架搭建出来;第二步,添砖,在框架基础上,填写各部分内容;第三步,加瓦,再写好的内容上进行修改,润湿。然后文章的质量,就因人而异了。但不管怎么说,得写,得练,得经受的起各路能人志士的批评指教,至于改不改,那也是写文章的人的事了(通常我是认真接受批评指教的)。  你看,写道这里,我又不知道再序些啥了,索性就这样吧。  闲话少序,切入正题前言  前面的课程有讲解过库房相关的,但都是密集架库房,档案室