Fork me on GitHub
摘要: 一 后期处理 需要的文件 postprocessing/EffectCompser.js后期处理步骤 postprocessing/ShaderPass.js postprocessing/MashPass.js postprocessing/RenderPass.js添加渲染通道 shaders/ 阅读全文
posted @ 2022-03-06 21:43 zhang_yx 阅读(254) 评论(0) 推荐(0) 编辑
摘要: 光源类型: THREE.AmbientLight 基础光源 基本上使用这个光源的时候需要搭配其他的光源一块,目的是弱化阴影或者给场景添加一些额外的颜色 THREE.PointLight 电光源 没有阴影 从特定的一点向所有方向发射光线 THREE.SpotLight 聚光灯 有阴影 从特定的一点以锥 阅读全文
posted @ 2022-03-05 15:43 zhang_yx 阅读(695) 评论(0) 推荐(0) 编辑
摘要: 几何体:是三维空间的点集和将这些点连接起来的面 网格对象的属性和方法: position 相对坐标轴平移 cube.posiiton.x或者cube.position.set(x,y,z) rotation 旋转 cube.rotation.x或者cube.rotation.set(x,y,z) s 阅读全文
posted @ 2022-03-05 14:48 zhang_yx 阅读(379) 评论(0) 推荐(0) 编辑
摘要: THREE.Scene对象是所有不同对象的容器 基本api: var scene=new THREE.Scene() // 创建容器 scene.add(cube)//将cube添加到容器中 scene.remove(cube)//将cube从容器中删除 scene.children()//获取场景 阅读全文
posted @ 2022-03-05 14:41 zhang_yx 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 照相机: shadowCameraHelper = new THREE.CameraHelper(camera); scene.add(shadowCameraHelper) 灯光: lightHelper = new THREE.SpotLightHelper( spotLight,0x00000 阅读全文
posted @ 2022-03-03 15:59 zhang_yx 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 渲染器设置阴影: renderer.shadowMapEnabled = true; 光照产生阴影: spotLight.castShadow = true; 灯光不全是所有的灯光都会产生阴影,目前只有SpotLight(聚光灯) PointLight(电光源) 物体阴影: cube.castSha 阅读全文
posted @ 2022-03-03 15:57 zhang_yx 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 效果: 阅读全文
posted @ 2021-04-01 15:08 zhang_yx 阅读(204) 评论(2) 推荐(0) 编辑
摘要: 一、页面效果 使用three.js实现智慧城市 智慧园区 二、技术选择 中间的建筑相关的显示和效果都是threejs实现的 左右两侧用的是echarts 三、代码结构 1. 画布 用js自己创建一个放置画布的div container = document.createElement('div') 阅读全文
posted @ 2020-04-15 17:03 zhang_yx 阅读(6087) 评论(0) 推荐(0) 编辑
摘要: 1.两种框架相同和不用 相同: 虚拟DOM:在我们改变dom的时候,先是对比之前的虚拟dom和需要修改的地方,然后将虚拟dom进行修改,等虚拟dom修改完成之后,对照的把真实dom修改; 组件化:就是讲页面中每个功能区分为一个一个的组件,页面最后将这些组件整合在一起展示; props:父级向子级传送 阅读全文
posted @ 2019-08-02 15:02 zhang_yx 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 一、nodejs介绍 nodejs主要体现在事件机制和异步IO,nodejs是事件驱动的; nodejs作用:js的运行环境、操作文件、链接数据库; nodejs在执行js是单线程的,但不是nodejs是单线程的; 可以写一些小工具,聊天室,爬虫 检测node是否安装成功: 命令行-node -v 阅读全文
posted @ 2019-04-15 22:15 zhang_yx 阅读(844) 评论(0) 推荐(0) 编辑