SuperHi FM

Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
Up to 50% off if you buy two or more of our courses! Discount automatically applied.
CatalogCart AboutSign in

SuperHi

Shaders for the Web

Jellyfish
Chapter 08

Jellyfish

Learn how to take your shaders to the next dimension... the z-direction with the first of our 3d projects. In this site we'll use Three.js to make a metal jellyfish with fully-custom lighting and movements.

Links + downloads

Videos

Lesson 01

Welcome to Jellyfish

Lesson 02

How to do 3D in KodeLife

Lesson 03

Setting up a scene in Three.js

Lesson 04

Setting a background and geometry

Lesson 05

Setting up a ShaderMaterial in Three.js

Lesson 06

Adding a vertex shader

Lesson 07

Adding a time uniform

Lesson 08

Adding a texture uniform

Lesson 09

Ambient lighting

Lesson 10

Diffuse lighting

Lesson 11

Specular lighting

Lesson 12

Adding multiple lights

Lesson 13

Texture cubes

Lesson 14

Rotating vertices in the vertex shader

Lesson 15

Making the jellyfish

Lesson 16

Adding a camera zoom on load

Lesson 17

Updating the renderer on window resize

Lesson 18

Variation: convex to concave

Lesson 19

Variation: bubble refraction

Lesson 20

Variation: Making a thin film interference bubble

Lesson 21

Using variations in the final project

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

SuperHi FM

Want some ambient music in the background? Play our radio station!

Cryptoquartz

Next: Chapter 09

Cryptoquartz

The Art of Posing

Back: Chapter 07

The Art of Posing

Feeling stuck?

Don’t worry, we are here to help you with:

  • Speedy help from one of our team members
  • Detailed, relevant solutions
  • Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

EmailDiscord