Skip to content

cjgammon

whatever i feel like writing about

Category: design

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 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 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 Geometry

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

Geometry defines the shape of the objects we draw in Three.js. Geometry is made up of a collection of vertices and often faces which combine three vertices into a triangle face. You can create your…

Read more of Three.js Geometry →

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

Three.js Getting Started

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

Let’s set up a basic scene in Three.js. The first thing you need to do is include the Three.js library. You can download it at threejs.org. You can also use the CDN url from cdnjs…

Read more of Three.js Getting Started →

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

Three.js Introduction

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

Three.js is an open source javascript library for drawing 3d graphics on the web. It was created by Ricardo Cabello (aka. Mr. doob). It grew out of the work he had done for Flash on…

Read more of Three.js Introduction →

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

Masking in Design Tools

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

Before digital imaging similar effects to masking could be achieved through double exposure, where film is exposed to multiple negatives or shapes which combine the visible portion of the photographs. In digital media this uses…

Read more of Masking in Design Tools →

Posted in design, web Tagged development, masking, web

Masking in CSS

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

As far as CSS features go this is still relatively new. Because of this, support can be spotty. So let’s check out caniuse.com. Caniuse is a website created by a friend of mine Alexis Diveria,…

Read more of Masking in CSS →

Posted in design, web Tagged css, development, masking, web

Scripting SVG in Animate CC

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

Snap.SVG Animator is a plugin for Animate CC that allows you to design on the timeline and export animated SVG content leveraging the Snap.svg javascript library. If you haven’t heard about Snap.SVG Animator, the plugin…

Read more of Scripting SVG in Animate CC →

Posted in design, web Tagged development, flash, svg, web

Masking in SVG

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

Masking is really powerful in SVG in fact SVG has it’s own mask element specific to this purpose. <mask id=”myMask”></mask> We can add this element into our <defs> tag and then any content we add…

Read more of Masking in SVG →

Posted in design, web Tagged development, masking, svg, web

Posts navigation

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

Archives

  • February 2023
  • January 2023
  • November 2022
  • 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.