Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

28
DESIGN AND IMPLEMENTATION OF A PROCEDURAL CONTENT GENERATION WEB APPLICATION FOR VERTEX SHADERS Juan C. Quiroz Sergiu M. Dascalu

Transcript of Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

Page 1: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

DESIGN AND IMPLEMENTATION OF A PROCEDURAL CONTENT GENERATION WEB APPLICATION FOR VERTEX SHADERSJuan C. QuirozSergiu M. Dascalu

Page 2: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

OUTLINE• What is procedural content generation? • How we do it?

• Genetic algorithms• Genetic programming• Vertex shaders

• Implementation details• Results

Page 3: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 4: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

WHAT IS PROCEDURAL CONTENT GENERATION (PCG)?

• Algorithmic creation of game content

• Potential to reduce the cost and time to create content

• Potential to augment the creativity of designers, artists, and programmers

Page 5: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

OUR GOAL• Start with an existing 3D model

• Explore variations of the 3D model

Page 6: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 7: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 8: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

GENETIC ALGORITHM

Population

Page 9: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

INTERACTIVE GENETIC ALGORITHM

Page 10: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 11: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

OUR GENETIC ALGORITHM EVOLVES VERTEX SHADERS

Page 12: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

VERTEX SHADERS• Stage in the rendering pipeline that handles

processing of individual vertices

• Receives a single vertex and generates a single vertex

Vertex Shader

Page 13: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

VERTEX SHADERmain () {

position.x = position.x + 1;}

Page 14: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

VERTEX SHADERmain () {

position.x = position.x + x / (x + z);}

Population

Page 15: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

GENETIC PROGRAMMING

Page 16: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

HIGH LEVEL DETAILSSoftware Engineering Stuff

Page 17: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

ARCHITECTURE

Page 18: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

WHY WEB APPLICATION?• Run system on web browser• No plugins• No installation• Collaborative platform

Page 19: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

RESULTS

Page 20: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 21: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 22: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 23: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders
Page 24: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

EXAMPLE TRANSFORMATIONS

Page 25: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

DESTRUCTIVE TRANSFORMATIONS

Page 26: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

DESTRUCTIVE TRANSFORMATIONS

Page 27: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

CONCLUSIONS• PCG web application for evolving transformations of 3D models• Vertex shaders + genetic algorithm many transformations• No plugins needed• Allow users to collaboratively create a database of transformations

Page 28: Design and Implementation of a Procedural Content Generation Web Application for Vertex Shaders

[email protected]


Character Animation with Direct3D Vertex Shaders - AMDdeveloper.amd.com/.../media/2012/10/ShaderX_CharacterAnimation.pdf · Character Animation with Direct3D Vertex Shaders To save

Character Animation with Direct3D Vertex Shaders - AMDdeveloper.amd.com/.../media/2012/10/ShaderX_CharacterAnimation.pdf · Character Animation with Direct3D Vertex Shaders To save

Uniform variables - Cornell University• Uniform variables are shared between vertex and fragment shaders. • Declare once in vertex shader and once more in fragment shader. •

Uniform variables - Cornell University• Uniform variables are shared between vertex and fragment shaders. • Declare once in vertex shader and once more in fragment shader. •

Procedural Content Generation and Shaders - NVIDIAon-demand.gputechconf.com/gtc/2014/presentations/S... · Procedural Content Generation and Shaders Author: Etienne Caron Subject:

Procedural Content Generation and Shaders - NVIDIAon-demand.gputechconf.com/gtc/2014/presentations/S... · Procedural Content Generation and Shaders Author: Etienne Caron Subject:

Programming Vertex Geometry and Pixel Shaders

Programming Vertex Geometry and Pixel Shaders

CS 4363/6353 SHADERS/GLSL. ANOTHER LOOK AT THE PIPELINE Vertex Processing Clipping/Assembly Rasterization Fragment Processing.

CS 4363/6353 SHADERS/GLSL. ANOTHER LOOK AT THE PIPELINE Vertex Processing Clipping/Assembly Rasterization Fragment Processing.

Vertex Shaders for Geometry Compression

Vertex Shaders for Geometry Compression

AMCS / CS 247 – Scientific Visualization Lecture 12 ... · GLSL 1.50 (OpenGL 3.2) • Vertex shaders (run on vertex processors) • Geometry shaders (run on geometry processors)

AMCS / CS 247 – Scientific Visualization Lecture 12 ... · GLSL 1.50 (OpenGL 3.2) • Vertex shaders (run on vertex processors) • Geometry shaders (run on geometry processors)

Canonical Shaders for Optimal Performance Canonical Shaders for

Canonical Shaders for Optimal Performance Canonical Shaders for

NVIDIA nfiniteFX TM Engine Programmable Vertex Shaders · Vertex Shader box. Vertex Shaders do not create or delete vertices, but simply operate on, and change the values of, the

NVIDIA nfiniteFX TM Engine Programmable Vertex Shaders · Vertex Shader box. Vertex Shaders do not create or delete vertices, but simply operate on, and change the values of, the

9/25/2001CS 638, Fall 2001 Today Shadow Volume Algorithms Vertex and Pixel Shaders.

9/25/2001CS 638, Fall 2001 Today Shadow Volume Algorithms Vertex and Pixel Shaders.

Intro to Unity Shaders - UCSC Creative Coding · Intro to Unity Shaders CM163 Lab 1. Rendering Pipeline Vertex Shader - Program that transforms vertices in someway Rasterizer - Turn

Intro to Unity Shaders - UCSC Creative Coding · Intro to Unity Shaders CM163 Lab 1. Rendering Pipeline Vertex Shader - Program that transforms vertices in someway Rasterizer - Turn

Buffers, textures, compositing, shaders - sm.luth.se · • Buffers and images •Textures • Compositing and blending • Vertex and buffer shaders

Buffers, textures, compositing, shaders - sm.luth.se · • Buffers and images •Textures • Compositing and blending • Vertex and buffer shaders

Chris Kerkhoff Matthew Sullivan 10/16/2009. Shaders are simple programs that describe the traits of either a vertex or a pixel. Shaders replace a.

Chris Kerkhoff Matthew Sullivan 10/16/2009. Shaders are simple programs that describe the traits of either a vertex or a pixel. Shaders replace a.

Vertex-, Geometry- and Fragment Shaders · • attribute – (only used in vertex shaders, and read-only in shader) global variables that may change per vertex, that are passed from

Vertex-, Geometry- and Fragment Shaders · • attribute – (only used in vertex shaders, and read-only in shader) global variables that may change per vertex, that are passed from

Programmable Pipelines. Objectives Introduce programmable pipelines Vertex shaders Fragment shaders Introduce shading languages Needed to describe.

Programmable Pipelines. Objectives Introduce programmable pipelines Vertex shaders Fragment shaders Introduce shading languages Needed to describe.

Shaders - Vertex, Fragment - BGUgraph161/wiki.files/09e-Shaders.pdf · What are we targeting? OpenGL shaders give the user control over each vertex and each fragment (each pixel or

Shaders - Vertex, Fragment - BGUgraph161/wiki.files/09e-Shaders.pdf · What are we targeting? OpenGL shaders give the user control over each vertex and each fragment (each pixel or

9 vertex shaders - Cognitive Science Departmentdestem/gamearch/9.pdf · • attribute – linkage between a vertex shader and WebGL for per-vertex data • varying – linkage between

9 vertex shaders - Cognitive Science Departmentdestem/gamearch/9.pdf · • attribute – linkage between a vertex shader and WebGL for per-vertex data • varying – linkage between

3.0 Shaders - AMD · 2013. 10. 25. · Vertex Texturing • With vs_3_0, vertex shaders can . sample textures • Many applications – Displacement mapping – Large off-chip matrix

3.0 Shaders - AMD · 2013. 10. 25. · Vertex Texturing • With vs_3_0, vertex shaders can . sample textures • Many applications – Displacement mapping – Large off-chip matrix

Introduction to OpenGL - Penn Engineeringcis565/Lectures2011S/Lecture...most relevant parts for writing GLSL shaders Shaders Shader object : an individual vertex, fragment, etc. shader

Introduction to OpenGL - Penn Engineeringcis565/Lectures2011S/Lecture...most relevant parts for writing GLSL shaders Shaders Shader object : an individual vertex, fragment, etc. shader

GAM531 DPS931 – Week 12 Textures and Samplers. Actor Composition Actor Mesh Vertex Buffer Index Buffer Vertex Format Material Shaders Uniform Buffers.

GAM531 DPS931 – Week 12 Textures and Samplers. Actor Composition Actor Mesh Vertex Buffer Index Buffer Vertex Format Material Shaders Uniform Buffers.