BlackThread.io

Tag: animation

CSS Circles Animation

An experiment in pure CSS animation, using art created with the EscherSketch hyperbolic art generator.

Tag: aspect-ratio

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: basics

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: browser

Tag: browser-console

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: buffergeometry

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: camera

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: canvas

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: codepen

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: color

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: controls

Tag: css

CSS Circles Animation

An experiment in pure CSS animation, using art created with the EscherSketch hyperbolic art generator.

Tag: discourse

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: es6

Promisifying three.js loaders

In this post we'll go over a method for turning three.js loaders into promises. It turns out to be fairly simple - we'll create a simple`promisifyLoader` function that takes any loader and spits out a ready to go `promiseLoader` version.

Tag: escher

EscherSketch

Prototype of a hyperbolic art generator and educational to h that creates a regular edge to edge tiling of the hyperbolic plane. If you are a fan of M.C Escher you will certainly recognise this from his Circle Limit series

Tag: event-listener

Tag: examples

Tag: fbxloader

Faking a progress bar in three.js

Setting up a progress bar for a WebGL project is a non-trivial progress. Here we'll explore a quick and dirty method of faking one that in many cases will be just as good as the real thing

Tag: forum

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: fov

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: getting-started

Introduction

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: github

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: gltfloader

Promisifying three.js loaders

In this post we'll go over a method for turning three.js loaders into promises. It turns out to be fairly simple - we'll create a simple`promisifyLoader` function that takes any loader and spits out a ready to go `promiseLoader` version.

Tag: help

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: html

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: hyperbolic

EscherSketch

Prototype of a hyperbolic art generator and educational to h that creates a regular edge to edge tiling of the hyperbolic plane. If you are a fan of M.C Escher you will certainly recognise this from his Circle Limit series

Tag: introduction

Introduction

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: lights

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: loaders

Tag: loading

Faking a progress bar in three.js

Setting up a progress bar for a WebGL project is a non-trivial progress. Here we'll explore a quick and dirty method of faking one that in many cases will be just as good as the real thing

Promisifying three.js loaders

In this post we'll go over a method for turning three.js loaders into promises. It turns out to be fairly simple - we'll create a simple`promisifyLoader` function that takes any loader and spits out a ready to go `promiseLoader` version.

Tag: loading-manager

Faking a progress bar in three.js

Setting up a progress bar for a WebGL project is a non-trivial progress. Here we'll explore a quick and dirty method of faking one that in many cases will be just as good as the real thing

Tag: loading-overlay

Faking a progress bar in three.js

Setting up a progress bar for a WebGL project is a non-trivial progress. Here we'll explore a quick and dirty method of faking one that in many cases will be just as good as the real thing

Tag: material

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: mathematics

EscherSketch

Prototype of a hyperbolic art generator and educational to h that creates a regular edge to edge tiling of the hyperbolic plane. If you are a fan of M.C Escher you will certainly recognise this from his Circle Limit series

Tag: mesh

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: modules

Promisifying three.js loaders

In this post we'll go over a method for turning three.js loaders into promises. It turns out to be fairly simple - we'll create a simple`promisifyLoader` function that takes any loader and spits out a ready to go `promiseLoader` version.

Tag: orbit-controls

Tag: perspective-camera

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: plugins

Tag: progress-bar

Faking a progress bar in three.js

Setting up a progress bar for a WebGL project is a non-trivial progress. Here we'll explore a quick and dirty method of faking one that in many cases will be just as good as the real thing

Tag: promises

Promisifying three.js loaders

In this post we'll go over a method for turning three.js loaders into promises. It turns out to be fairly simple - we'll create a simple`promisifyLoader` function that takes any loader and spits out a ready to go `promiseLoader` version.

Tag: reddit

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: renderer

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: requirements

Tag: resize

Tag: scene

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: scss

CSS Circles Animation

An experiment in pure CSS animation, using art created with the EscherSketch hyperbolic art generator.

Tag: security

Tag: server

Tag: setup

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: stackoverflow

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: subreddit

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: textureloader

Tag: textures

Tag: three.js

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Introduction

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: tiling

EscherSketch

Prototype of a hyperbolic art generator and educational to h that creates a regular edge to edge tiling of the hyperbolic plane. If you are a fan of M.C Escher you will certainly recognise this from his Circle Limit series

Tag: tutorials

Introduction

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Tag: webgl

1: Getting Started

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)

Next steps

My tutorials have moved! Please check out my new site, discoverthreejs.com! :)