OpenGL —— 2.6、绘制一个正方体并贴图(附源码,glfw+glad)

news2024/11/6 19:40:47
源码效果

在这里插入图片描述

C++源码


     纹理图片
在这里插入图片描述

     
     需下载stb_image.h这个解码图片的库,该库只有一个头文件。

在这里插入图片描述

     具体代码:

          vertexShader.glsl

#version 330 core

layout(location = 0) in vec3 aPos;
layout(location = 1) in vec2 aUV;

out vec2 outUV;

uniform mat4 _viewMatrix;
uniform mat4 _projMatrix;

void main()
{
	gl_Position = _projMatrix * _viewMatrix  * vec4(aPos.x, aPos.y, aPos.z, 1.0);
	
	outUV = aUV;
}

          fragmentShader.glsl

#version 330 core

out vec4 FragColor;

in vec2 outUV;

uniform sampler2D ourTexture;

void main()
{
	// 使用图片纹理及色彩混合
	FragColor = texture(ourTexture, outUV);
}

          main.cpp

#include "OpenGLClass.h"
#include "OpenGLClass.h"

int main()
{
	OpenGLClass opengl;
	return 0;
}

          OpenGLClass.h

#pragma once

#include "Global.h"
#include "ffImage.h"

class OpenGLClass
{
public:
	OpenGLClass();
	~OpenGLClass();

protected:
	// 初始化纹理
	bool initTexture();

	// 初始化模型VAO/VBO
	void initModel();

	// 初始化shader文件
	bool initShader(const char *_vertexPath, const char *_fragPath);

	// 读取glsl文件内容
	std::string ReadGlslContext(const char *sPath);

	// 刷新Render
	void FlushRender();

	// 回调 - 窗口尺寸变化回调
	static void bck_GLFWframebuffersizefun(GLFWwindow* window, int width, int height);

	// 处理按键输入
	void ProcessKeyPInput(GLFWwindow *window);

	// 设置矩阵
	void setMatrix(const std::string &_name, glm::mat4 _matrix)const;

private:
	unsigned short windowWidth = 800, windowHeight = 600;

	unsigned int shaderProgram = 0;		// 链接程序对象
	unsigned int VBO = 0, VAO = 0, _texture = 0;
};

          OpenGLClass.cpp

#include "OpenGLClass.h"

void OpenGLClass::bck_GLFWframebuffersizefun(GLFWwindow* window, int width, int height)
{
	// 在窗口中定义一个像素矩形,最终的图形将映射到个矩形中
	glViewport(0, 0, width, height);
}

OpenGLClass::OpenGLClass()
{
	// 初始化glfw上下文
	if (glfwInit() == GLFW_FALSE) { std::cout << "glfwInit fail!\n"; return; }
	glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);					// 3.3版本
	glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
	glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);	// 使用OpenGL核心模式

	// 创建OpenGL窗体
	GLFWwindow *window = glfwCreateWindow(windowWidth, windowHeight, "OpenGL Core", nullptr, nullptr);
	if (!window) { std::cout << "glfwCreateWindow fail!\n"; return; }

	// 当前OpenGL上下文绑定窗口
	glfwMakeContextCurrent(window);

	// 加载所有OpenGL函数指针
	if (GL_FALSE == gladLoadGLLoader((GLADloadproc)glfwGetProcAddress)) { std::cout << "gladLoadGLLoader fail!\n"; return; }

	// 在窗口中定义一个像素矩形,最终的图形将映射到个矩形中
	glViewport(0, 0, windowWidth, windowHeight);

	// 窗口大小调整回调
	glfwSetFramebufferSizeCallback(window, OpenGLClass::bck_GLFWframebuffersizefun);

	// 初始化VAO/VBO
	initModel();

	// 初始化纹理
	if (!initTexture()) { std::cout << "initTexture fail!\n"; system("pause"); return; }

	// 初始化shader
	if (!initShader("vertexShader.glsl", "fragmentShader.glsl")) { std::cout << "initShader fail!\n"; system("pause"); return; }

	// 窗口标志是否是关闭
	while (!glfwWindowShouldClose(window))
	{
		// 输入按键处理
		ProcessKeyPInput(window);

#if 0
		// 使用红,绿,蓝以及alpha值来清除颜色缓冲区
		glClearColor(0.328125f, 0.35156f, 0.82421f, 1.0f);

		// 将从窗口中清除最后一次所绘制的图形
		/*
			GL_COLOR_BUFFER_BIT:    当前可写的颜色缓冲
			GL_DEPTH_BUFFER_BIT:    深度缓冲
			GL_ACCUM_BUFFER_BIT:	累积缓冲
  			GL_STENCIL_BUFFER_BIT:	模板缓冲
		*/
		glClear(GL_COLOR_BUFFER_BIT);
#endif

		FlushRender();

		// 双缓冲,使用OpenGL或OpenGL ES进行渲染
		glfwSwapBuffers(window);

		// glfw事件循环
		glfwPollEvents();

		// 睡眠10ms,防止造成GPU疯狂消耗。实际具体调整
		Sleep(10);
	}

	// 释放窗口
	glfwDestroyWindow(window);

	// 释放资源,终止GLFW库
	glfwTerminate();
}

