We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.
文档
备案
控制台
登录
立即注册
首页
文章
问答
视频
活动
下载资源
开发者计划
团队号
镜像站
发布
德育处主任
文章
专栏
问答
德育处主任
p5.js 3D模型(model)入门指南
技术
JavaScript
点赞 + 关注 + 收藏 = 学会了在 p5.js 中,是专门用来绘制 3D 模型的 "画笔"。它的作用很简单:把一个提前准备好的 3D 几何对象()画到画布上。但有个关键前提:必须在 WebGL 模式下使用。因为 3D 绘图需要 WebGL 的 3D 渲染能力,普通 2D 画布(默认模式)不支持!的参数必须是类型 —— 你可以把它理解为 "3D 模型的数字描述"(包含顶点、面、颜色等信息)。怎么
3
0
0
0
德育处主任
『React』 组件通信全攻略
技术
React
点赞 + 关注 + 收藏 = 学会了在 React 中,组件间通信是开发中最常见的场景之一。尤其是父组件和子组件之间,如何传值、如何响应事件,是理解组件化开发的第一步。本文从零讲起,逐个讲解 React 中的通信方式,包括:props 传递基本数据类型:这是最基本的通信方式,父组件通过 props 向子组件传递数据props 传递 JSX 元素:父组件可以将 JSX 元素作为 props 传递给子
2
0
0
0
德育处主任
『OpenCV-Python』配合 Matplotlib 显示图像
技术
Python
点赞 + 关注 + 收藏 = 学会了对于刚接触 opencv 的工友来说,能快速看到图像处理的效果是很重要的。OpenCV 内置了图像预览方法,我在之前的文章里已经介绍过。而在 Python 生态里,有一个更厉害的图像显示工具 —— MatplotlibOpenCV:这是一个专门用于图像处理和计算机视觉的开源库,它能方便地读取、处理各种图像。Matplotlib:这是 Python 的一个绘图库,
2
0
0
0
德育处主任
p5.js 三角形triangle的用法
技术
JavaScript
点赞 + 关注 + 收藏 = 学会了 如果你刚接触 p5.js,想画一个三角形,那 这个 API 就是你的好帮手! 是 p5.js 里专门用来画三角形的函数。只要你告诉它三个点的位置,它就能自动把这三个点连起来,形成一个三角形。画三角形的语法超级简单:这里的 6 个参数其实是三个点的坐标::第一个点的位置:第二个点的位置:第三个点的位置注意:p5.js 的坐标系里,左上角是原点 ,向右 x 变大
5
0
0
0
德育处主任
p5.js 矩形rect绘制教程
技术
JavaScript
点赞 + 关注 + 收藏 = 学会了用 p5.js 绘制矩形有个很方便的方法:。这个简单的函数能帮我们画出普通矩形、圆角矩形,甚至在 3D 模式下调整细节。不过我们先从最基础的开始,一步步学会用它。 是 p5.js 里专门用来画矩形的函数。你可以用它画:四个角都是直角的普通矩形(比如书本、手机屏幕)四个角有弧度的圆角矩形(比如按钮、卡片)甚至在 3D 模式下画有分段细节的矩形(新手先不用管这个,后
4
0
0
0
德育处主任
p5.js 从零开始创建 3D 模型,createModel入门指南
技术
JavaScript
点赞 + 关注 + 收藏 = 学会了如果你已经开始探索 p5.js 的 3D 世界,那么这个 API 绝对是你需要掌握的强大工具。它允许你创建自定义的 3D 几何模型,为你的创意提供无限可能。 用于从一个 OBJ 或 STL 格式的 字符串 中加载 3D 模型,并返回一个 对象。它适用于已经以文本形式(例如通过 读取文件后拼接的字符串)拿到模型数据的场景。为什么要用 ?当你想在运行时动态获取模
5
0
0
0
德育处主任
p5.js 线段的用法
技术
JavaScript
线段是最基础的图形元素,就像画画时的 “线条”—— 用它可以勾勒轮廓、连接形状,甚至组合出复杂的图案。p5.js 的 函数能轻松画出线段,语法比原生 Canvas 要好理解多了。 是 p5.js 中用于绘制线段的函数,作用就像用直尺在两点之间画一条直线。它是最基础的绘图工具之一,也是组合复杂图形的 “积木”—— 比如画正方形需要 4 条线段,画三角形需要 3 条线段。在 2D 模式下, 只需要
2
0
0
0
德育处主任
p5.js 椭圆的用法:从基础到创意应用
技术
前端框架
点赞 + 关注 + 收藏 = 学会了 椭圆是圆形的 "灵活亲戚"—— 它可以是胖的、瘦的、横的、竖的,是创作中非常实用的图形元素。p5.js 的 函数能轻松绘制各种椭圆,这篇教程将带你从零基础掌握它的用法,并通过实例学会创意应用。 是 p5.js 专门用于绘制椭圆的函数。椭圆可以理解为 "被拉伸的圆",当它的宽度和高度相等时,就变成了正圆形(这也是为什么 其实是 的特殊形式)。在创作中,椭圆
6
0
0
0
德育处主任
『React』组件传递与接收多个属性:从基础到优雅写法
技术
React
点赞 + 关注 + 收藏 = 学会了在 React 开发中,我们经常需要给子组件传递多个属性(比如给一个博客卡片组件传递标题、作者、发布时间等)。如果逐个传递会显得繁琐,而 React 提供了简洁的语法来处理这种场景。本文就来详细讲解:如何高效传递多个属性,以及子组件如何优雅地接收这些属性。假设我们有一个展示博客文章的子组件,需要接收(标题)、(作者)、(日期)、(内容)4 个属性。我们来看看传递
58
0
0
0
德育处主任
p5.js 圆弧的用法
技术
JavaScript
点赞 + 关注 + 收藏 = 学会了在 p5.js 中, 函数用于绘制圆弧,它是创建各种圆形图形和动画的基础。圆弧本质上是椭圆的一部分,由中心点、宽度、高度、起始角度和结束角度等参数定义。通过灵活运用 函数可以轻松创建饼图、仪表盘、时钟等常见 UI 组件,以及各种创意图形效果。 函数的完整语法如下:核心参数解释:x, y:圆弧所在椭圆的中心点坐标w, h:椭圆的宽度和高度,如果两者相等,则绘制的
8
0
0
0
德育处主任
『React』条件渲染的7种方法
技术
React
在 React 开发中,我们经常需要根据不同条件显示不同内容 —— 比如用户登录后显示个人中心,未登录时显示登录按钮;数据加载中显示 loading 状态,加载完成后显示内容。这种 "根据条件决定渲染什么" 的操作,就是条件渲染。本文将带你系统学习 React 中 7 种常用的条件渲染方式,从基础到进阶,每种方式都配有代码示例和适用场景分析。简单说,条件渲染就是根据特定条件(如变量值、状态、属性等
6
0
0
0
德育处主任
『OpenCV-Python』加载网络图片
技术
Python
点赞 + 关注 + 收藏 = 学会了前面介绍过在 OpenCV 里可以通过 读取本地图片,但这个方法无法读取网络图片。在 OpenCV 里读取网络图片需要使用 这个方法,它可以直接处理字节流(如网络传输的图像、摄像头帧)而无需先保存为文件。语法::必须是 类型,通常通过 将字节数据转换而来。该 NumPy 数组的 (数据类型) 必须是 。这是因为图像的编码数据本质上是一串字节流,每个字
6
0
0
0
德育处主任
『SD』分享几个我觉得不错的大模型
AI
AIGC
点赞 + 关注 + 收藏 = 学会了用 SD 制作好看的图片,模型的质量是关键。今天分享几个我常用的大模型。在分享大模型之前,先讲讲下载好的大模型应该放在哪里。如果你使用的是 ComfyUI,那么大模型就应该放在这里 。如果使用 WebUI,大模型就要放在 日常你们是在哪里找大模型呢?我是比较喜欢在C站(https://civitai.com/)找大模型的。但C站要魔法才能访问,而且一旦你的账号设
41
0
0
0
德育处主任
『ComfyUI』提示词语法初学者指南
AI
AIGC
点赞 + 关注 + 收藏 = 学会了我刚接触 Stable Diffusion 时,最头痛的一点就是不知道怎么写提示词,有时候写出来了但总觉得词不达意。一时间搞不清楚是我表达能力有问题还是AI的理解能力有问题。其实只要掌握了基本的语法,提示词写起来就不会词不达意了。无非就是词语出现的位置、多几个括号的问题。写 Stable Diffusion 的提示词,建议使用英文书写。现在部分模型是支持中文的,
90
0
0
0
德育处主任
『ComfyUI』初识工作流
AI
AIGC
点赞 + 关注 + 收藏 = 学会了学习 ComfyUI 就必须了解什么是工作流。在 WebUI 中,我们是通过“填写表单”的方式让 Stable Diffusion 去生成图像的。在 ComfyUI 中用了更灵活的方式:工作流。「工作流」 是指一系列节点的排列和连接方式,用来实现特定的图像生成或处理任务。这么说还是有点晦涩难懂,举个例子。你去餐厅吃饭,一般是找服务员或者自己扫码点菜,后厨接到任务
199
0
0
0
德育处主任
『ComfyUI』官方客户端操作界面介绍
AI
AIGC
点赞 + 关注 + 收藏 = 学会了欢迎关注👉ComfyUI 中文教程Stable Diffusion 的 WebUI 版本已经有点吓人了,ComfyUI 更可怕!那黑不溜秋的界面,一大串又长又乱的工作流,看着就没胃口。但 ComfyUI 作为 Stable Diffusion 最火的客户端,不仅在操作上比 WebUI 更灵活,更重要的是最近新冒出来的模型(比如 、)都是优先支持 ComfyUI
26
0
0
0
德育处主任
『ComfyUI』卸载软件
AI
AIGC
点赞 + 关注 + 收藏 = 学会了在使用 ComfyUI 时,可能会因为某种原因把环境搞坏了。这时候通常会用老一辈传下来的方法,卸载重装。在 ComfyUI 的安装目录下有一个卸载程序,双击运行它就会执行卸载操作。要找到这个卸载程序可以这么做。1、右键 ComfyUI 的图标,点击“属性”。2、点击“打开文件所在的位置”。3、找到 “Uninstall ComfyUI.exe”,运行它就开始执行
73
0
0
0
德育处主任
『ComfyUI』汉化软件
AI
AIGC
点赞 + 关注 + 收藏 = 学会了本文介绍一款 ComfyUI 汉化工具。先说明一下,在写本文时,ComfyUI 的版本更新到 ,并未完全汉化。 ComfyUI 官方客户端更新得非常频繁,说不定你在看本文时 ComfyUI 官方客户端已经100%汉化了。用习惯了 Stable Diffusion WebUI 的工友,切换到 ComfyUI 时可能会被界面吓一跳。一大堆东西串来串去的,界面还黑不溜
34
0
0
0
德育处主任
『ComfyUI』安装节点
AI
AIGC
点赞 + 关注 + 收藏 = 学会了在加载网上的工作流到 ComfyUI 时,如果遇到红色节点,这通常意味着你的 ComfyUI 缺少相应的自定义节点,也就是工作流所需的组件。在 ComfyUI 中,自定义节点(Custom Nodes)扮演着类似于 Stable Diffusion WebUI 中的功能插件的角色。在 ComfyUI 里,当你发现一个工作流中缺少了多个节点,你可以在网上找到对应的
108
0
0
0
德育处主任
『ComfyUI』官方客户端
AI
AIGC
ComfyUI 有官方客户端啦,先贴几个链接:下载地址:https://github.com/Comfy-Org/desktopComfyUI 官网:https://www.comfy.org/模型下载地址:huggingface:https://huggingface.co/C站:https://civitai.com/models这次的客户端支持 Windows 和 MacOS,打开上面的下载
120
0
0
0