• What?
  • Who?
  • Contact Jonathan Jeter
  • Privacy Policy

Jonathan Jeter

Director of Application Development

  • Jonathan Jeter on Google+
  • Jonathan Jeter on Facebook
  • Follow Jonathan Jeter on Twitter
  • Jonathan Jeter on LinkedIn
  • Jonathan Jeter's rss feed
Home Archives for Three.js

Intro to WebGL and Three.js – Front Porch Front-End Developer Conference, Dallas, TX

October 7, 2014 By Jonathan Jeter Leave a Comment

David Lyons - Intro to WebGL and Three.js - Front Porch Front-End Developer Conference, Dallas, TXPresented by David Lyons

What are people using WebGL for

  • games
  • interactive demos

three.js

  • 3D JavaScript Library – what would take hundreds of lines of code with raw WebGL only require a few lines using three.js

All three.js projects have the following elements:

  • scene
  • aspect
  • camera
  • renderer

WebGL - three.js geometryRotations use radians (using pi)

Lots of math, but lots of elements to help you figure out how to do it. Mesh, shading, colors, textures, shininess, etc., etc.

You can load in ojbects via the JSON loader with a python tool that’s included (must be Python 2.7).

Interactions

In 3D you have to use “picking” to select items. You don’t have the browser interactions available.

Great stuff on three.js from David Scott Lyons on his site!

Read the rest of Intro to WebGL and Three.js – Front Porch Front-End Developer Conference, Dallas, TX

Tell someone about this:

  • Email
  • Print
  • Twitter
  • LinkedIn
  • Facebook
  • More
  • Reddit

Like this:

Like Loading...

Filed Under: JavaScript, Web Development Tagged With: conference notes, david scott lyons, frontporchio, Great stuff, JavaScript, javascript library, JSON, python tool, Three.js, WebGL

Stuff I Like to Talk About:

  • Business
  • Digital Imaging
  • Internet Marketing
    • Email Marketing
    • SEM / Paid Search
  • Life
  • Other Stuff
    • Health
    • Taekwondo (TKD)
  • Sports
    • Football
  • Technology
    • Augmented Reality
    • Awesome or Scary?
    • Marketing Technology
      • Data / Analytics
      • Omnichannel
    • Mobile
      • Android
    • Virtual Reality
  • User Interface / User Experience Design
  • Web Development
    • Browsers
    • CSS
    • Front-End Development
    • Google+ (Google Plus)
    • HTML5
    • JavaScript
    • jQuery
    • Mobile
    • MVC
    • Responsive Design
    • SEO
    • Social Media
    • UI/UX
    • WordPress

HTML

  • HTML Entities

JavaScript

  • MEAN.js

My Sites

  • Head Turning Media
  • Jonathan Jeter (Brand Yourself)
  • My Humor

Online Experts

  • Bryan Eisenberg
  • Danny Sullivan
  • Duane Forrester
  • Keith Brown
  • Louis Gray
  • Matt Cutts

UI / UX

  • Jared Spool
  • Paul Jeter
FreshBooks
Genesis Framework for WordPress Premise Landing Pages Made Easy

Most Popular

  • Exploring Standard Ad Unit Sizes: Google AdSense 300…
  • The Relentless Pursuit of the Right Answer: Why…
  • To The Moon And Back: Taking The Leap Towards…
  • Looking for Instagram or Android fonts or logos and…
  • Verizon Wireless – My Favorite Mobile Provider
  • My Notes on “Marketing Technology as Force…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • In Data We Trust
  • A Brief History of the Complete Redesign of Google…
  • Ultimate Engagement: Data Driven Email Tactics

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d