OpenGLClass::~OpenGLClass()
{
	// 释放
	if (glIsProgram(shaderProgram)) { glDeleteProgram(shaderProgram); }shaderProgram = 0;
	if (glIsBuffer(VAO)) { glDeleteBuffers(1, &VAO); } VAO = 0;
	if (glIsBuffer(VBO)) { glDeleteBuffers(1, &VBO); } VBO = 0;
}

void OpenGLClass::ProcessKeyPInput(GLFWwindow *window)
{
	if (window)
	{
		// 获取窗口按键是否ESC
		if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
		{
			// 设置窗口关闭标志
			glfwSetWindowShouldClose(window, true);
		}
	}
	window = nullptr;
}

void OpenGLClass::setMatrix(const std::string &_name, glm::mat4 _matrix) const
{
	// 获得指定shader程序中uniform变量的位置
	int shaderNameId = glGetUniformLocation(shaderProgram, _name.c_str());


	/*
	将4x4的矩阵数据传递给着色器
		location:指定要更改的uniform变量的位置。
		count:指定要更改的矩阵的数量。如果只更改一个矩阵,该值为1。
		transpose:指定是否需要将矩阵进行转置。一般情况下,设为GL_FALSE即可。
		value:指向包含矩阵数据的指针。
	*/
	glUniformMatrix4fv
	(
		shaderNameId,
		1,
		GL_FALSE,
		glm::value_ptr(_matrix)
	);
}

void OpenGLClass::FlushRender()
{
	// 判断VAO是否被删除
	if (glIsVertexArray(VAO))
	{
		// 使用红,绿,蓝以及alpha值来清除颜色缓冲区
		glClearColor(0.328125f, 0.35156f, 0.82421f, 1.0f);
		// 将从窗口中清除最后一次所绘制的图形,GL_DEPTH_BUFFER_BIT将深度信息也清除
		glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
		// 开启深度检测
		glEnable(GL_DEPTH_TEST);

		///
		// 观察者/摄像机矩阵
		glm::mat4 _viewMatrix = glm::lookAt
		(
			glm::vec3(1.4f, 1.4f, 2.0f),	// 摄像机位置
			glm::vec3(0.0f, 0.0f, 0.0f),	// 摄像机看向的位置
			glm::vec3(0.0f, 1.0f, 0.0f)		// 摄像机顶部的位置
		);

		// 投影矩阵
		glm::mat4 _projMatrix = glm::perspective
		(
			glm::radians(45.0f),
			(float)windowWidth / (float)(windowHeight),
			0.1f, 100.0f
		);
		///


		// 使用程序
		glUseProgram(shaderProgram);

		///
		setMatrix("_viewMatrix", _viewMatrix);
		setMatrix("_projMatrix", _projMatrix);
		///

		// 绑定纹理
		glBindTexture(GL_TEXTURE_2D, _texture);

		// 绑定VAO
		glBindVertexArray(VAO);

		// 绘制三角形
		glDrawArrays(GL_TRIANGLES, 0, 36);

		// 关闭使用程序
		glUseProgram(0);
	}
}

