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…

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!

27

Jan
2016

No Comments

In 3D
Awards
News
WebGL

By synergyseeker

Insights into The Warof1996.com

On 27, Jan 2016 | No Comments | In 3D, Awards, News, WebGL | By synergyseeker

“20th Century Fox challenged us to take inspiration from interface designs seen in modern science fiction and comic book films; to push the envelope and create something that fit the universe of Independence Day, exciting the imagination of fans.”

Read more…

26

Jan
2016

No Comments

In Awards
News

By synergyseeker

FWA Interview with Richard Mattka

On 26, Jan 2016 | No Comments | In Awards, News | By synergyseeker

The FWA recently interviewed me, and the interview is now live here. Having “grown up” watching the FWA site for years, dreaming of working on cool sites like the ones I saw, it was a dream come true to be featured on the site.

http://www.thefwa.com/interview/richard-mattka

15

Jan
2016

No Comments

In 3D
Awards
HTML5
JavaScript
News
WebGL

By synergyseeker

Warof1996 Wins FWA Site of the Day and Mobile Site of the Day!

On 15, Jan 2016 | No Comments | In 3D, Awards, HTML5, JavaScript, News, WebGL | By synergyseeker

Really excited to announce that Warof1996.com for Independence Day 2 Resurgence, has won both the SOTD and MOTD at the FWA. It is a real privilege to even be nominated for these prestigious awards. Recognition from the best in the industry is the highest honor one can hope to achieve in our line of work.

Check out the announcement here for Site of the Day

Check out Mobile Site of the Day here!

Read more…

08

Jan
2016

No Comments

In 3D
Awards
HTML5
JavaScript
News
WebGL

By synergyseeker

WarOf1996.com wins CSS Desgin Award Site of the Day

On 08, Jan 2016 | No Comments | In 3D, Awards, HTML5, JavaScript, News, WebGL | By synergyseeker

Excited to announce that War of 1996 was awarded the CSS Design Awards WebSite of the Day for January 8, 2016! What a great way to start the year!

Check out the announcement here.

War of 1996 is an Interactive WebGL experience that explores the impact of the War of 1996 in promotion of the film, Independence Day: Resurgence.

Holographic Earth with Flicker Effect

On 05, Jan 2016 | 3 Comments | In 3D, General, HTML5, JavaScript, News, Prototypes, The Lab, WebGL | By synergyseeker

WebGL allows the creation of amazing experiences that we were able to only touch on with Flash in the old days. The smooth animations we can create now, harness all that graphics processor goodness and really sing. Back in the PaperVision3D days, I always loved creating cool planetary scenes, earth from space, moons and more. Diving back into this and adding a little home-grown “flicker” effect I came up with a nice start for something.

View the Holographic Earth demo here.

Read more…

Seamless Video Switching

On 20, Dec 2015 | 7 Comments | In General, HTML5, JavaScript, Music, News, Prototypes, The Lab, Video | By synergyseeker

Switching seamlessly between multiple videos is popping up all over now. Sites like Honda’s recent “The Other Side” project is one on many examples.  The idea is to switch between videos and/or audio without buffering or loading a new video, or least make the switch seamless. Here is a quick sample of my own spin on the technique.

Check out the experiment here.