设计

Blender 材质节点学习笔记

快捷键 CTRL + B 框选需要渲染的画面范围(仅CYCLES) CTRL + ALT + B 清除渲染视口的框选范围 SHIFT + S 可将一个节点切换为另一个类型的节点 着色器 光泽BSDF 参考 P04 漫射BSDF 参考 P04 混合着色器 参考 P05 相加着色器 参考 P05 透明BSDF 参考 P06 阻隔 参考 P06 可实现透明背景,需在渲染设置中的胶片中启用“透明”(仅Cy…

设计

Blender 材质基础

计算机渲染类型 非真实渲染 NPR 不基于物理规则的,艺术化风格。如卡通、油画、像素化等。 基于物理的渲染 PBR Physically Based Rendering,用于表现写实的材质,使用多张不同功能的图片叠加一起进行计算。 PBR的两种工作流程 Metal / Roughness 金属/粗糙度工作流程(常用) Base Color,Roughness,Metallic作为基础纹理,同时也支…

前端技术, 开发

Shader 学习笔记

在 Three.js 中提供了两种类型的 Shader 对象 着色器中同样也可以使用材质对象中的属性,如 wirefreme, side, transparent, flagShading 等。但 map, alphaMap, opacity, color 等属性将失效。 基础用法 GLSL 语法 1、不能使用 console.log 进行打印 2、每句代码的末尾必须使用分号断开,一行可以写多句代…

前端技术, 开发

PIXI.js 学习笔记

安装 基础概念 基本使用 坐标 在 PIXI.js 中的坐标同 html 坐标一致,原点从页面左上方开始 图形 Graphics 将基本形状(如线条,圆形,矩形等)渲染到显示器,并为他们添加样式。页可以使用 Graphics 对象构建图形。 PIXI.js 官方文档:Graphics Bilibili 视频教程:02-Pixi图形Graphics具体应用 常用图形类型 属性与方法 文字 Text …

设计

工作常用网站

素材 图片、视频 音频 3D 资源 工具 在线生成clipPath https://bennettfeely.com/clippy/ 参考 杂志 https://www.dezeen.com/ https://designboom.com/ 网站与UI 平面 动画

AI, 设计

MidJourney 学习笔记

指令 设置 /setting –ar –chaos –weird –tile –stylize –style raw 照片感 Vary(subtle) Vary(strong) Remix /blend /describe –seed https://www.bilibili.com/video/BV1NV411j…

前端技术, 开发

JS 自定义深拷贝函数

在对数组或对象数据进行复制时,在编辑复制的数据时,使用深拷贝方法原有的数据不会受到影响。 以下代码可用于数组或对象的数据类型

前端技术

Axios 学习笔记

Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。它是一个流行的 JavaScript 库,用于在客户端与服务器之间进行 HTTP 请求和响应。

前端技术

Redux 学习笔记

概述 https://www.bilibili.com/video/BV11r4y1n7Sj?p=1 Redux 是 JavaScript 应用的状态容器,提供可预测的状态管理。 使用场景 功能特点 为什么 React 要使用 Redux React 是 DOM 的一个抽象层(UI 库),并不是 Web 应用的完整解决方案,因此 React 在涉及到数据的处理以及组件之间的通信时比较复杂。对于大型…

开发

WordPress 提升安全性(持续更新)

文件安全 if ( ! defined( ‘ABSPATH’ ) ) if ( ! defined( ‘ABSPATH’ ) ) 用来阻止公共用户通过 URL 直接访问 .php 文件来触发文件中的代码。因为如果您的文件包含一些I/O操作,它最终可能(由攻击者)触发,这可能会导致意外行为。 if( ! defined( ‘ABSPATH’ ) ) exit; // 直接通过 URL 访问该文件则退…

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号