Shdr 项目使用教程

伍盛普Silas

于 2024-09-25 08:30:14 发布

阅读量611

点赞数 10

本文链接：https://blog.csdn.net/gitblog_00191/article/details/142511080

版权

Shdr 项目使用教程

Shdr Shdr is an online ESSL (GLSL) shader editor, viewer and validator powered by WebGL. 项目地址: https://gitcode.com/gh_mirrors/sh/Shdr

1. 项目的目录结构及介绍

Shdr 项目的目录结构如下：

Shdr/
├── build/
├── icons/
├── sources/
├── .gitignore
├── LICENSE
├── README.md
├── package.json

目录结构介绍

build/: 存放构建后的文件。
icons/: 存放项目使用的图标文件。
sources/: 存放项目的源代码文件。
.gitignore: Git 忽略文件配置。
LICENSE: 项目的开源许可证文件。
README.md: 项目的说明文档。
package.json: 项目的依赖配置文件。

2. 项目的启动文件介绍

Shdr 项目的启动文件是 sources/index.html。这个文件是项目的入口文件，包含了 WebGL 渲染的初始化代码以及 Shader 编辑器的界面布局。

启动文件介绍

index.html: 项目的入口文件，包含了 WebGL 渲染的初始化代码以及 Shader 编辑器的界面布局。

3. 项目的配置文件介绍

Shdr 项目的主要配置文件是 package.json。这个文件包含了项目的依赖、脚本命令以及其他元数据。

配置文件介绍

package.json: 项目的依赖配置文件，包含了项目的依赖、脚本命令以及其他元数据。

{
  "name": "shdr",
  "version": "0.2.161211",
  "description": "Shdr is an online ESSL (GLSL) shader editor, viewer and validator powered by WebGL",
  "main": "index.html",
  "scripts": {
    "start": "npm run build && node server.js",
    "build": "npm run build-js && npm run build-extension",
    "build-js": "browserify sources/main.js -o build/shdr.js",
    "build-extension": "node build-extension.js"
  },
  "author": "Thibaut Despoulain (BKcore)",
  "license": "MIT",
  "dependencies": {
    "ace-builds": "^1.2.6",
    "browserify": "^13.1.1",
    "express": "^4.14.0",
    "jquery": "^3.1.1",
    "rawdeflate": "^0.6.2",
    "three": "^0.82.1"
  }
}