Jack Rugile

Front End Web & Game Developer

Let’s make cool stuff!

I’m a front end web and game developer with 10+ years experience ranging from small creative studios to large corporations. My ambition is to create interactive experiences that bring people joy and solve problems. I take pride in my work and want to leave the web better than I found it. I’m looking to collaborate with a team of innovative professionals who are dedicated to their craft.

Sites/Apps

Screenshot of Mission Bell project homepage, featuring the Nvidia Treehouse.

Mission Bell

Architectural Woodwork and Casework Subcontractor

A portfolio website featuring the work, people, and services of a custom architectural woodwork company. Built with Vue.js, Nuxt, and Sanity.

@ Consume & Create

Screenshot of Hikup website homepage.

Hikup

Digital Utility Web App

A web app to encourage people to be mindful of unwanted jargon and improve how we use language in our everyday conversations. Built with Vue.js, Nuxt, and the Web Speech API.

@ Consume & Create & Omelet

Screenshot of Omelet Agency website homepage.

Omelet Agency

Los Angeles Ad Agency

A full website showcasing the work, people, and values of the Los Angeles based ad agency, Omelet. Built with React.

@ Legwork Studio

Screenshot of New Belgium Brewing Tour website.

New Belgium Brewing Tour

360° Photo Tour

An interactive 360° photo tour of two New Belgium Brewing locations. Built with Vue.js, Nuxt, and Three.js.

@ Consume & Create

Screenshot of If This Then Domino’s, illustrated cards showing ways to trigger a pizza delivery.

If This Then Domino’s

Domino’s + IFTTT Automatic Order Triggers

A microsite featuring the many ways you can automatically order Domino’s based on event triggers. Built with Vue.js and GSAP. Oct 6, 2018 FWA of the Day.

@ Legwork Studio & CPB

Screenshot of Itch A Skitch project with controls, resembling a classic Etch A Sketch toy.

Itch A Skitch

Canvas Powered Etch A Sketch

A recreation of the famous Etch A Sketch, right in the browser. Use your keyboard to make some art and download an image file. Built with 2D canvas.

Games

Screenshot of Radius Raid gameplay.

Radius Raid

Space Shoot ’Em Up in 13kb

Blast away unrelenting enemies before they destroy you. Features 13 enemy types, 5 powerups, parallax backgrounds, retro sound effects, and locally stored stats. Received 1st place in js13kGames 2013. Built with 2D canvas in 13kb.

@ js13kGames 2013

Screenshot of Mono Move gameplay.

Mono Move

Single Control Gravity Switching

Play to the end with as few deaths as possible in this single control, gravity switching, rage inducing, death tallying obstacle course. Featured at the Denver Creative Tech meetup. Built with 2D canvas.

@ Denver Creative Tech Meetup

Screenshot of SpacePi title frame.

SpacePi

Space Defense in 13kb

A mouse accuracy/agility game revolving around the defense of 13 bases in the most desolate regions of space. Received 1st place in js13kGames 2012. Built with 2D canvas in 13kb.

@ js13kGames 2012

Screenshot of Ride the Magic gameplay.

Ride the Magic

Boreal Mountain Snowboard Adventure

A retro snowboarding game promoting discounted tickets to ride Boreal Mountain in Soda Springs, CA. Built with Phaser.

@ Legwork Studio & Hovercraft Studio

Screenshot of TurtleRat Alley logo screen.

TurtleRat Alley

Capital One Bowling

Part of Capital One’s March Madness 2018 campaign featuring Charles Barkley and San Antonio, TX. Bowl with an armadillo in three scenic alleys. Built with Three.js and GSAP.

@ Legwork Studio & DDB

Community

Screenshot of the 3D Particle Explorations demo, white particle dots on a colorful 3D plane.

3D Particle Explorations

Codrops Playground Article

An article with demos showing the power of 3D particles. Great for loader animations, backgrounds, and transitions. Built with Three.js.

@ Codrops

Photo of Jack Rugile wearing a scooter helmet with the word "Inspect" overlayed on top.

Inspect Interview

Discussion with Kyle Coberly

A casual discussion about software, music, and games with Kyle Coberly. Learn about how it all started and why I do what I do.

@ Kyle Coberly Medium

Open Source

Screenshot of VariaBoard control interface demo.

VariaBoard

Parameter Control Interface

A control interface to modify parameters in JavaScript. Useful for live tweaking settings in visual demos.

Screenshot of Placeholdem demo.

Placeholdem

Placeholder Caret Animation

A JavaScript plugin that animates placeholder carets on inputs and textareas. The placeholder value will incrementally delete on focus, and restore on blur.

Screenshot of jRumble website demo and documentation.

jRumble

Element Rumbling jQuery Plugin

A jQuery plugin that rumbles, vibrates, shakes, and rotates elements. A prominent way of directing attention to a specific part of the UI.

Demos

Screenshot of Simplex Flower Generator demo.

Simplex Flower Generator

Three.js Mesh Lines

A parameterized generator leveraging simplex noise and adjustable line widths to create floral patterns. Built with Three.js, showcasing THREE.MeshLine.

@ CodePen

Screenshot of Rainbow Firestorm demo.

Rainbow Firestorm

Particle Simulation

A simulation where colorful glowing particles cut through growing circles. Built with 2D canvas.

@ CodePen

Screenshot of Carousel Lock Interface demo.

Carousel Lock Interface

Sliding Combination Lock

Use the sliding carousels to enter the super secret code. Built with Flickity.

@ CodePen

Want to get in touch?

I'd love to hear from you!

Email me: jack@jackrugile.com