GLSL读取噪声纹理时遇到问题

我正在用p5.js开发一个Perlin噪声地形生成器，最开始跟着教程做出来的程序运行性能很差，所以决定改用之前从未接触过的着色器重写整个项目。我的开发步骤如下：

• 先生成了一个可细分、分辨率可变的平面作为地形载体
• 接着用p5.js自带的Perlin噪声函数生成了噪声图像
• 最后创建着色器并为其加载了一系列uniform变量

目前我遇到了GLSL读取噪声纹理的问题，以下是我的部分代码：

const SCALE = 50;

const NOISE_OFFSET = 0.05;
const NOISE_LO_BOUND = -300;
const NOISE_HI_BOUND = 300;

const SHIFT_SPEED = -0.01;

var TERRAIN_W;
var TERRAIN_H;
var NUM_COLS;
var NUM_ROWS;

var plane_model;
var terrain_texture;
var fly_offset = 0;

var default_shader;

p5.disableFriendlyErrors = true; // disables FES

var vertSrc = `
#ifdef GL_ES
precision mediump float;
#endif

// 顶点着色器剩余代码被截断
`

备注：内容来源于stack exchange，提问作者SandWood Jones