bool OpenGLClass::initTexture()
{
	// 读取图片相关信息
	ffImage *pImage = ffImage::readFromFile("./rec/wall.jpeg");
	if (!pImage) { return false; }

	// 生成纹理
	glGenTextures(1, &_texture);

	// 以2D方式绑定纹理
	// 将当前绑定的纹理对象替换为参数中指定的纹理对象
	glBindTexture(GL_TEXTURE_2D, _texture);

	// 设置纹理属性
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

	// 读取图片数据,完成数据绑定
	glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, pImage->getWidth(), pImage->getHeight(), 0, GL_RGBA, GL_UNSIGNED_BYTE, pImage->getData());

	if (pImage) { delete pImage; }pImage = nullptr;
	return true;
}

void OpenGLClass::initModel()
{
	// 坐标、纹理位置
	float vertices[]
	{
		-0.5f,-0.5f,-0.5f,	0.0f,0.0f,
		 0.5f,-0.5f,-0.5f,	1.0f,0.0f,
		 0.5f, 0.5f,-0.5f,	1.0f,1.0f,
		 0.5f, 0.5f,-0.5f,	1.0f,1.0f,
		-0.5f, 0.5f,-0.5f,	0.0f,1.0f,
		-0.5f,-0.5f,-0.5f,	0.0f,0.0f,

		-0.5f,-0.5f,0.5f,	0.0f,0.0f,
		 0.5f,-0.5f,0.5f,	1.0f,0.0f,
		 0.5f, 0.5f,0.5f,	1.0f,1.0f,
		 0.5f, 0.5f,0.5f,	1.0f,1.0f,
		-0.5f, 0.5f,0.5f,	0.0f,1.0f,
		-0.5f,-0.5f,0.5f,	0.0f,0.0f,

		-0.5f, 0.5f, 0.5f,	1.0f,0.0f,
		-0.5f, 0.5f,-0.5f,	1.0f,1.0f,
		-0.5f,-0.5f,-0.5f,	0.0f,1.0f,
		-0.5f,-0.5f,-0.5f,	0.0f,1.0f,
		-0.5f,-0.5f, 0.5f,	0.0f,0.0f,
		-0.5f, 0.5f, 0.5f,	1.0f,0.0f,

		0.5f, 0.5f, 0.5f,	1.0f,0.0f,
		0.5f, 0.5f,-0.5f,	1.0f,1.0f,
		0.5f,-0.5f,-0.5f,	0.0f,1.0f,
		0.5f,-0.5f,-0.5f,	0.0f,1.0f,
		0.5f,-0.5f, 0.5f,	0.0f,0.0f,
		0.5f, 0.5f, 0.5f,	1.0f,0.0f,

		-0.5f,-0.5f,-0.5f,	0.0f,1.0f,
		 0.5f,-0.5f,-0.5f,	1.0f,1.0f,
		 0.5f,-0.5f, 0.5f,	1.0f,0.0f,
		 0.5f,-0.5f, 0.5f,	1.0f,0.0f,
		-0.5f,-0.5f, 0.5f,	0.0f,0.0f,
		-0.5f,-0.5f,-0.5f,	0.0f,1.0f,

		-0.5f,0.5f,-0.5f,	0.0f,1.0f,
		 0.5f,0.5f,-0.5f,	1.0f,1.0f,
		 0.5f,0.5f, 0.5f,	1.0f,0.0f,
		 0.5f,0.5f, 0.5f,	1.0f,0.0f,
		-0.5f,0.5f, 0.5f,	0.0f,0.0f,
		-0.5f,0.5f,-0.5f,	0.0f,1.0f
	};

	/****************************************************/	// VAO
	// 创建VAO
	glGenVertexArrays(1, &VAO);

	// 绑定指定的顶点数组对象(Vertex Array Object, VAO)
	glBindVertexArray(VAO);
	/****************************************************/


	/****************************************************/	// VBO
	// 生成缓冲区对象
	glGenBuffers(1, &VBO);

	// 绑定命名缓冲区对象
	glBindBuffer(GL_ARRAY_BUFFER, VBO);

	// 缓冲对象(VBO,IBO 等)分配空间并存储数据
	glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

	/*
		指定顶点属性在顶点缓冲对象中的布局,并将其与顶点着色器中的顶点属性进行关联
			参数1:第n个layout (对应glsl中顶点着色器的layout)
			参数2:顶点属性的组成元素的数量,例如3表示顶点属性是由3个浮点数组成
			参数3:顶点属性的数据类型
			参数4:是否将非浮点型的数据归一化到[-1, 1]或[0, 1]范围内
			参数5:相邻两个顶点属性之间的字节数,通常为0或属性类型大小乘以数量
			参数6:顶点属性在顶点缓冲对象中的偏移量或者数据的首地址
	*/
	glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void *)0);
	glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void *)(sizeof(float) * 3));

	// 激活锚点(参数:第n个layout)
	glEnableVertexAttribArray(0);
	glEnableVertexAttribArray(1);

	// 解绑VAO/VBO
	glBindVertexArray(0);
	glBindBuffer(GL_ARRAY_BUFFER, 0);
	/****************************************************/
}

