TypeScript painterState.getSketch函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中shared-utils/painterState.getSketch函数的典型用法代码示例。如果您正苦于以下问题：TypeScript getSketch函数的具体用法？TypeScript getSketch怎么用？TypeScript getSketch使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了getSketch函数的6个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: getShade

// ===== shaders =====

const pointsShade = getShade(painter, 'point').update({
	vert: pointVert,
	frag: pointFrag,
})

const linesShade = getShade(painter, 'line').update({
	vert: lineVert,
	frag: lineFrag,
})

// ===== objects =====

const points = getSketch(painter, 'point').update({
	form: pointsForm,
	shade: pointsShade,
	uniforms: { size: [canvas.width, canvas.height] },
})

const lines = getSketch(painter, 'lines').update({
	form: lineForm,
	shade: linesShade,
	drawSettings: {
		clearColor: [0, 0, 0, 1],
		clearBits: gl.COLOR_BUFFER_BIT,
		cullFace: gl.BACK,
		enable: [gl.CULL_FACE],
	},
	uniforms: { size: [canvas.width, canvas.height] },

开发者ID:trivial-space，项目名称:playground，代码行数:30，代码来源:index.ts

示例2: Image

const img = new Image()
img.onload = () => {
	texture.update({
		texture: {
			asset: img,
			minFilter: 'LINEAR_MIPMAP_LINEAR',
			magFilter: 'LINEAR',
		},
	})
}
img.src = 'tree.jpg'

// Sketches

const groundSketch = getSketch(painter, 'ground').update({
	form: planeForm,
	shade: geoShade,
	uniforms: {
		transform: () => state.scene.groundTransform,
		color: () => state.scene.groundColor,
	},
})

const lightSketch = getSketch(painter, 'light').update({
	form: planeForm,
	shade: geoShade,
	uniforms: [
		{
			transform: () => state.scene.lightTransforms[0],
			color: () => state.scene.lightColor,

开发者ID:trivial-space，项目名称:playground，代码行数:30，代码来源:renderer.ts

示例3: getShade

// ===== Shaders =====

const wallsShade = getShade(painter, 'walls').update({
	vert: wallsVert,
	frag: wallsFrag,
})

const groundShade = getShade(painter, 'ground').update({
	vert: groundVert,
	frag: groundFrag,
})

// ===== objects =====

const wallsSketch = getSketch(painter, 'walls').update({
	form: wallsForm,
	shade: wallsShade,
	uniforms: {
		transform: wallsTransform,
	},
})

const groundSketch = getSketch(painter, 'ground').update({
	form: groundForm,
	shade: groundShade,
	uniforms: {
		transform: floorTransform,
		reflection: '0',
		size: () => [canvas.width, canvas.height],
	},

开发者ID:trivial-space，项目名称:playground，代码行数:30，代码来源:renderer.ts

示例4: getForm

})

// ===== scene =====

const planMat = mat4.fromTranslation(mat4.create(), [0, 0, -3])
const rotation = 0.001
const projection = mat4.perspective(mat4.create(), 45, 1, 0.01, 10)

const form = getForm(painter, 'plane').update(plane(2, 2))

const shade = getShade(painter, 'plane').update({
	vert: planeVert,
	frag: planeFrag,
})

export const sketch = getSketch(painter, 'plane').update({
	form,
	shade,
	uniforms: {
		projection,
		transform: () => mat4.rotateY(planMat, planMat, rotation),
		tex: () => automaton.image(),
	},
	drawSettings: {
		clearColor: [0.0, 1.0, 0.0, 1.0],
		clearBits: makeClear(gl, 'color'),
	},
})

// ===== state =====

开发者ID:trivial-space，项目名称:playground，代码行数:30，代码来源:renderer.ts

示例5: getForm

// ===== geometries =====

const pointsForm = getForm(painter, 'points').update({
	drawType: 'POINTS',
	attribs: {
		position: {
			buffer: new Float32Array(flatten(nodes)),
			storeType: 'DYNAMIC',
		},
	},
	itemCount: nodes.length,
})

// ===== objects =====

const pointsSketch = getSketch(painter, 'points').update({
	form: pointsForm,
	shade: pointsShade,
})

// ===== layers =====

const points = getLayer(painter, 'points').update({
	sketches: [pointsSketch],
	uniforms: { size: () => [canvas.width, canvas.height] },
	drawSettings: {
		clearColor: [0, 0, 0, 1],
		clearBits: gl.COLOR_BUFFER_BIT,
		enable: [gl.BLEND],
		blendFunc: [gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA],
	},

开发者ID:trivial-space，项目名称:playground，代码行数:31，代码来源:index.ts

示例6: getBlurByAlphaEffect

				magFilter: 'LINEAR',
			},
		],
		width: reflSize,
		height: reflSize,
		layers: getBlurByAlphaEffect(painter, id, {
			strength: 4,
			size: [reflSize, reflSize],
			startFrame: t,
		}),
	})
})

// Sketches

const groundSketch = getSketch(painter, 'ground').update({
	form: planeForm,
	shade: groundShade,
	uniforms: {
		reflection: () => mirrorScene.image(),
		transform: () => state.ground.transform,
		lights: () => state.screens.lights,
		lightSize: () => state.screens.lightSize,
		lightTex: () => videoLights.map(v => v.image()),
		size: getCanvasSize,
	},
})

const screenSketch = getSketch(painter, 'screens').update({
	form: planeForm,
	shade: screenShade,

开发者ID:trivial-space，项目名称:playground，代码行数:31，代码来源:renderer.ts

注：本文中的shared-utils/painterState.getSketch函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。