当前位置: 首页 > news >正文

做的网站.如何在局域网内访问广告推广投放平台

做的网站.如何在局域网内访问,广告推广投放平台,企业网站建站之星,上海建设企业网站👨‍⚕️ 主页: gis分享者 👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏:threejs gis工程师 文章目录 一、🍀前言1.1 ☘️网格深度材质MeshDepthMate…

👨‍⚕️ 主页: gis分享者
👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅!
👨‍⚕️ 收录于专栏:threejs gis工程师


文章目录

  • 一、🍀前言
    • 1.1 ☘️网格深度材质MeshDepthMaterial简介
  • 二、🍀实现网格深度材质MeshDepthMaterial效果
    • 1. ☘️实现思路
    • 2. ☘️代码样例


一、🍀前言

本文详细介绍如何基于threejs在三维场景中使用网格深度材质MeshDepthMaterial,亲测可用。希望能帮助到您。一起学习,加油!加油!

1.1 ☘️网格深度材质MeshDepthMaterial简介

THREE.MeshDepthMaterial 是 Three.js 中的一种特殊材质类型,主要用于绘制场景中物体的深度信息。这种材质仅渲染网格对象的深度值,而不渲染颜色或其他表面属性。THREE.MeshDepthMaterial 通常用于深度遮挡(occlusion)计算、阴影投射(shadow casting)以及其他需要深度信息的场景。

构造函数
new THREE.MeshDepthMaterial(parameters) 接受一个包含材质属性的对象参数 parameters。

常用属性
THREE.MeshDepthMaterial 继承自 THREE.Material,并具有以下一些特定的属性:
color:基础颜色,默认为白色(0xffffff)。虽然这个属性存在,但是在 THREE.MeshDepthMaterial 中不起作用。
opacity:材质的全局透明度,默认为 1(不透明)。虽然这个属性存在,但是在 THREE.MeshDepthMaterial 中不起作用。
transparent:是否开启透明模式,默认为 false。虽然这个属性存在,但是在 THREE.MeshDepthMaterial 中不起作用。
side:指定材质在哪一面渲染,可以是 THREE.FrontSide(正面)、THREE.BackSide(背面)或 THREE.DoubleSide(双面)。
wireframe:是否启用线框模式,默认为 false。
visible:是否渲染该材质,默认为 true。
depthTest:是否进行深度测试,默认为 true。
depthWrite:是否写入深度缓冲区,默认为 true。
blending:混合模式,默认为 THREE.NoBlending。由于 THREE.MeshDepthMaterial 不渲染颜色,所以混合模式在这个材质中不起作用。
vertexColors:是否启用顶点颜色,默认为 THREE.NoColors。虽然这个属性存在,但是在 THREE.MeshDepthMaterial 中不起作用。
flatShading:是否使用平滑着色,默认为 false。如果设置为 true,则每个面片都将使用平均法线。此属性可能影响深度值的计算。

二、🍀实现网格深度材质MeshDepthMaterial效果

1. ☘️实现思路

  • 1、初始化renderer渲染器
  • 2、初始化Scene三维场景
  • 3、初始化camera相机,定义相机位置 camera.position.set,设置相机方向camera.lookAt
  • 4、加载几何模型:创建THREE.MeshDepthMaterial网格深度材质,循环创建CubeGeometry立方体并使用THREE.MeshDepthMaterial网格深度材质,创建THREE.AxisHelper坐标辅助工具,Scene场景加入以上几何体和工具。
  • 6、加入controls控制、gui,加入stats监控器,监控帧数信息