std::string OpenGLClass::ReadGlslContext(const char *sPath)
{
	std::string strContext;
	if (!sPath) { return strContext; }

	std::ifstream sFile;
	sFile.open(sPath);
	if (sFile.is_open())
	{
		std::stringstream sStream;
		sStream << sFile.rdbuf();
		strContext = sStream.str();
	}
	return strContext;
}

bool OpenGLClass::initShader(const char *_vertexPath, const char *_fragPath)
{
	char infoLog[512] = { 0 };
	int successFlag = 0;

	/*********************************************************/	// vertex编译
	std::string vertexContext = ReadGlslContext(_vertexPath); if (vertexContext.empty()) { return false; }
	const char *cVertexContext = vertexContext.c_str();

	// 创建顶点着色器对象
	unsigned int iVertexID = glCreateShader(GL_VERTEX_SHADER);

	// 为顶点着色器指定源码(参数2:传过去几个)
	glShaderSource(iVertexID, 1, &cVertexContext, nullptr);

	// 编译顶点着色器源码
	glCompileShader(iVertexID);

	// 查看编译顶点着色器源码结果
	glGetShaderiv(iVertexID, GL_COMPILE_STATUS, &successFlag);
	if (!successFlag)	// 编译失败
	{
		// 获取编译失败原因
		glGetShaderInfoLog(iVertexID, 512, nullptr, infoLog);
		std::cout << "glGetShaderiv GL_VERTEX_SHADER" << iVertexID << " fail:" << infoLog << std::endl; return false;
	}
	cVertexContext = nullptr;
	/*********************************************************/


	/*********************************************************/	// fragment编译
	std::string fragmentContext = ReadGlslContext(_fragPath); if (fragmentContext.empty()) { return false; }
	const char *cFragmentContext = fragmentContext.c_str();

	// 创建片段着色器对象
	unsigned int iFragmentID = glCreateShader(GL_FRAGMENT_SHADER);

	// 为片段着色器指定源码(参数2:传过去几个)
	glShaderSource(iFragmentID, 1, &cFragmentContext, nullptr);

	// 编译片段着色器源码
	glCompileShader(iFragmentID);

	// 查看编译片段着色器源码结果
	glGetShaderiv(iFragmentID, GL_COMPILE_STATUS, &successFlag);
	if (!successFlag)	// 编译失败
	{
		// 获取编译失败原因
		glGetShaderInfoLog(iFragmentID, 512, nullptr, infoLog);
		std::cout << "glGetShaderiv GL_FRAGMENT_SHADER" << iFragmentID << " fail:" << infoLog << std::endl; return false;
	}
	cFragmentContext = nullptr;
	/*********************************************************/


	/*********************************************************/	// 链接
	// 创建一个空的程序对象
	shaderProgram = glCreateProgram();
	if (shaderProgram == 0) { std::cout << "glCreateProgram fail!\n"; return false; }

	// 将着色器对象附加到程序对象上(注:glDetachShader为移除程序对象中的指定着色器对象)
	glAttachShader(shaderProgram, iVertexID);
	glAttachShader(shaderProgram, iFragmentID);

	// 进行链接程序对象
	glLinkProgram(shaderProgram);

	// 查看链接状态
	glGetProgramiv(shaderProgram, GL_LINK_STATUS, &successFlag);
	if (!successFlag)	// 链接失败
	{
		// 获取链接失败原因
		glGetProgramInfoLog(shaderProgram, 512, nullptr, infoLog);
		std::cout << "glGetProgramiv " << shaderProgram << " fail:" << infoLog << std::endl; return false;
	}
	/*********************************************************/


	/* 在链接完成后,将编译shader相关删除。仅留下链接ID */
	if (glIsShader(iVertexID)) { glDeleteShader(iVertexID); }
	if (glIsShader(iFragmentID)) { glDeleteShader(iFragmentID); }
	return true;
}

