Jetlag 4k Seminar Links


  1. You can try to do some shaders - this may help you to make your 4k or 8k intro
    • raymarching-glslhacker-tutorial-opengl/
  2. You will need some already done 4k framework
    • - NEW!!!
    • <—- this one has 4klang 301 inside
  3. first you need a working shader which can do something, then you have to convert it to glsl from shadertoy, if you made it in shadertoy (i.e. rename fragColor to gl_FragColor, mainImage(…) to main() etc)

  4. next you have to make it a string, you can do it with something like notepad++ or use shader minifier

  5. then you have to compile your shader with a framework and see the result.

  6. and you will understand that you have to pass TIME somehow, it could be GLSL uniform variable or C++ “if” statement or something you think will work.

  7. then you will need music.. it’s another question I can explain if you want..

  8. after that you will have a working framework, next step is to make your own shaders


  1. read the following
  2. you can make your 64k with werkzeug
  3. or you can try to read others code
    • <—- it seems this one is based on
    • iq’s 64k framework


  1. you can use already made demotools
    • werkkzeug again - it has some tutorials in the net
    • there a lot more others if you need



if you’re new to graphics programming i would suggest starting first with processing, unity, vvvv or shadertoy and only after you have some effects and more confidence in your programming skills to move on to an engine/framework of your own.

some resources that keen didn’t mention:

The most of the top of 4k intros are made as glsl shader loader + 4klang the glsl loader usually based on c++ framework made by iq/rgba isystem1k4k there are a lot of implementations opensourced which were made in that way. Whitespace by Prismbeings sources on github for Visual Studio

Our 4k converted to C from C++ Nwep VS2015 project

as result all you have to do is a shader and a 4klang tune.

You can use such tools like Shadertoy for shader prototyping. Or you can use Gargaj’s Shader compo tool Bonzomatic


POUET BBS threads

Introductory Democoding with ShaderToy


iq framework

noby’s introsystem



Shader minifiers

4k into scenes timings

Intro making questions…

Raymarching Beginners’ Thread



Bokeh DOF

Code for Moving Camera in GLSL Raytracer


NVScene 2015 Session: Shadertoy Hackathon Kickoff (Inigo Quilez, Pol Jeremias, Otavio Good);sa=view;id=19857–cms-23313–cms-24111


Introductory Democoding with ShaderToy

SHADERTOY collection

Oscar’s chair 4k making of

A dive into the making of Immersion

SURPRISE more links

Shaders language for beginners

Книга шейдеров для начинающих:

Уроки программирования GLSL:

Цикл статей по OpenGL 3.0:

Краткий список функций GLSL

Официальная Спецификация по GLSL

На русском:

Введение в программирование шейдеров для начинающих:–cms-23313

Набор уроков/заданий “Hello world” для пиксельных шейдеров

IDE и инструменты для написания шейдеров Bonzomatic: ShaderToy: Kodelife: Строиит графики функций:

Raymarching (SDF) algorithm

Хорошая статья с картинками и куском кода на каждом этапе, объясняет базовые принципы

Video Revision 2019 - Seminar - Shader Coding от Flappine (Soft shadows) Расшифровка трассировщика лучей размером с открытку)

Трехмерный (raymarch) движок на формулах Excel для чайников

Ray Tracing in One Weekend

Old-school effects are back -

Examples with Sources

Библиотека с SDF функциями

Tri-Planar Texture Mapping

Хороший код с комментариями (Raymarching Primitives Commented) (Использование буферов в ShaderToy)

Size coding

Как сделано интро на 64k -

Introductions to Mathematics and Vector algebra

4k Engines Верстак - предназначен для компиляции и сбора 4k интр с 4k-lang музыкой под Windows без Visual Studio, при помощий nasm. А также имеет инструмент для дампа 4k-lang музыки в raw формат (очень удобен для музыкантов, чтобы послушать результат без участия программиста). один из самых известных и имхо удобных, можно делать постпроцессинг, заточен под 4klang, но можно впилить и другие синты, там в принципе несложно %) работает под линуксом и виндой, использовать трудно, ничем не лучше. Это очень сырое нагромождение разного, умеет в таймлайны, релоад ямл-декларативного рендер-пайплайна, шейдер релоад и препроцессинг с инклудами. - executable compressor Linker for small intros (8k/4k/1k) - shader minifier


Virgill’s tunes with 4klang patches

Some 4klang notes on Alcatrazes’ Equilibrium soundtrack

4klang Wayfinder’s tutorial

ForkedKlang, experimental 4klang fork

Pouet’s 4klang related thread

4klang’s basics

Learning 4klang | Part #1: I have no idea what I’m doing

Learning 4klang | Part #2: Oh!

Installing and trying out different synths for 4kb intros (4klang, clinkster and oidos)

Generative Graphics Stuff

Генератор абстрактных картинок для ваших демок, ну или источник вдохновений ;)

3d isolines

2d isolines

генератор фото лиц сток-моделей

Крутая программа для моделирования кастомных фракталов на GPU: