This project is intended to showcase the knowledge gained in the Computer Graphics course. The technology used is javascript, HTML5 and webGL2.
-
Updated
Jul 22, 2021 - JavaScript
This project is intended to showcase the knowledge gained in the Computer Graphics course. The technology used is javascript, HTML5 and webGL2.
An example of using a 3D GLSL shader with a Three.js Object3D
🔴 👄 a (vanilla ) WebGL poc-study with Raymarching & Phong Shading.
WebGL Canvas | GLSLX shader files and minified bundles that can be used as 3D animated backgrounds - Demo:
Code repository for my personal software engineering portfolio site. Built using React with minimalism in mind. A 3D page built with R3F and Drei includes a GLTF model, a custom-made GLSL shader, and live sites rendered inside an iframe.
A 2D Multiplayer Web Application Game Called BlackHole
GLSL Shader for a static planetary atmosphere. Visit https://michaeljfang.github.io/atmosphere-shader/ for a demo.
A 2.3kb WebGL mandelbrot viewer.
Boilerplate project for quickly getting up and running a Three.js project.
A fast and customizeable p5.js ascii renderer utilizing a GLSL shader
A mini-project during my time in my computer graphics course at UBC. Each sphere represents a different light model implementation.
Playing with shaders directly in your face.
Intro to Computer Graphics Course in UCF
WebGL Canvas | GLSLX shader files and minified bundles that can be used as 3D animated backgrounds - Demo:
Combo of esbuild, GLSLX, three.js... to develop/build quickly + easily WebGL canvas bundles. Minimized bundles can be used as 3D animated backgrounds on a website - Demo:
Black Hole - WebGL/Three.js
WebGL Canvas | GLSLX shader files and minified bundles that can be used as 3D animated backgrounds - Demo:
LiquidSphere ( Codepen: Liquid Crystal ) React Three Fiber Version
Let's get started with shader programming in Three.js
Concept for an Amsterdam Light Festival entry
Add a description, image, and links to the glsl-shader topic page so that developers can more easily learn about it.
To associate your repository with the glsl-shader topic, visit your repo's landing page and select "manage topics."