完整源码下载

      源码下载

关注

Wx GZH:码农总动员

笔者 - jxd

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1115148.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

手帐怎么做?推荐这10款手帐达人都在用的好用软件!

手帐是一种强大的可视化方式&#xff0c;可以记录你的观察、日常的思考&#xff0c;并随时间的推移来衡量你的进步。在各种手帐软件的帮助下&#xff0c;创建并完全自定义你的手帐变得比以往任何时候都更容易。 有无数的手帐软件可供选择&#xff0c;满足各种需求。但在众多的…

基于Java的勤工助学管理系统设计与实现(源码+lw+部署文档+讲解等)

文章目录 前言具体实现截图论文参考详细视频演示为什么选择我自己的网站自己的小程序&#xff08;小蔡coding&#xff09; 代码参考数据库参考源码获取 前言 &#x1f497;博主介绍&#xff1a;✌全网粉丝10W,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者&am…

京东数据分析:2023年9月京东洗烘套装品牌销量排行榜!

鲸参谋监测的京东平台9月份洗烘套装市场销售数据已出炉&#xff01; 根据鲸参谋平台的数据显示&#xff0c;今年9月份&#xff0c;京东平台洗烘套装的销量为7100&#xff0c;环比下降约37%&#xff0c;同比增长约87%&#xff1b;销售额为6000万&#xff0c;环比下降约48%&#…

使用Spyder进行动态网页爬取:实战指南

导语 知乎数据的攀爬价值在于获取用户观点、知识和需求&#xff0c;进行市场调查、用户画像分析&#xff0c;以及发现热门话题和可能的新兴领域。同时&#xff0c;知乎上的问题并回答也是宝贵的学习资源&#xff0c;用于知识图谱构建和自然语言处理研究。爬取知乎数据为决策和…

如何在3DMAX中使用tyFlow粒子模拟插件创建样条线网格模型

3DMAX粒子模拟插件tyFlow是3dMAX上一款粒子模拟插件&#xff0c;3dMax的粒子流的非官方替代品&#xff0c;类似于Particle Flow插件&#xff0c;但是功能上更加强大&#xff0c;模拟粒子流动、汇聚破碎等各种效果。 tyFlow不仅仅是对粒子流的升级——相反&#xff0c;它是从头…

介绍drawio和图表使用场景

图表介绍 drawio是一个基于Web技术的草图、简图和图表的解决方案。 drawio支持在线编辑器&#xff0c;app.diagram.net.并支持不同的操作系统的桌面版离线安装版本。如&#xff1a;windows, linux, macOS。 对于个人或者团队&#xff0c;把图表绘制的安全放到第一位&#xff…

【马蹄集】—— 概率论专题:第二类斯特林数

概率论专题&#xff1a;第二类斯特林数 目录 MT2224 矩阵乘法MT2231 越狱MT2232 找朋友MT2233 盒子与球MT2234 点餐 MT2224 矩阵乘法 难度&#xff1a;黄金    时间限制&#xff1a;5秒    占用内存&#xff1a;128M 题目描述 输入两个矩阵&#xff0c;第一个矩阵尺寸为 l…

Python-嗨格式 之音频转换,ncm转mp3

缘由&#xff1a;本想下载一些歌到车机播放&#xff0c;发现大部分是ncm格式的。 查了下才知道是音乐软件限制了&#xff0c;会员下载的音频文件为.ncm格式&#xff0c;目前只能在网易云音乐APP上播放&#xff0c;不支持在其他音频播放软件或音频设备使用。 百度转换软件&…

Python词语转拼音

使用python写的图形汉语词语转拼音小工具 1)安装库 pip install flet 2)代码 # 声母列表 initial_consonant_list [b, p, m, f, d, t, n, l, g, k, h, j, q, x, zh, ch, sh, r,z, c, s, y, w] # 韵母列表 list_of_vowels [a, o, e, i, u, , ai, ei, ui, ao, ou, iu, ie, e…

MIKE水动力笔记18_如何将dfsu流场模拟结果的数据导出成txt文件

