Repeat Wrapping
Shows Wrapping.Repeat with adjustable UV tiling.
Controls
Benchmark
Runs fixed workloads with warmup frames, repeated samples, p50/p95 FPS and frame timing, workload counters, pipeline timings, and JSON output.
import * as EASEL from "easel";
const tex = new EASEL.DataTexture(data, 16, 16);
tex.wrapS = EASEL.Wrapping.Repeat;
tex.wrapT = EASEL.Wrapping.Repeat;
const material = new EASEL.LambertMaterial({ color: 0xffffff });
material.map = tex;
const plane = new EASEL.PlaneGeometry(4, 4);
const uv = plane.getAttribute("uv");
for (let i = 0; i < uv.array.length; i += 2) {
uv.array[i] *= 3;
uv.array[i+1] *= 3;
}
const mesh = new EASEL.Mesh(plane, material);
scene.add(mesh);import * as THREE from "three";
const tex = new THREE.DataTexture(data, 16, 16);
tex.wrapS = THREE.RepeatWrapping;
tex.wrapT = THREE.RepeatWrapping;
tex.needsUpdate = true;
const material = new THREE.MeshLambertMaterial({ color: 0xffffff });
material.map = tex;
const plane = new THREE.PlaneGeometry(4, 4);
const uv = plane.getAttribute("uv");
for (let i = 0; i < uv.array.length; i += 2) {
uv.array[i] *= 3;
uv.array[i+1] *= 3;
}
const mesh = new THREE.Mesh(plane, material);
scene.add(mesh);