Image Image Image Image Image
Scroll to Top

To Top

News

Ready Player One: Music Video Experience

On 02, Nov 2016 | No Comments | In 3D, Awards, Graphic Shaders, JavaScript, Music, News, Video, WebGL | By synergyseeker

Ready Player One, generated entirely in GSL/OpenGL, uses a ground-breaking programming technique in music video creation. Pure code captures the retro sci-fi spirit of Em Harriss’s hauntingly beautiful vocals; an alien ghost trapped in the machine.

Read more…

01

Jun
2016

11 Comments

In 3D
JavaScript
Learning
WebGL

By synergyseeker

Learning WebGL 3D: Starting Textures and Lights

On 01, Jun 2016 | 11 Comments | In 3D, JavaScript, Learning, WebGL | By synergyseeker

We’ve already covered the basics of setting up a scene, a camera, the render loop ( animation loop ) and some other basics about geometry and transformations in previous tutorials. In this lesson, let’s dig into applying textures and materials to “skin” our objects and adding lights, so we can see them. Read more…

20

Mar
2016

18 Comments

In 3D
JavaScript
Learning
WebGL

By synergyseeker

Learning WebGL 3D: Transformations – Rotation, Scale, Translation

On 20, Mar 2016 | 18 Comments | In 3D, JavaScript, Learning, WebGL | By synergyseeker

So in the first lesson, you learned about setting up the files, getting set up with a 3D helper library and doing your first render. In fact we jumped ahead in that first lesson and did a simple rotation, which is the first of our transformations we are going to look at.

Read more…

07

Mar
2016

30 Comments

In 3D
HTML5
JavaScript
Learning
News
WebGL

By synergyseeker

Learning WebGL 3D: Getting Started with ThreeJS

On 07, Mar 2016 | 30 Comments | In 3D, HTML5, JavaScript, Learning, News, WebGL | By synergyseeker

WebGL, is a JavaScript API for creating and rendering graphics inside an HTML <canvas> element. We already used this element in previous lessons here, and the same basic concepts can be applied. In a basic sense, we are still using math to draw frames that we cycle through at high rates ( 60fps ) to create the optical illusion of motion.

Read more…

18

Feb
2016

No Comments

In Awards
News

By synergyseeker

CSSDA Interview with Richard Mattka

On 18, Feb 2016 | No Comments | In Awards, News | By synergyseeker

“It was somewhere between those first Atari games and copying code from magazines to make uber lame text games. I got some crazy idea in my head as kid, that I could make games; that I could create things using tech too. I started hacking away then, and haven’t stopped since.”

I was recently interviewed by the cool folks at the CSSDA and was able to share some thoughts via this official JPanel interview As a judge on the panel I’m excited to engage  with the development and design community this year. Should be an amazing year ahead!

Javascript Animations: Lesson 8 – Acceleration and Gravity!

On 08, Feb 2016 | 8 Comments | In General, HTML5, JavaScript, Learning, Prototypes | By synergyseeker

 

Acceleration! The change of velocity over time. So, if velocity is the change of speed over time, this is the change of that velocity over time. This could be changing direction, speeding up or slowing down. Really it is just another vector applied to another over time. Because it is continually added it increases the magnitude of the that initial vector over time.

Read more…

Javascript: Random Spheres Trig

On 05, Feb 2016 | 13 Comments | In 3D, General, HTML5, JavaScript, Learning, Prototypes, The Lab, WebGL | By synergyseeker

If you have been following along with the Learning tutorials so far, you’ll recognize the basis of experiment comes from Lesson 5 – Making multiple objects move  In this demo, I am using radial gradient fills, a range of colors, and some good ole fashion trigonometry to create a nice 3D  effect.

Check it out here: 3D Spheres on Canvas Demo

Read more…

HTML5 360 Panorama

On 02, Feb 2016 | 4 Comments | In 3D, Games, General, HTML5, JavaScript, Prototypes, The Lab | By synergyseeker

I recently found myself in need of a 360 panorama. I wanted the user to be able to explore using the mouse or touch and zoom in and out. I wanted simple, clean animation. Most important it had to work on mobile and older browsers ( IE9+ ). This meant a NO FLASH , and NO WebGL or plugins solution.

After looking around at a number of potential plugins and players, I discovered as you may have, that there is not much out there. Most require purchase of a license or are not fully developed.

Read more…

Javascript Animations: Lesson 7.5 – Vectors as forces to move player

On 02, Feb 2016 | 7 Comments | In Games, HTML5, JavaScript, Learning, Prototypes | By synergyseeker

Ok so we are making a game. Well not really a game, but if we were, we might need a  player object. So we have a player object a really awesome cool triangle. Lame, I know, but actually I loved asteroids and well the little dude was just a triangle. So we have a trianlge and we are going to make it rotate and move around using our learnings from previous lessons. So if you are totally lost jump back and read on Vectors and if you are really, really lost jump back and read from the start about animations.

Read more…