Sublime GLSL插件安装与使用指南

钱桦实Emery

于 2024-08-31 07:40:47 发布

阅读量723

点赞数 13

本文链接：https://blog.csdn.net/gitblog_00605/article/details/141734968

版权

Sublime GLSL插件安装与使用指南

sublime-glslGLSL Syntax Highlighting for Sublime Text 2, 3, and 4项目地址:https://gitcode.com/gh_mirrors/su/sublime-glsl

项目介绍

Sublime GLSL插件是专为Sublime Text 2/3设计的一款工具，旨在提供实时编码OpenGL着色语言（GLSL）的体验。该插件通过集成glslViewer程序，允许用户在保存更改时即时预览.frag或.fs文件中的着色器效果。它特别适用于Mac OS X和Linux平台。除了基本的实时渲染功能，它还提供了命令来重新启动glslViewer和快速创建新的片段着色器模板。

项目快速启动

安装glslViewer

确保glslViewer已正确安装在系统路径中，通常它会被安装到/usr/local/bin下。如果未自动安装在此处，需手动配置或调整glslViewer sublime-settings文件指向正确的路径。

安装Sublime GLSL插件

通过Package Control安装: 首先，在Sublime Text中打开命令面板（Mac上使用Cmd+Shift+P, Windows则是Ctrl+Shift+P），输入“Package Control: Install Package”，找到并选择“OpenGL Shading Language (GLSL)”进行安装。

手动克隆仓库: 对于偏好手动操作的用户，可以通过以下步骤安装：

# 导航至Sublime Text的Packages目录
cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/  # 对于Mac用户
# 或者
cd %APPDATA%\Sublime\Text\3\Packages\  # 对于Windows用户

# 使用git克隆插件仓库
git clone https://github.com/euler0/sublime-glsl.git

完成安装后，重启Sublime Text以激活插件。

使用示例

一旦插件准备就绪，只需打开一个.frag文件，保存更改时，Sublime Text将通过glslViewer渲染您的着色器代码。含有sampler2Duniform变量的着色器，会在Sublime窗口下方显示输入框，用于输入图像路径。

快速启动代码示例（仅示例，不实际执行）:

// basic.vert
#version 330 core
layout (location = 0) in vec3 vertexPos;

void main()
{
    gl_Position = vec4(vertexPos, 1.0);
}

// simple.frag
#version 330 core
out vec4 FragColor;

void main()
{
    FragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f); // 粉红色
}

保存这些文件，并确保它们保持相同的名称但不同的扩展名（例如，simple.vert 和 simple.frag）。打开.frag文件即可查看效果。