SuperHi FM

Search:

Catalog Cart About Sign in

Shaders for the Web

Jellyfish

Chapter 08

Jellyfish

Links + downloads

Chapter resources

Chapter URL

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

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!

© 2025 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

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.

Private notes

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

Sign in to save notes