Skip to content

cjgammon

whatever i feel like writing about

Tag: web

Three.js Materials

By cjgammon Last updated: October 14, 2016April 29, 2022

Materials determine how the surface of our geometry is drawn in Three.js. If the Geometry is our skeleton, defining the shape, then the Material is our skin. There are a variety of different types of…

Read more of Three.js Materials →

Posted in design, web Tagged development, threejs, web, webgl

Three.js Custom Materials with ShaderMaterial

By cjgammon Last updated: October 14, 2016April 29, 2022

Three.js comes with many materials built in. All these materials drawn in WebGL utilize shaders. Shaders are small programs that run on the GPU written in GLSL. We can create our own custom materials in…

Read more of Three.js Custom Materials with ShaderMaterial →

Posted in design, web Tagged development, threejs, web, webgl

Three.js Lights and Cameras

By cjgammon Last updated: October 14, 2016April 29, 2022

Lights can really make the difference between a seemingly flat scene and a visual masterpiece. Think of any photo-realistic painting or photograph and then imagine it with poor lighting and the impact is just not…

Read more of Three.js Lights and Cameras →

Posted in design, web Tagged development, threejs, web, webgl

Three.js Post Processing

By cjgammon Last updated: October 14, 2016April 29, 2022

Post-Processing is the addition of image effects or filters to your entire scene. This can change the feel of your scene and simulate interesting visual effects. Some examples are applying a sepia tone, or adding…

Read more of Three.js Post Processing →

Posted in design, web Tagged development, threejs, web, webgl

Three.js Loading Models

By cjgammon Last updated: October 14, 2016April 29, 2022

In my post on Geometry in Three.js I discussed the different types of primitives we have available. Primitives are a powerful tool but creating 3D objects with only primitives and code can only get you…

Read more of Three.js Loading Models →

Posted in design, web Tagged development, threejs, web, webgl

Three.js Models Update

By cjgammon Last updated: October 14, 2016April 29, 2022

In my post on Loading Models in Three.js I was using version 79. Three.js is now at version 100 and some changes have been made to how models are loaded. In this video I describe…

Read more of Three.js Models Update →

Posted in design, web Tagged development, threejs, web, webgl

Tiny Javascript Libraries

By cjgammon Last updated: December 19, 2015April 29, 2022

I used to do a lot of flash banner ads. Banner ads have tight requirements around file size so as not to bloat the hosting page’s download. With banner ads migrating to HTML this is…

Read more of Tiny Javascript Libraries →

Posted in canvas, svg, technology, web Tagged canvas, coding, development, html 5, svg, web

Evolution of the Web: SXSW Interactive 2015

By cjgammon Last updated: October 14, 2015April 29, 2022

I was fortunate to have the opportunity to speak at SXSW Interactive again this year. My talk, the Evolution of the Web, covered how the web has changed and where it seems to be heading.…

Read more of Evolution of the Web: SXSW Interactive 2015 →

Posted in web, workflow Tagged automation, design, development, flash, web

Custom Filters with Pixi.js using GLSL Shaders

By cjgammon Last updated: August 16, 2015April 29, 2022

NOTE: This applies to Pixi v3 Pixi.js is Mat Groves’ lightning fast 2D rendering engine for the web utilizing WebGL or 2D Canvas. When used with WebGL it supports filters, which are basically a simple…

Read more of Custom Filters with Pixi.js using GLSL Shaders →

Posted in javascript, technology, web, webgl Tagged coding, development, html 5, web, webgl

Richer Web Experiences

By cjgammon Last updated: October 14, 2005April 29, 2022

An article of mine was recently published in Web Designer Depot, discussing a few topics I’ve been covering in recent talks about how to make richer web experiences. It’s just a brief overview, but you…

Read more of Richer Web Experiences →

Posted in web, web design Tagged design, development, web

Posts navigation

←Previous page Page 1 Page 2 Page 3 Page 4 … Page 6 Next page→

Archives

  • June 2022
  • May 2022
  • April 2022
  • October 2021
  • June 2020
  • January 2020
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • October 2016
  • December 2015
  • October 2015
  • August 2015
  • August 2013
  • October 2005
RSS
© Copyright cjgammon. All rights reserved.