本文目录 前言Step 1 前置工作Step 2 导出相应数据 前言 MIKE的模拟结果dfsu文件的数据是可以导出的&#xff0c;导出格式为xyz&#xff0c;我们也可以将其改后缀改为txt文本格式&#xff0c;其中包含了某一时刻下所有网格坐标点的数据。 Step 1 前置工作 首先&#xff0c;在…

【驱动开发】控制stm32mp157a开发板三盏灯的亮灭

编写应用程序控制三盏灯的亮灭 head.h&#xff1a; #ifndef __HEAD_H__ #define __HEAD_H__typedef struct {unsigned int MODER;unsigned int OTYPER;unsigned int OSPEEDR;unsigned int PUPDR;unsigned int IDR;unsigned int ODR; }gpio_t;//LED灯的寄存器地址 #define …

unity脚本_力 c#

创建一个脚本 将代码挂载到物体上 取消物体的重力 运行即向z轴运动 加力之后 是否停止是由阻力影响 如果阻力为零 则会一直运动 如果希望就算有阻力也让物体一直动就将加力代码放在Update函数里 using UnityEngine; public class Power : MonoBehaviour{ Rigidbody rigidBo…

SpringBoot 打包与运行

一、SpringBoot 程序打包 1、在Springboot工程 pom文件中&#xff0c;引入 spring-boot-maven-plugin 插件。 <build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifact…

基于鹈鹕优化的BP神经网络(分类应用) - 附代码

基于鹈鹕优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码 文章目录 基于鹈鹕优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码1.鸢尾花iris数据介绍2.数据集整理3.鹈鹕优化BP神经网络3.1 BP神经网络参数设置3.2 鹈鹕算法应用 4.测试结果&#xff1a;5.M…

基于蛇优化优化的BP神经网络(分类应用) - 附代码

基于蛇优化优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码 文章目录 基于蛇优化优化的BP神经网络&#xff08;分类应用&#xff09; - 附代码1.鸢尾花iris数据介绍2.数据集整理3.蛇优化优化BP神经网络3.1 BP神经网络参数设置3.2 蛇优化算法应用 4.测试结果&#x…

二零二三充能必读 | 1024程序员狂欢节 —— 掌握前沿技术,探索未知领域

文章目录 I T 技术 ( I T T e c h n o l o g y ) IT技术(IT Technology) IT技术(ITTechnology)▊《 速学Linux&#xff1a;系统应用从入门到精通》▊《Python网络爬虫入门到实战》 人工智能 ( A r t i f i c i a l I n t e l l i g e n c e ) 人工智能(Artificial Intelligence…

【STM32】两个版本MDK搭建和三种调试器的使用

一、Keil MDK4的安装和介绍 1.Keil MDK和Keil C51的关系 1&#xff09;Keil原来是专门做51&#xff0c;后面被ARM收购&#xff0c; 2&#xff09;Keil MDK是Keil C51的另外一个版本。 2.MDK4下载 Keil Embedded Development Tools for Arm, Cortex-M, Cortex-R4, 8051, C166,…

js鼠标点击添加图标并获取图标的坐标值

给这个图片添加摄像头图标&#xff0c;并获取图标的坐标值&#xff0c;也就是图标的css样式是positon:absolute,获取left和top的值。 图片1 思路是这样的&#xff0c;获取这里的长度&#xff0c; 图片2 1.鼠标点击时距浏览器的左边距离和上边距离&#xff0c;相当于(0,0)坐标 …

1024程序员狂欢节 | IT前沿技术、人工智能、数据挖掘、网络空间安全技术

一年一度的1024程序员狂欢节又到啦&#xff01;成为更卓越的自己&#xff0c;坚持阅读和学习&#xff0c;别给自己留遗憾&#xff0c;行动起来吧&#xff01; 那么&#xff0c;都有哪些好书值得入手呢&#xff1f;小编为大家整理了前沿技术、人工智能、集成电路科学与芯片技术、…

关于AIGC研修班学习笔记

AI工具排行&#xff1a; ChatGptMidjourney——绘画AINotion AI——笔记AITome——做PPT的AIpeioriss Palette.fm——调色AIRemove.bg——抠图AIFliki——视频AIAutoDraw——设计AICopilot——编程AI 国内大模型&#xff1a; 阿里通义千问文心一言讯飞星火商汤日日新腾讯混元…