草庐IT

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

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

疫情可视化part3

前言此系列已完结,共3部分:part1:https://www.cnblogs.com/xi12/p/16690119.htmlpart2:https://www.cnblogs.com/xi12/p/16864419.htmlpart3:https://www.cnblogs.com/xi12/p/16945416.html之前在part2中说的添加自定义主题配色已经开发完成了,除此之外我还添加了一些的3d特效。成果链接浏览链接:http://xisite.top/original/covid19-visualization/index.html#/项目链接:https://gitee.co

记录--uniapp微信小程序引入threeJs并导入模型

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言我的需求是使用uniapp写微信小程序,在小程序中使用threeJs就行了,目前暂不考虑兼容app什么的。1.引入小程序版的threejs库实现2.使用webview实现(推荐)重点我的建议是使用这个库https://github.com/deepkolos/three-platformize为什么?我试了uniapp推荐的和threejs-miniprogram这个小程序官方库,都加载不出来我的obj模型。所有我推荐不要用obj模型最好,挺多都支持GLTF模型的,但是我不能改。使用three-platformize加载obj模型

疫情可视化part3

前言此系列已完结,共3部分:part1:https://www.cnblogs.com/xi12/p/16690119.htmlpart2:https://www.cnblogs.com/xi12/p/16864419.htmlpart3:https://www.cnblogs.com/xi12/p/16945416.html之前在part2中说的添加自定义主题配色已经开发完成了,除此之外我还添加了一些的3d特效。成果链接浏览链接:http://xisite.top/original/covid19-visualization/index.html#/项目链接:https://gitee.co

记录--uniapp微信小程序引入threeJs并导入模型

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言我的需求是使用uniapp写微信小程序,在小程序中使用threeJs就行了,目前暂不考虑兼容app什么的。1.引入小程序版的threejs库实现2.使用webview实现(推荐)重点我的建议是使用这个库https://github.com/deepkolos/three-platformize为什么?我试了uniapp推荐的和threejs-miniprogram这个小程序官方库,都加载不出来我的obj模型。所有我推荐不要用obj模型最好,挺多都支持GLTF模型的,但是我不能改。使用three-platformize加载obj模型

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智慧光伏、光伏发电、清洁能源三维可视化解决方案——第十六课

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