Dan Quinn

Three.js Christmas

I considered entering the Three.js Journey Christmas contest this year, but I didn't have quite enough time to finish. Here's what I ended up with. I'm not feeling motivated to finish this Christmas project post-Christmas. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/

Three.js House

More blender and three.js { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js"; const

Three.js Room

Another blender and three.js practice model done over Thanksgiving weekend. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls"; import { GLTFLoader } from

Three.js Xbox Menu

Inspired by a twitter thread where someone challenged people to make a version of the old Xbox menu for the web. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/", "tween": "https://unpkg.com/@tweenjs/

Critters.ai

go to critters.aiThis is a project I did while on paternity leave in 2023. I thought it would be interesting to create a small world with a few AI agents in it, and then give them a goal of escaping the simulation. They have been trying to escape for

Pumpkins

More random blender and three.js practice. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader.

o1-preview Drawings

More models, more drawings of monkeys and cats. I asked OpenAI's new o1-preview model to draw some things with p5.js. Seems like it's about on par with Sonnet. Monkey fighting a dragonHorse on a skateboardWiener dog bungee jumpingElephant scuba divingCat popping out of a chimneyRecreating a low poly 3d

Claude P5.js Drawings

I'm checking in on LLMs' ability to draw things using P5.js. It seems like things have improved a lot since the last time I tried some of these same experiments in 2022 (post). I used claude.ai to generate p5.js code, then copied the result into the p5.

House

More practice with blender and three.js. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader.

World

Three.js world { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js"; import { PointerLockControls } from "three/addons/controls/PointerLockControls.js"; const width

3d

Bank

Another critters.ai practice model made with blender and three.js. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls"; import { GLTFLoader } from

3d

Randall

The third character from critters.ai. I got a little bit better at UV unwrapping on this one. More baby steps. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"

3d

Suzan

More practice with blender and three.js. This one didn't turn out so hot. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls"

3d

Teddy

I might try to make a 3d version of critters.ai. Here's a practice version of Teddy. Was this a good use of time? Probably not. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/

3d

Dino

More blender and three.js practice. A basic dinosaur. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js", "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/" } } import * as THREE from "three"; import { OrbitControls } from "three/addons/controls/OrbitControls"; import { GLTFLoader } from "three/addons/

3d

Blender baby steps

I've always been curious about 3d modeling, but never dedicated much time to figuring out the tools due to the steep learning curve. I think there might be some fun opportunities to mix 3d into my side projects and design work, so I bought Bruno Simon's three.js journey course.

3d

Embedding a three.js scene in a Ghost post

This is a quick experiment to see what a three.js scene looks like in a Ghost post. Libraries are loaded from a CDN following the approach from the official installation guide in the three.js docs. { "imports": { "three": "https://unpkg.com/three@0.160.0/build/three.module.js"