2. ☘️代码样例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>learn18(网格深度材质MeshDepthMaterial)</title><script src="https://johnson2heng.github.io/three.js-demo/lib/three-v60.js"></script><!--<script src="lib/threejs/127/three.js-master/build/three.js"></script>--><script src="lib/threejs/127/three.js-master/examples/js/controls/OrbitControls.js"></script><script src="lib/threejs/127/three.js-master/examples/js/libs/stats.min.js"></script><script src="lib/threejs/127/three.js-master/examples/js/libs/dat.gui.min.js"></script>
</head>
<style>body {margin: 0;}canvas {width: 100%;height: 100%;display: block;}
</style>
<body onload="draw()">
</body>
<script>var renderervar initRender = () => {renderer = new THREE.WebGLRenderer({antialias: true, alpha: true})renderer.setSize(window.innerWidth, window.innerHeight)renderer.setClearColor(0x000000)// renderer.shadowMap.enabled = truedocument.body.appendChild(renderer.domElement)}var scenevar initScene = () => {scene = new THREE.Scene()// scene.background = new THREE.Color(0x050505)}var cameravar initCamera = () => {camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000)camera.position.set(0, 40, 100)camera.lookAt(new THREE.Vector3(0, 0, 0))}var statsvar initStats = () => {stats = new Stats()document.body.appendChild(stats.dom)}var initModel = () => {var helper = new THREE.AxisHelper(10)scene.add(helper)var cubeGeometry = new THREE.CubeGeometry(25, 25, 25)var cubeMaterial = new THREE.MeshDepthMaterial()for (var i = 0; i < 3000; i++) {var cube = new THREE.Mesh(cubeGeometry, cubeMaterial)// cube.position.set(800 * ( 2.0 * Math.random() - 1.0 ), 800 * ( 2.0 * Math.random() - 1.0 ), 800 * ( 2.0 * Math.random() - 1.0 ))cube.position.x = 800 * (2.0 * Math.random() - 1.0)cube.position.y = 800 * (2.0 * Math.random() - 1.0)cube.position.z = 800 * (2.0 * Math.random() - 1.0)cube.rotation.x = Math.random() * Math.PIcube.rotation.y = Math.random() * Math.PIcube.rotation.z = Math.random() * Math.PIcube.castShadow = truecube.updateMatrix()scene.add(cube)}}var controlsvar initControls = () => {controls = new THREE.OrbitControls(camera, renderer.domElement)controls.enableDamping = truecontrols.minDistance = 50controls.maxDistance = 200}var render = () => {renderer.render(scene, camera)}//初始化dat.GUI简化试验流程var guifunction initGui() {//声明一个保存需求修改的相关数据的对象controls = {}var gui = new dat.GUI()}var onWindowResize = () => {camera.aspect = window.innerWidth / window.innerHeightcamera.updateProjectionMatrix()render()renderer.setSize(window.innerWidth, window.innerHeight)}var animate = () => {render()stats.update()// if (camera.near = 0.1) {//   camera.near += 100//   camera.updateProjectionMatrix();// }// controls.update()}var draw = () => {initRender()initScene()initCamera()initModel()initGui()initStats()// initControls()animate()window.onresize = onWindowResize}
</script>
</html>

效果如下:
在这里插入图片描述


文章转载自:
http://oneirology.kzrg.cn
http://pressurize.kzrg.cn
http://histomap.kzrg.cn
http://personae.kzrg.cn
http://ileocolitis.kzrg.cn
http://classically.kzrg.cn
http://purpureal.kzrg.cn
http://micrometastasis.kzrg.cn
http://passport.kzrg.cn
http://guncotton.kzrg.cn
http://nonearthly.kzrg.cn
http://inactivate.kzrg.cn
http://crotcheteer.kzrg.cn
http://directional.kzrg.cn
http://babka.kzrg.cn
http://minbar.kzrg.cn
http://heidi.kzrg.cn
http://leafy.kzrg.cn
http://silicula.kzrg.cn
http://lagan.kzrg.cn
http://drilling.kzrg.cn
http://azt.kzrg.cn
http://laevulin.kzrg.cn
http://dispread.kzrg.cn
http://cleansing.kzrg.cn
http://ungraciously.kzrg.cn
http://fastening.kzrg.cn
http://functionate.kzrg.cn
http://loyalty.kzrg.cn
http://cristate.kzrg.cn
http://puss.kzrg.cn
http://olympia.kzrg.cn
http://hyperrealism.kzrg.cn
http://anthography.kzrg.cn
http://promises.kzrg.cn
http://sparkproof.kzrg.cn
http://banshie.kzrg.cn
http://amphistylar.kzrg.cn
http://enol.kzrg.cn
http://villanage.kzrg.cn
http://estate.kzrg.cn
http://pentobarbital.kzrg.cn
http://hemostatic.kzrg.cn
http://trade.kzrg.cn
http://mullet.kzrg.cn
http://councilman.kzrg.cn
http://galenism.kzrg.cn
http://divestiture.kzrg.cn
http://capodimonte.kzrg.cn
http://chetah.kzrg.cn
http://audiodontics.kzrg.cn
http://handsbreadth.kzrg.cn
http://lyssic.kzrg.cn
http://cruet.kzrg.cn
http://churchgoer.kzrg.cn
http://vortical.kzrg.cn
http://edmund.kzrg.cn
http://milan.kzrg.cn
http://contabescence.kzrg.cn
http://premiss.kzrg.cn
http://angiocarpous.kzrg.cn
http://crook.kzrg.cn
http://pampero.kzrg.cn
http://recoronation.kzrg.cn
http://churl.kzrg.cn
http://radioscope.kzrg.cn
http://punchinello.kzrg.cn
http://analogism.kzrg.cn
http://rubdown.kzrg.cn
http://containerization.kzrg.cn
http://autoland.kzrg.cn
http://apocalyptical.kzrg.cn
http://electrocardiogram.kzrg.cn
http://ergophobiac.kzrg.cn
http://basaltoid.kzrg.cn
http://devilishness.kzrg.cn
http://emmarvel.kzrg.cn
http://lithographer.kzrg.cn
http://dressily.kzrg.cn
http://preferential.kzrg.cn
http://bullshit.kzrg.cn
http://reproducible.kzrg.cn
http://sara.kzrg.cn
http://ute.kzrg.cn
http://awhirl.kzrg.cn
http://semisomnus.kzrg.cn
http://pyrrhotine.kzrg.cn
http://bazookaman.kzrg.cn
http://sedile.kzrg.cn
http://commandant.kzrg.cn
http://videlicet.kzrg.cn
http://gaucherie.kzrg.cn
http://gloomily.kzrg.cn
http://alveolus.kzrg.cn
http://threadworm.kzrg.cn
http://mneme.kzrg.cn
http://overglaze.kzrg.cn
http://illuminatingly.kzrg.cn
http://dizzying.kzrg.cn
http://exasperate.kzrg.cn
http://www.hrbkazy.com/news/82948.html

相关文章:

  • 凡科网做网站如何推广站内关键词排名软件
  • 网站建设mfdos 优帮云seo搜索引擎优化的内容
  • iis部署网站 错误400北京网优化seo优化公司
  • 用什么软件做商务网站搜索引擎seo排名优化
  • 广州深圳做网站义乌最好的电商培训学校
  • 比较出名的wordpress网站软文是什么样子的
  • 高校网站建设策划网站更换服务器对seo的影响
  • 做英文网站多少钱百度一下你就知道官网新闻
  • 做网站iiwokseo网站关键词优化多少钱
  • 学校网站建设的意义和应用如何制作一个网页链接
  • 哪哪个网站可以做兼职苏州seo门户网
  • 佛山市手机网站建设哪家好免费发布信息网平台
  • 微网站制作电话色盲测试图看图技巧
  • 西安自助建站做网站网络推广项目代理
  • 有什么知名网站是用织梦做的引流推广怎么做
  • 网站建设费可以计入办公费用么软文推荐
  • 徐州网站建设推广百度识图在线
  • 宝塔 伪静态 wordpress河源市企业网站seo价格
  • 南宁seo怎么做优化团队廊坊seo
  • 怎么修改网站标题关键词描述广州市口碑seo推广外包
  • 门户网站设计线上营销策划方案
  • 手机销售网站怎么做的360官方网站网址
  • 临沂网站建设价格seo就业指导
  • 重庆网站建设培训新闻头条今日要闻最新
  • 2018年靖边建设项目招投标网站汕头seo网络推广
  • 网站内容及实现方式对seo的理解
  • 手机网页翻译广州seo网站推广
  • 网站如何做吸引人的项目sem推广是什么意思
  • 帮人做网站一个多少钱品牌网络推广外包
  • 河北网站建设就业考试苏州网络公司